
.s-side {
    min-width: 200px;
    padding: 10px
}
.d-firstNav {
    position: relative;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee;
}
.icon-bar {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    top:12px;
    left: 2px;
    background-image: url("../images/detailsIcon.png");
    background-repeat: no-repeat;
    background-size: 90%;
}
.icon-bar1 {
    background-size: 86%;
    background-position: 0 -42px;
}
.icon-bar2 {
    background-size: 86%;
    background-position: 0 -80px;
}
.d-firstNav a{
    color: #000;
}
.s-side .d-firstNav span {
    display: inline-block;
    margin-left: 32px;
    font-size: 14px;
    font-weight: 600;
}

 .d-secondNav {
    height: 36px;
    line-height: 36px;
     padding-left: 50px;
}
.d-secondNav a {
    text-decoration: none;
    font-weight: 600;
    color: #000;
}
.s-side .d-secondDrop {
    margin-left: 100px;
    margin-top: 10px
}
.s-firstDrop, .s-secondDrop {
    display: none
}
.navCon a{
    display: block;
    width: 100%;
    height: 100%;
}
.aActive {
    color: #1976d2;
}

/*右侧样式*/
.titleCon {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 15px 40px;
    background: linear-gradient(to right, #ddedfd, #fafcff);
}
.titleCon p {
    line-height: 26px;
    color: #5c5c5c;
}
.perSale {
    margin: 20px 0;
}
.detailsImg {
    position: absolute;
    width: 140px;
    right: 40px;
    top:14px;
}
.detailsImg1 {
    width: 96px;
}
.detailsImg2 {
    width: 270px;
    top:30px;
}
.detailsImg3 {
    width: 85px;
    top:5px;
}


.nav2Con {
    margin-bottom: 20px;
    height: 60px;
    border-bottom: 1px solid #f3f3f3;
}
/*.nav2ConFixed {
    position: fixed;
    top:50px;
}*/
.nav2Con ul li {
    display: inline-block;
    float: left;
    padding: 20px 20px;
    color: #373738;
}
.liActive {
    color: #3087e6!important;
    border-bottom: 1px solid #3087e6;
}
.detailSubT {
    position: relative;
    margin-top: 20px;
    padding: 20px 0;
    text-indent: 1em;
}
.detailSubT span {
    display: inline-block;
    width: 4px;
    height: 20px;
    position: absolute;
    top:20px;
    left: 0;
    background-color: #1976d2;

}
.detailIntroduce {
    padding: 0 15px;
    line-height: 24px;
    color: #040000;
}
.coreCon {
    height: 90px;
    padding: 15px 15px 15px 90px;
    margin-bottom: 15px;
    border:1px solid #e6e6e6;
    color: #040000;
    background-image: url("../images/details/detailsIcon.png");
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.coreCon1 {
    background-position: 15px -85px;
}
.coreCon2 {
    background-position: 15px -185px;
}
.coreCon3 {
    background-position: 15px -285px;
}
.coreCon4 {
    background-position: 15px -385px;
}
.coreCon5 {
    background-position: 15px -485px;
}
.coreCon6 {
    background-position: 15px -585px;
}
.coreCon7 {
    background-position: 15px -685px;
}
.coreCon8 {
    background-position: 15px -785px;
}
.coreCon9 {
    background-position: 15px -885px;
}
.coreCon10 {
    background-position: 15px -985px;
}
.coreCon11 {
    background-position: 15px -1085px;
}
.coreCon12 {
    background-position: 15px -1185px;
}
.coreCon13 {
    background-position: 15px -1285px;
}





.coreCon p {
    line-height: 26px;
}
.detailsBgCon {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}
.detailsBg {
    display: block;
    width: 100%;
}
.detailsBgCon h4 {
    position: absolute;
    top:32%;
    left: 18%;
    color: #ffffff;
}
.detailsBgCon button {
    position: absolute;
    top:50%;
    right: 10%;
    margin-top: -17px;
    padding: 6px 28px;
    background-color: rgba(0,0,0,0);
    border:1px solid #eee;
    color: #eee;
}
.detailsBgCon button:hover {
    color: #eee;
}
.detailsBgCon button img {
    margin-bottom: 2px;
}
.indexCon {
    height: 120px;
    margin-bottom: 15px;
}
.detailsIcon1 {
    width: 60px;
    height: 60px;
    margin: 15px auto;
    background-image: url("../images/details/detailsIcon1.png");
    background-repeat: no-repeat;
}
.indexCon h5 {
    line-height: 20px;
    text-align: center;
    color: #000000;
}
.details0Img {
    margin-bottom: 15px;
    padding: 15px 15px ;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 45%;
}
.details0Img0 {
    background-image:url("../images/details/details1Img0.png");
}
.details0Img1 {
    background-image:url("../images/details/details1Img1.png");
}
.details0Img2 {
    background-image:url("../images/details/details1Img2.png");
    background-size: 55%;
}
.details0Img3 {
    background-image:url("../images/details/details1Img3.png");
}
.details0Img4 {
     background-image:url("../images/details/details2Img0.png");
}
.details0Img5 {
     background-image:url("../images/details/details2Img1.png");
 }
.details0Img6 {
     background-image:url("../images/details/details2Img2.png");
}
.details0Img7 {
     background-image:url("../images/details/details2Img3.png");
}
.details0Img8 {
    background-image:url("../images/details/details3Img0.png");
    background-size: 100%;
    background-position: left top;
}
.details0Img9 {
    background-image:url("../images/details/details3Img1.png");
    background-size: 100%;
    background-position: right top;
}
.details0Img10 {
    background-image:url("../images/details/details3Img2.png");
    background-size: 100%;
    background-position: left center;
}
.details0Img11 {
    background-image:url("../images/details/details3Img3.png");
    background-size: 100%;
}
.details0Img12 {
    background-image:url("../images/details/details3.png");
    background-size: 26%;
}
.details0Img13 {
    background-image:url("../images/details/details4Img0.png");
    background-size: 26%;
}
.scrollTop {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 0;
    bottom: 175px;
    background-image: url("../images/details/scollTop.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.details2Table,
.details3Table{
    max-width: 868px;
    width:100%;
}
@media (max-width: 500px) {
    .detailsImg {
        display: none;
    }
    .detailsBg {
        height: 50px;
    }
    .detailsBgCon button {
        right: 5%;
    }
    .perSale ,
    .nav2Con{
        display: none;
    }
}