body {

    min-width: 1200px;

}



#products {

    background-color: #d4d4da;

}



#products .banner {

    height: 300px;

   

    background-size: cover;

    color: #fff;

    position: relative;

}



#products .banner .word {

    position: absolute;

    left: 13.5%;

    top: 140px;

}



#products .banner .word .title {

    margin-bottom: 20px !important;

    font-size: 36px;

}



#products .banner .word .sub-title {

    margin-bottom: 30px !important;

    font-size: 24px;

}



#products .nav {

    height: 70px;

    background-color: #fff;

    color: #666;

}



#products .nav ul {

    height: 68px;

    line-height: 68px;

}



#products .nav ul li {

    float: left;

    margin-right: 30px;

    cursor: pointer;

}



#products .nav ul li a {

    color: #666;

    display: inline-block;

}



#products .nav ul li a:hover,

#products .nav ul li.select a {

    color: #fd4926;

    border-bottom: 2px solid #fd4926;

}



#products .main {

    padding: 0 13.5%;

    padding-bottom: 235px;

}



#products .main .title {

    padding: 70px 0;

}



#products .main .title h1 {

    text-align: center;

    font-size: 36px;

}



#products .main .lists ul.content li.item {

    margin-bottom: 10px;

    border-bottom: 2px solid #dcdcdc;

    height: 400px;

    background-color: #fff;

    cursor: pointer;

    overflow: hidden;

}



#products .main .lists ul li .left {

    float: left;

    padding: 60px 0;

}



#products .main .lists ul li .left .img {

    float: left;

    height: 240px;

    width: 480px;

    height: 240px;

    padding: 0 120px;

}



@media (max-width: 1600px) {

    #products .main .lists ul li .left .img {

        width: 320px;

        padding: 0 40px;

    }

}



@media (max-width: 1300px) {

    #products .main .lists ul li .left .img {

        padding: 0 20px;

    }

}



#products .main .lists ul li .left .img img {

    width: 100%;

    height: 100%;

}



#products .main .lists ul li .intro {

    float: left;

    width: 500px;

    padding: 60px 0;

}



#products .main .lists ul li .intro h3 {

    color: #333;

    border-bottom: 1px solid #ccc;

    margin: 0;

    padding-bottom: 25px;

}



#products .main .lists ul li .intro .cont {

    margin-top: 25px;

}



#products .main .lists ul li .intro ul {

    padding-top: 25px;

}



#products .main .lists ul li .intro ul li {

    margin-bottom: 15px;

}



#products .main .lists ul li .right {

    float: right;

    border-left: 2px solid #dcdcdc;

    text-align: center;

    vertical-align: middle;

    height: 100%;

    line-height: 400px;

    padding: 0 4%;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: all .5s;

}



#products .main .lists ul.content li.item:hover .right {

    background: #fd4926;

}



#products .main .lists ul li .right .arrow {

    display: inline-block;

    width: 64px;

    height: 64px;

    background: url(../imgs/rarrow.png) no-repeat;

    transition: .5s;

}



#products .main .lists ul.content li.item:hover .right .arrow {

    background: url(../imgs/arrow_h.png) no-repeat;

}





.product .content{

    margin-top: 70px;

    padding-bottom: 80px;

}

.product .content li{

   float: left;

    width: 305px;

    height: 100%;

    display: block;

    margin-right: 15.33px;
    margin-left:5px;

}

.product .content li:nth-child(4n){

    margin-right: 0px;

}

.product .content li .img{

    overflow: hidden;

    height: 305px;

    width:305px;

    padding: 10px;

}

.product .content li .img:hover{

    background-color: #fd4926;

}

.product .content li .img img{

    transition: .3s;

    width:100%;

    height:100%;

}

.product .content li:hover .img img{

    transform: scale(1.05);

}

.product .content li h4{

    font-size: 14px;

    color: #333;

    line-height: 75px;

    text-align: center;

}

.product .content li:hover h4{

    color: #fd4926;



}

.product .w1400{

    width: 1300px;

    margin-left: auto;

    margin-right: auto;

}



.all-page{

    text-align: center;

    margin: 40px 0 0;

    padding-bottom: 40px;

}



.all-page a,

.all-page span{

    width: 35px;

    height: 100%;

    background: #aaa;

    color: #fff;

    line-height: 45px;

    text-align: center;

    font-size: 14px;

    display: inline-block;

    margin: 0 10px;

    transition: .3s;

}

.all-page .current, .all-page a:hover{

    background: #133984;

    color: #fff;

}

.all-page .prev,

.all-page .prev_disabled,

.all-page .next,

.all-page .next_disabled{

    width: 60px;

    color: #666;

    background: transparent;

}

.all-page .prev:before, .all-page .prev_disabled:before {

    content: "上一页";

    font-family: "microsoft yahei";

    

}

.all-page .next:before, .all-page .next_disabled:before {

    content: "下一页";

    font-family: "microsoft yahei";

}