#slider_nav_box{
    width:100%;
    height:0;
    padding-bottom: 40%;
    /* margin-top:30px; */
    overflow: hidden;
}
#slider_nav ul li{
    text-align: center;
}
#slider_nav ul li img{
    display: block;
    width:90%;
    margin:0 auto 5px;
}
#slider_nav ul li a{
    color:#1B1B1B;
}
#slider_nav_ul{
    overflow: visible;
    margin-left:-17%;
}
#slider_nav ul li a{
    position: relative;
    display: block;
}
#slider_nav ul li span{
    display: block;
    width:100%;
    height:0;
    padding-bottom: 127.01754%;
    position: absolute;
    left:0;
    text-align: center;
    color:rgba(41,127,214,1);
}
#slider_nav ul li .pro_check_title{
    top:0;
    font-size: 15px;
    line-height: 30px;
}
#slider_nav ul li .pro_check_more{
    height:28px;
    padding-bottom: 0;
    bottom:0;
    font-size: 13px;
    line-height: 28px;
}

.index_pro{
    margin-top:20px;
}
.index_pro ul{
    width:100%;
    height:0;
    padding-bottom:107.5%;
}
.index_pro_min ul{
    padding-bottom: 111.2676%;
}
.index_pro ul li{
    width:48.6%;
    height:0;
    float:left;
    padding-bottom: 50.1347%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    position: relative;
}
.index_pro ul li:nth-child(1){
    background-image: url(../img/pro_xtkf1.png);
}
.index_pro ul li:nth-child(2){
    background-image: url(../img/pro_xtkf2.png);
    margin-left:2.8%;
}
.index_pro ul li:nth-child(3){
    background-image: url(../img/pro_xtkf3.png);
    margin-top:10px;
}
.index_pro ul li:nth-child(4){
    background-image: url(../img/pro_xtkf4.png);
    margin-left:2.8%;
    margin-top:10px;
}
.index_pro ul li p{
    position: absolute;
    line-height: 35px;
    left:0;
    bottom:0;
    width:100%;
    background-color: #c2cad2;
    background-image: url(../img/pro_arrow_down.png);
    background-size:100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.index_pro ul li p a span:first-child{
    font-size:16px;
    display: block;
    float:left;
    margin-left:10px;
    color:white;
}
.index_pro_2{
    width:100%;
    background:rgba(242,242,242,1);
    padding-bottom: 40px;
}
.index_pro_2 .index_pro{
    margin-top:0;
}
.index_pro_2 .index_pro ul li p{
    background-color: #6ea8e4;
}
.index_pro_2 .index_pro ul li p{
    width:99%;
    left:0.5%;
    bottom:3px;
}
.index_pro_2 .index_pro:nth-child(1) ul li:nth-child(1){
    background-image: url(../img/pro_list1_1.png);
}
.index_pro_2 .index_pro:nth-child(1) ul li:nth-child(2){
    background-image: url(../img/pro_list1_2.png);
}
.index_pro_2 .index_pro:nth-child(1) ul li:nth-child(3){
    background-image: url(../img/pro_list1_3.png);
}
.index_pro_2 .index_pro:nth-child(1) ul li:nth-child(4){
    background-image: url(../img/pro_list1_4.png);
}

.index_pro_2 .index_pro:nth-child(3) ul li:nth-child(1){
    background-image: url(../img/pro_list3_1.png);
}
.index_pro_2 .index_pro:nth-child(3) ul li:nth-child(2){
    background-image: url(../img/pro_list3_2.png);
}
.index_pro_2 .index_pro:nth-child(3) ul li:nth-child(3){
    background-image: url(../img/pro_list3_3.png);
}
.index_pro_2 .index_pro:nth-child(3) ul li:nth-child(4){
    background-image: url(../img/pro_list3_4.png);
}

.index_pro_2 .index_pro:nth-child(2) ul li:nth-child(1){
    background-image: url(../img/pro_list2_1.png);
}
.index_pro_2 .index_pro:nth-child(2) ul li:nth-child(2){
    background-image: url(../img/pro_list2_2.png);
}
.index_pro_2 .index_pro:nth-child(2) ul li:nth-child(3){
    background-image: url(../img/pro_list2_3.png);
}
.index_pro_2 .index_pro:nth-child(2) ul li:nth-child(4){
    background-image: url(../img/pro_list2_4.png);
}

.index_pro_2 .index_pro:nth-child(4) ul li:nth-child(1){
    background-image: url(../img/pro_list4_1.png);
}
.index_pro_2 .index_pro:nth-child(4) ul li:nth-child(2){
    background-image: url(../img/pro_list4_2.png);
}
.index_pro_2 .index_pro:nth-child(4) ul li:nth-child(3){
    background-image: url(../img/pro_list4_3.png);
}
.index_pro_2 .index_pro:nth-child(4) ul li:nth-child(4){
    background-image: url(../img/pro_list4_4.png);
}