.banner{width: 100%; height: 570px; overflow: hidden; position: relative; background: #dcdcdc; padding-bottom: 5px;}
.banner .swiper-wrapper{text-align: center;}
.banner .swiper-wrapper .swiper-slide {overflow: hidden;}
.swiper-button-next,.swiper-button-prev{border: 0;}

.slogan{line-height: 70px; text-align: center; font-size: 22px; font-weight: 800; margin-top: 5px; border-top:1px #ddd solid; border-bottom: 1px #ddd solid; clear:both;}

.products_title{text-align: center; font-size: 31px; font-weight: 800; line-height: 100px;}
.products_nav{line-height:50px; text-align: center; border-top:1px #ddd solid; border-bottom: 1px #ddd solid; margin:10px auto; clear:both; }
.products_nav a{padding:14px 25px; font-size:18px; position:relative; }
.products_nav a:hover:before {
    content: '';
    width: 12px;
    height: 8px;
    border-left: 8px solid #fff;
    border-bottom: 0px solid #333;
    border-right: 8px solid #fff;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    bottom: 0px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.products_nav a:hover:after {
    content: '';
    width: 12px;
    height: 8px;
    border-left: 8px solid #fff;
    border-top: 0px solid #333;
    border-right: 8px solid #fff;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 0px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.products_list{width:1200px; margin:0px auto; clear:both;}
.products_list a{width:280px; height:240px; line-height: 40px; font-size: 14px; float: left; margin:10px;  position: relative; overflow: hidden;}
.products_list a img{width:100%; height:180px; position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.products_list a img:hover{width:120%; height:200px;}
.products_list a p{width:100%; height:40px; line-height: 40px; position: absolute; bottom: 0; }



.index_div{line-height: 180%;  line-height: 35px; margin-top: 20px; clear:both;}
.index_div .index_left{width: 70%; float: left;}
.index_div .index_left div{width: 100%; clear:both;}
.index_div .index_left div h1{width: 207px; font-size: 14px;font-weight: 600; display: inline-table;}
.index_div .index_left div p{width: 628px; font-size: 16px; display: inline-table;}
.index_div .index_left div p a{margin: 0 20px 0 0; padding: 3px;}
.index_div .index_left div p a:hover{background-color:#e53333;color:#ffffff;}

.index_div .index_right{width: 27%; float: right;}
.index_div .index_right h2{display: block; line-height: 40px; font-size: 22px;}
.index_div .index_right p{ line-height: 35px;}
.index_div .index_right a{display: block; text-align: right;}




/*@media only screen and (max-width: 1920px) and (min-width: 1700px) {
    .banner,.bannerImg{height: 916px}
}

@media only screen and (max-width: 1700px) and (min-width: 1500px) {
    .banner,.bannerImg{height: 740px}
}
@media only screen and (max-width: 1500px) and (min-width: 1280px) {
    .banner,.bannerImg{height: 655px}
}
*/