html, body{
-ms-overflow-style: scrollbar;
}
.banner {
    width: 100%;
    width: 1200px; margin: auto;margin-top: 15px;
    height: 300px;
}

.banner.small {
    height:150px;  overflow-y: hidden;
}

.banner img{width: 1200px; height: 300px;}
.banner.small img{width: 1200px; height: 150px;}
.header .nav {min-width: 1200px;
    /*height: 130px;*/
    /*background: rgba(255, 255, 255, 0.8);*/
    z-index: 999;
    width: 100%;
}
.header .nav.opacity1{
    background: rgba(255, 255, 255, 1);box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.header .nav>ul {
    width: 1200px;
    margin: 0 auto;
}
.header .nav>ul>div#nav{
    height: 55px;
}
.header .nav>ul>div#nav>li:first-child{
    margin-left: 0.5%;
}
.header .nav>ul>div#nav>li {
    float: left;
    font-size: 15px;
    font-weight: normal;
    width: 11%;
    color: #ffffff;
    line-height: 55px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.header .nav>ul>div#nav>li a {
    color: #ffffff;
}

.header .nav>ul>div#nav>li:hover {
    background: rgba(0, 0, 0, 0.15);
    /*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;

}

.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;
    z-index: 9;
}
@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>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 {
    float: left;
    padding-top: 32px;
    margin-top: 5px;
    position: relative;
    padding-top: 0;
    text-align: left;
}
.header .nav ul li.logo img.logo1 { height: 65px; margin: 15px 0 15px 38px; float: left; }
.header .nav ul li.logo img.logo2 { height: 120px; float: left;  margin-left: 10px; }
.header h1 {
    font-weight: normal;
    color: white;
    text-align: center;
    font-size: 58px;
    letter-spacing: 10px;
    margin-top: 218px;
}

.header h3 {
    font-weight: normal;
    color: white;
    text-align: center;
    font-size: 25px;
    letter-spacing: 4px;
    margin-top: 22px;
}

.bodyer .title h1 {
    font-weight: normal; text-align: left;
    font-size: 20px;border-bottom: 2px solid #c96f73;
    line-height: 45px; float: left; padding: 0 10px;
    color: #b80e15;
}

.bodyer .title h5 {
    font-weight: normal;
    line-height: 45px;
    color: #999;float: right;
    padding: 0 10px;
    font-size:15px;
}

.bodyer .title {border-bottom: 2px solid #e1e1e1;
    width: 1200px;
    height: 47px;
    margin: auto;
    text-align: center;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}
.bodyer .title1 h1{text-align: center;
    font-weight: normal;
    font-size: 25px;
    color: #b80e15;
    line-height: 1.2;}
.bodyer .body{width: 1200px; margin: auto;}
.bodyer .button{    margin: auto;
    width: 130px;
    border: 2px solid #C00;
    text-align: center;
    line-height: 35px;
    padding-top: 2px;}
    .bodyer .button:hover{border: 2px solid #ED1B23;cursor: pointer; background: #ED1B23; color: white;}
    .bodyer .button:hover a{color: white;}
.bodyer .index1 {
    background: url(../images/index1.jpg) center bottom no-repeat;
    height: 557px;
}

.bodyer .index2 {
    background: url(../images/index2.jpg) center bottom no-repeat;
    height: 526px;
}

.bodyer .index3 {
    background: url(../images/index3.jpg) center bottom no-repeat;
    height: 550px;
    text-align: left;
    width: 1280px;
    margin: auto;
}

.bodyer .index3 .info {
    width: 500px;
    margin-left: 750px;
}

.bodyer .index3 h1 {
    font-weight: normal;
    padding-top: 70px;
}

.bodyer .index3 h4 {
    font-weight: normal;
    line-height: 1.6;
    padding-top: 21px;
    font-size: 20px;
}

.bodyer .index3 h5 {
    font-weight: normal;
    line-height: 2;
    padding-top: 15px;
    font-size: 15px;
}

.bodyer .index4 {
    background: url(../images/index4.jpg) center bottom no-repeat;
    height: 555px;
}

.bodyer .index5 {
    background: url(../images/index5.jpg) center bottom no-repeat;
    height: 500px;
}

    .about{padding: 30px 0 10px;}
    .about dl{float: left; width: 40%; margin-bottom: 0;}
    .about dl a img{width: 100%; height: 265px; display: block;}
    .about ul{float: right;  width: 100%;}
    .about ul li{padding-left: 20px; line-height: 2;}
    .about ul li p{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical; font-size: 15px; color: #666;}
    .about ul li img{float: left;width: 40%; height: 265px; margin-right: 2%;}
    .about ul li .buttonbox{float: right; width: 58%; padding-top: 13px;}
    .products{padding: 3px 0 10px;}
    .products ul{margin-left: -0.5px; margin-right: -0.5px; max-height: 620px; overflow: hidden;}
    .products ul li{float: left;width: 289px; margin-bottom: 15px; padding-bottom: 8px; line-height: 1.4; margin-right: 15px; text-align: left;border: 1px solid #ddd;}
    .products ul li:hover{border: 1px solid #bbb;box-shadow: 0px 2px 10px #ccc;}
    .products ul li:nth-child(4n+4){ margin-right: 0%;}
    .products ul li img{width: 100%;height: 215px; display: block;}
    .products ul li a:nth-child(2){color: #555; padding: 8px 5px 5px 10px; font-size: 16px; display: block;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; 
    word-break: break-all;}
    .products ul li:hover a:nth-child(2){color: #149bd8;}
    .products ul li:hover a:nth-child(3){color: #aaa;}
    .products ul li a:nth-child(3){color: #bbb;display: block; padding: 0 5px 0 10px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;height: 38px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

    .cooperative{padding: 30px 0 10px;}
    .cooperative ul li{float: left;width: 18%; padding-bottom: 10px; line-height: 2; margin-right: 2.5%; text-align: center;}
    .cooperative ul li:nth-child(5n+5){ margin-right: 0%;}
    .cooperative ul li img{width: 100%; display: block;}
    .cooperative ul li a{color: #555;}
    .cooperative ul li a:hover{color: #149bd8;}

.links{padding: 15px 0;line-height: 1.8;}
    .links a{
        padding: 0 5px;
    }
    





/*--------------------------------------------------------------
    ## Footer
    --------------------------------------------------------------*/
.footer{padding: 20px; margin-top: 30px;}
.footer .widget h5 {
    margin-bottom: 20px;
}

.footer a {
    color: #3C4858; padding: 0 6px;
}

.footer-big {min-width: 1200px;
    color: #999999;
    padding: 30px 0 18px;
    text-align: center;
}
.footer-big .links{padding-top: 0px; padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); width: 1200px; margin-left: auto; margin-right: auto; text-align: center;}
.footer-big .links .title{font-weight: bold;text-decoration: none; font-size: 15px;}
.footer-big ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.footer-big ul li a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-big ul li a:hover {
    text-decoration: none;
}

.footer-big ul li .btn {
    margin: 0;
}

.footer-big p {
    color: #999999;
}

.footer-big .footer-menu li {
    display: inline-block;
}

.footer-big .footer-menu li a {
    padding: 15px;
}

.footer-big .copyright {
    padding: 15px 0;
}

.footer-big .row {
    text-align: left;
}

.footer-big hr {
    margin-top: 10px;
}

.footer-black {
    background: #323437;
}

.footer-black a {
    opacity: 0.86;
    color: #fff;
}

.footer-black a:hover,
.footer-black a:focus {
    opacity: 1;
}
.footer-black a img {
    opacity: 0.6;
}

.footer-black a:hover img,
.footer-black a:focus img{
    opacity: 1;
}

.footer-black h5,
.footer-black h4,
.footer-black i,
.footer-black .copyright {
    color: #fff;
}

.footer-black hr {
    border-color: rgba(255, 255, 255, 0.2);
}

.hestia-bottom-footer-content {
    position: relative;
    width: 1168px;
}
.hestia-bottom-footer-content .footlogo{float: left; margin-left: -21px; width: 138px; padding-top: 6px; margin-top: 0px;}
.hestia-bottom-footer-content .footlogo img{width: 200px;transition: all 0.3s;-moz-transition: all 0.3s;    -webkit-transition: all 0.3s;}
.hestia-bottom-footer-content .footqrcode{float: right;color:#ccc; width: 120px; line-height: 1.8; text-align: left;}
.hestia-bottom-footer-content .footqrcode img{width: 115px; height: 115px;margin-top: -12px;margin-bottom: 0;}
.hestia-center {
    width: 100%;
    text-align: center;
}


.hestia-scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background-color: #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hestia-scroll-to-top:hover {
    background-color: #999999;
    -webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42);
    box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2);
}

.hestia-scroll-to-top:focus {
    background-color: #999999;
    -webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42);
    box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2);
}

.hestia-fade {
    opacity: 1;
}

.footer {
    margin-top: 20px
}

.footer .container {
    width: 1180px;
}

.footer .col-md-1 {
    width: auto !important;
    padding-right: 20px !important;
}

.footer h5 {
    font-size: 17px;
    font-weight: 500;
    font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}

.footer .content {
    padding-top: 8px;
    padding-bottom: 16px;
}









/*面包屑导航*/

.bread {
    width: 1200px;
    color: #999;
    margin: 25px auto 0;
    font-size: 16px;
    line-height: 1.56;height: 38px;
    /*border-bottom: 2px solid #e1e1e1;*/
}

.bread a {
    color: #999;
}

.bread a:hover {
    color: #a00;
}

.bread .left {
    float: left;
    background: url(../images/icon-home.png) left no-repeat;
    background-size: 18px;
    padding-left: 23px;
}

.bread .right {
    float: right;
}









/*分类*/

.category {
    /*position: relative;*/
    /*float: left;*/
    /*left: 50%;*/
    padding: 12px 0;
    text-align: center;
}

.category ul {
    /*position: relative;*/
    /*float: left;*/
    /*left: -50%;*/
    display: inline-block;
}

.category ul li {
    border: solid 2px rgba(181, 0, 9, 0.681);
    float: left;
    letter-spacing: 0.08rem;
    background: transparent;
    border-radius: 0px;
    font-size: 16px;
    padding: 4px 25px;
    margin: 0;
    margin-left: 12px;
    display: inline-block;
    line-height: 30px;
    color: rgba(150, 0, 9, 0.81);
}
.category ul li a{color:#555;}
.category ul li:first-child {
    margin-left: 0;
}

.category ul li.hover,
.category ul li:hover {
    border-color: rgba(150, 0, 9, 0.681);
    background: rgba(181, 0, 9, 0.9);
    color: #fff;
}
.category ul li.hover a,
.category ul li:hover a{color: #fff;
}








    .tel{font-size: 35px;font-style: normal;    font-weight: bold; line-height: 70px; color:orangered; display: block;}
    .tel{
    background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: hue 6s infinite linear;
}
    @-webkit-keyframes hue {

    from {

        -webkit-filter: hue-rotate(0deg);

    }

    to {

        -webkit-filter: hue-rotate(-360deg);

    }

}
.search{padding-top: 23px; padding-right: 100px;
    float: right;}
    .member{float: right; font-size: 14px; text-align: right; padding-top: 10px; padding-right: 38px; color: #ccc;}
    .member a{padding: 0 5px;}
    .nav_member{display: none;}
.searchBar{height: 80px;}
.searchBar>ul{width: auto !important; margin: auto;}
.searchBar>ul>li{float: left;}
.searchBar>ul>li>input.input{height: 32px; width: 300px; padding: 0 10px; border: 1px solid #e3e3e3;box-sizing: content-box;}
.searchBar>ul>li>.select{height: 32px; width: 126px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;box-sizing: content-box;}
.searchBar>ul>li>button.button{height: 30px; width: 80px; color: white; font-size: 14px; border: 1px solid #ff8740;box-sizing: content-box; background: #FF4500;}
.searchBar>ul>li :focus{outline:none;box-shadow: inset 0px -15px 13px -15px rgba(99, 99, 99, 0.4);}
.searchBar>ul>li>button.button:active{background: #ff5300; border: 1px solid #ff7e40;}
.searchBar>ul>li.hotkey{line-height: 38px; font-size: 12px; height: 36px; width: 415px; clear: both; overflow: hidden;}
.searchBar>ul>li.hotkey a{white-space:nowrap; padding-right: 5px;} 

  .title2{width: 1200px; margin: auto;}
   .searchBar1{}
.searchBar1>ul{}
.searchBar1>ul>li{float: left;}
.searchBar1>ul>li>input.input{height: 30px; width: 200px; padding: 0 10px; border: 1px solid #e3e3e3;box-sizing: content-box;}
.searchBar1>ul>li>button.searchBar1Button{height: 28px; width: 60px; color: white; font-size: 14px; border: 1px solid #ff8740;box-sizing: content-box; background: #FF4500;}
.searchBar1>ul>li :focus{outline:none;box-shadow: inset 0px -15px 13px -15px rgba(99, 99, 99, 0.4);}
div.slideBox div.tips {
    height: 0;
    overflow: visible;opacity:1 !important;
}


div.slideBox div.tips div.nums {
    position: absolute;
    right: auto;
    left: calc(50% - 55px);
    width: 110px; padding-left: 10px;
    top: -38px;
}

div.slideBox div.tips div.nums a {
    width: 10px;
    height: 10px;
}

div.slideBox div.tips div.nums a.active {
    background-color: #900
}
    .index_category ul{box-shadow: 1px 1px 3px rgba(0,0,0,0.3); background: rgba(0,0,0,0.06); border-radius: 8px; height:150px;width: 1200px; margin: 15px auto 0;}
    .index_category ul li{float: left;width: 17%; border-right: 1px solid #ddd; text-align: center; height: 150px; cursor: pointer;}
    .index_category ul li:first-child{width: 16%;}
    .index_category ul li:last-child{border-right: 0 solid #eee; width: 16%;}
    .index_category ul li .icon{
  -webkit-transition: 0.3s;
  transition: 0.3s;background: url(../images/icon.png) center no-repeat; width: 80px; height: 80px; margin: 20px 60px 0; background-size: contain;}
    .index_category ul li:hover .icon{-webkit-transform: scale(1.2, 1.2);  transform: scale(1.2, 1.2);}
    .index_category ul li.hover .icon{-webkit-transform: scale(1.3, 1.3);  transform: scale(1.3, 1.3);}
    .index_category ul li .title1{
  -webkit-transition: 0.3s;
  transition: 0.3s; font-size: 18px; color: #900; line-height: 38px; font-weight: bold;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    .index_category ul li:hover .title1{font-size: 19px; color: #f00; line-height: 45px;}
    .index_category ul li.hover .title1{font-size: 19px; color: #f00; line-height: 48px;}

.index-products{}
.index-products>ul{float: left;width: 32.5%; margin-top: 20px;}
.index-products ul{margin-right: 1.25%;}
.index-products ul:nth-child(3){margin-right: 0;}
.index-products ul:nth-child(6){margin-right: 0;}

.index_news{width: 1200px; margin: auto; margin-top: 20px;}
.index_news>ul{float: left;width: 590px; border:1px solid #eee;}
.index_news>ul .newslist{width: 590px;}
.index_news>ul:nth-child(2){margin-left: 20px;}
.index_news>ul .newslist img{width: 560px; height: 120px;}

.body h4{cursor: pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.body ul:hover h4{color: #a00;}
.body .img{overflow:hidden;float: left; width: 160px;}
.body img{cursor: pointer;transform: scale(1);
    transition: all 0.5s;
    margin: 0 auto;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;}
.body ul:hover img{color: #a00;transform: scale(1.05);}
.button1{background: #900;
    padding: 10px 20px;
    line-height: 20px; letter-spacing: 0; cursor: pointer;
    color: white;
    margin-right: 15px;}
.button2{background: orangered;
    padding: 10px 20px; cursor: pointer;
    line-height: 20px;
    color: white;}
.button1:hover{background: #700; color: white;}
.button2:hover{background: red;color: white;}
.catePro2{display: none;}
.catePro3{display: none;}
.catePro4{display: none;}
.catePro5{display: none;}
.catePro6{display: none;}
.catePro ul{float: left;width: 32.5%; margin-right: 1.25%;}
.catePro ul:nth-child(3){margin-right: 0% !important;}
.catePro ul:nth-child(6){margin-right: 0% !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;}

            .newslist{width: 590px;}
            .newslist ul li{line-height: 32px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;list-style-position: inside;   list-style-type: circle;}
            .newslist ul li a{ display: contents;width: 200px;display: inline; display: -ms-inline-flexbox;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 435px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }



            .newslist ul li i{float: right; padding-left: 15px; color: #999;}
    
.bodyer .v2title h1 {
    font-weight: normal;
    padding-top: 0;
    font-size: 24px;
    line-height: 1.8;padding-left: 15px; padding-right: 15px;
    letter-spacing: 3px; color: #900;font-weight: normal;
    border-bottom: 2px solid #900; float: left;
}

.bodyer .v2title h5 { padding-left: 150px;
    font-weight: normal;
    line-height: 2.5;
    color: #666;
    font-size: 15px;position: absolute;width: 100%;     bottom: 0;
    line-height: 43px;
    font-size: 30px;
    color: #eee;
    font-weight: bold;z-index: -1;
    border-bottom: 2px solid #ddd; float: left;
}
.bodyer .v2title h6{ padding-top: 10px; padding-right: 10px; float: right;}
.bodyer .v2title a{ font-size: 16px;  font-weight: normal;color: #888; }
.bodyer .v2title a:hover{ color: #900; }
.bodyer .v2title {
    margin: auto;
    width:1200px;
    height:75px;
    text-align: left;
    margin-top: 0;
    padding-top: 30px;
    clear: both;
    position: relative;
    z-index: 1;
}


/**/

/*
产品等二级分类页面
*/
    .leftcategorybox{ float: left;}
  .leftcategory{width: 200px; float: left; background:#fcfcfc;}
  .leftcategory>div{border: 1px solid #eee;line-height: 40px; line-height: 40px;font-size: 16px;padding-top: 3px; font-weight: bold; text-align: center;}
  .leftcategory>li{position: relative; line-height: 40px; line-height: 40px; padding-left: 13px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; background: #fafafa; border: 1px solid #eeeeee; border-top: 0px; font-size: 18px;}
  .leftcategory>li>a:before{content: "\f105"; color: #999; margin-right: 10px; font-size: 16px; font-family: FontAwesome; float: left;}
  .leftcategory>li>ul>li>a:before{content: "\f0da"; color: #999; margin-right: 10px; font-size: 16px; font-family: FontAwesome; float: left;}
  .leftcategory>li>ul>li>ul>li>a:before{content: "\f101"; color: #999; margin-right: 10px; font-size: 12px; font-family: FontAwesome; float: left;}
  .leftcategory>li>ul{/*display: none; width: 200px;*/}
  .leftcategory>li:hover>a{display: block; color: #900;}
  .leftcategory>li:hover>a:before{ color: #900;}
  .leftcategory>li:hover{/*background: #f1f1f1; */cursor: pointer;}
  .leftcategory>li:hover>ul{/*display: block; position: absolute; z-index: 1; left: 198px; top: -1px;border-top: 1px solid #eee;background: rgba(234,234,234,0.95);*/}
  .leftcategory>li>ul>li{line-height: 40px;position: relative; line-height: 40px; padding-left: 13px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*background: rgba(234,234,234,0.95);*/ /*border: 1px solid #eeeeee; border-top: 0px;*/ font-size: 16px;}
  .leftcategory>li:hover>ul>li:hover{/*background: rgba(200,200,200,0.99);*/}
  .leftcategory>li:hover>ul>li>a{display: block;}
  .leftcategory>li:hover>ul>li>a:hover{color: #900;}

  .leftcategory>li>ul>li>ul{/*display: none; width: 200px;*/}
  .leftcategory>li:hover>ul>li:hover>a{display: block; color: #900;}
  .leftcategory>li:hover>ul>li:hover>a:before{ color: #900;}
  .leftcategory>li:hover>ul>li:hover{/*background: #f1f1f1;*/ cursor: pointer;}
  .leftcategory>li:hover>ul>li:hover>ul{/*display: block; position: absolute; z-index: 1; left: 198px; top: -1px;border-top: 1px solid #eee;background: rgba(234,234,234,0.95);*/}
  .leftcategory>li>ul>li>ul>li{line-height: 40px;position: relative; line-height: 40px; padding-left: 13px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*background: rgba(234,234,234,0.95);*/ /*border: 1px solid #eeeeee; border-top: 0px;*/ font-size: 14px;}
  .leftcategory>li:hover>ul>li:hover>ul>li:hover{/*background: rgba(200,200,200,0.99);*/}
  .leftcategory>li:hover>ul>li:hover>ul>li>a{display: block;}
  .leftcategory>li:hover>ul>li:hover>ul>li>a:hover{color: #900;}

  .jhyh-products{width: 1000px;  padding-top: 0; margin-left: 220px;}
  .jhyh-products .img{overflow: hidden;
    float: left;
    width: 200px;}
  .jhyh-products img{cursor: pointer;transform: scale(1);
    transition: all 0.5s;
    margin: 0 auto;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;}
  .jhyh-products ul:hover img{color: #a00;transform: scale(1.05);}
  .jhyh-products .isbn{margin-left: 200px; height: 269px; padding:0 0 0 15px;text-align: justify; position: relative;}
  .jhyh-products .isbn h4{font-size: 20px; line-height: 38px; padding-bottom:10px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
  .jhyh-products .isbn p{color: #898989;font-size: 14px;line-height: 26px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .jhyh-products .button1{
    padding: 12px 28px;
    
    margin-right: 15px;}
.jhyh-products .button2{
    padding: 12px 28px;}

.newstitle{width:1024px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.jhyh-body-right{width: 985px;  padding-top: 0; margin-left: 223px;}
  .jhyh-authors{width: 1000px;  padding-top: 0; margin-left: 208px;}
  .jhyh-authors>div{padding-left: 8px; padding-right: 8px;}
.jhyh-authors>ul{float: left;width: 32.5%; margin-right: 1.25%;}
.jhyh-authors>ul:nth-child(3n+3){margin-right:0;}
.jhyh-authors>ul:nth-child(4){margin-top:20px;}
.jhyh-authors>ul:nth-child(5){margin-top:20px;}
.jhyh-authors>ul:nth-child(6){margin-top:20px;}
.jhyh-authors>ul:nth-child(7){margin-top:20px;}
.jhyh-authors>ul:nth-child(8){margin-top:20px;}
.jhyh-authors>ul:nth-child(9){margin-top:20px;}
.jhyh-authors>ul:nth-child(10){margin-top:20px;}
.jhyh-authors>ul:nth-child(11){margin-top:20px;}
.jhyh-authors>ul:nth-child(12){margin-top:20px;}
.jhyh-authors>ul li:first-child{float: left; width: 160px;height: 200px; background: #fafafa; border:1px solid #eee;}
.jhyh-authors>ul:hover li:first-child{background: #eee; border:1px solid #ccc;}
.jhyh-authors>ul:hover li:last-child>p.text1{color: #444;}
.jhyh-authors>ul:hover li:last-child>p.text2{color: #444;}
.jhyh-authors>ul li:last-child{margin-left: 160px; height: 200px; padding:0 8px 0 12px;text-align: justify; position: relative;}
.jhyh-authors>ul li img{ width: 158px; height: 198px;}
.jhyh-authors>ul li:last-child>h4{font-weight: bold;}
.jhyh-authors>ul li:last-child>p.text1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; margin-bottom: 6px; color: #999;}
.jhyh-authors>ul li:last-child>div{height: 1px; background: #ccc;}
.jhyh-authors>ul li:last-child>p.text2{margin:6px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color: #999;}

/*分页*/
nav{text-align: center;height: 80px; padding-top: 0px;}
.pagination {
    margin-bottom: 0;
    margin-top: 0;
}

.pagination li>a {
    color: #149bd8 !important;
}

.pagination li>a:hover {
    color: #149bd8;
}

.pagination li.active>a {
    color: white !important;
    background: #149bd8 !important;
    border-color: #149bd8 !important;
}

.pagination li.active>a:hover {
    background: #149bd8;
    border-color: #149bd8;
}

.content {
    width: 1200px;
    margin: auto;
}
.content .jhyh-body{font-size: 15px; min-height: 50vh;text-align: justify; line-height: 1.8;}
.content .jhyh-body img{max-width: 100%; height: auto;}
/*分页*/

.pagination {
    margin-bottom: -15px;
    margin-top: 0;
}

.pagination li>a {
    color: #E60012 !important;
}

.pagination li>a:hover {
    color: #900;
}

.pagination li.active>a {
    color: white !important;
    background: #E60012 !important;
    border-color: #E60012 !important;
}

.pagination li.active>a:hover {
    background: #900;
    border-color: #900;
}


.footer {
    margin-top: 20px
}

.footer .container {
    width: 1180px;
}

.footer .col-md-1 {
    width: auto !important;
    padding-right: 20px !important;
}

.footer h5 {
    font-size: 17px;
    font-weight: 500;
    font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}

.footer .content {
    padding-top: 8px;
    padding-bottom: 16px;
}


/*--------------------------------------------------------------
    ## Footer
    --------------------------------------------------------------*/
.footer{padding: 20px; margin-top: 15px;}
.footer .widget h5 {
    margin-bottom: 20px;
}

.footer a {
    color: #3C4858; padding: 0 6px;
}

.footer-big {
    color: #999999;
    padding: 20px 0 18px;
    text-align: center;
}

.footer-big ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.footer-big ul li a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-big ul li a:hover {
    text-decoration: none;
}

.footer-big ul li .btn {
    margin: 0;
}

.footer-big p {
    color: #999999;
}

.footer-big .footer-menu li {
    display: inline-block;
}

.footer-big .footer-menu li a {
    padding: 15px;
}

.footer-big .copyright {
    padding: 15px 0;color:#ccc; line-height: 1.8; padding: 2px; padding-top: 12px;
}
.footer-big .copyright i{width: 15px;display: -webkit-inline-box;}
.footer-big .row {
    text-align: left;
}

.footer-big hr {
    margin-top: 10px;
}

.footer-black {
    background: #323437;
}

.footer-black a {
    opacity: 0.7;
    color: #fff;
}

.footer-black a:hover,
.footer-black a:focus {
    opacity: 1;
}
.footer-left a img{
    opacity: 0.86;
    color: #fff;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1);
}

.footer-left a:hover img,
.footer-left a:focus img{
    opacity: 1;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;transform: scale(1.1);
}

.footer-black h5,
.footer-black h4,
.footer-black i,
.footer-black .copyright {
    color: #fff;
}

.footer-black hr {
    border-color: rgba(255, 255, 255, 0.2);
}

                        .footnav h5{float: left;padding: 0; width: 14.2857%; text-align: center; }
                        .footnav h5 a{padding: 0;}
                        .footer .footer-left{float: left; width: 165px; padding-top: 0px; margin-top: 0px;}
                        .footer .footer-right{float: right;color:#ccc; width: 220px; line-height: 1.8; text-align: left;}
                        .footer .footer-right i{    width: 15px;    display: -webkit-inline-box;}
                        .footer .footer-center{color:#ccc; line-height: 1.8; padding: 2px; padding-top: 30px;}

.catalog-fixed{position: fixed;z-index: 999;
    right: 0;
    line-height: 2;
    text-shadow: 0px 1px 0px #fff;
    top: 30%;
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding: 8px 8px 0 8px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2);}
.catalog-fixed:hover{    background: rgba(234,234,234,0.8);}
.catalog-fixed a{display: block;}
  .catelog{background: orangered; border-radius: 4px 0 0 4px;cursor: pointer;position: fixed;top: calc(40% - 130px);right: 0;z-index: 999; padding-bottom: 10px; width: 40px; text-align: center; line-height: 1;}
  .catelog:hover{background: red;}
  .catelog a{color: white; font-size: 20px;}

a{text-decoration:none; blr:expression(this.onFocus=this.blur());outline: none; color:#333; -webkit-transition:all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}

/*float*/
.float{ position:fixed; top: 40%; right:0; z-index:2000;}
.float *{box-sizing:content-box;}
.float li{ position:relative; height:50px; margin:2px 0 0;}
.float>li>a{ display:block; width:130px; height:50px; position:absolute; right:-90px; top:0; background:#666666; -webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; font-size:14px; color:#fff;}
.float a img{ vertical-align:middle; margin-right:5px;}
.float li:hover a{ background:#ed1b23; width:120px; padding-left:10px;}
.float li.back_top:hover a{ width:130px; padding-left:0;} 
.attention{ width:170px; padding:15px 0 10px; background:#ed1b23; position:absolute; top:0; right:42px; display:none;}
.attention li{ height:auto; width: 150px; margin:0; text-align: center; float:left; padding:0 10px;}
.attention li p{color: rgba(255,255,255,0.85);}
.attention li a{color: rgba(255,255,255,0.85);}
.attention li a:hover{color: rgba(255,255,255,1);}
.attention_tit{ font-size:14px; line-height:20px; color:#fff; text-align: center; margin-bottom:15px;}