@charset "utf-8";
.pro-dropdown{
    border-right: 2px solid #ffffff;
}
.cursor-img {
    cursor: pointer;
}
/*.index-pro-list:hover .index-pro-pad img{*/
    /*border: 1px solid #ff9933;*/
/*}*/
@media screen  and (max-width:768px){
    .pro-search-btn{
        /*margin-top: 8px;*/
        padding-top: 4px;
    }
    .pro-content .ind-pro-tit h4{
        font-weight: bold;
        font-size: 14px;
    }
    .index-pro-show{
        margin-top: 26px;
        padding-top: 10px !important;
    }
    .ind-pro-show-more{
        background: #ff9933;
        text-align: center;
        padding: 8px 12px;
        margin-bottom: 16px;
    }
    .ind-pro-show-more:hover{
        box-shadow: 1px 1px 3px #ff9933;
        transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;

    }
    .ind-pro-show-more:hover a{
        color: #cecece;
    }
    .ind-pro-show-more a{
        color: #ffffff;
    }
    section.index-pro{
        margin-bottom: 12px;
        padding-bottom: 10px;
    }
}
@media screen and (min-width:768px) {
    .pro-search-btn:hover{
        color: #ffffff;
    }
    .pro-content{
        margin-bottom: 2px;
        padding-bottom: 2px;
    }
    .pro-content .ind-pro-desc{
        font-size: 15px;
        font-weight: normal;
        font-family: "microsoft yahei";
        line-height: 21px;
    }
    .ind-pro-show-more{
        background-color: #ff9933;
    }
}

.pro-dropdown .pro-dropdown-ul li.pro-dropdown-item.active-item{
    background-color: #f58a20;
    border-bottom: 1px solid #cecece;
}
.pro-dropdown .pro-dropdown-ul li.pro-dropdown-item.active-item a{
    color: #ffffff;
}
/****************2019-08-05***************/
.index-swiper .swiper-container{
    width: 100%;
    max-width: 100%;
    /*margin-top: 86px;*/
    max-height: 750px;
}
.index-swiper .swiper-container .swiper-slide{
    width: 100%;
    max-height: 100%;
}
.index-swiper .swiper-container .swiper-slide img{
    width: 100%;
    max-width: 100%;
}
.swiper-button-next ,.swiper-button-prev{
    width: 45px;
    height: 50px;
    background-image: none !important;
    background-color: rgba(55,40,24,0.7);
    font-size: 35px;
    text-align: center;
    color: #fff7ee;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-prev{
    left: 0;
}

section.index-pro{
    margin-top: 22px;
}


@media screen and (min-width:500px){
    section.index-pro .inner-box .pro-jiantou-down{
        display: inline-block;
        width: 0;
        margin-left: .76rem;
        content: '';
        color: #ff9933;
        height: auto;
        /*top: 34%;*/
        position: absolute;
        right: 10%;
        vertical-align: middle;
        border-top: .76rem solid;
        border-right: .76rem solid transparent;
        border-left: .76rem solid transparent;
    }
    section.index-pro .inner-box .pro-jiantou-up{
        display: inline-block;
        width: 0;
        margin-left: .76rem;
        content: '';
        color: #ff9933;
        height: auto;
        /* top: 34%; */
        position: absolute;
        right: 10%;
        vertical-align: middle;
        border-bottom: .76rem solid;
        border-right: .76rem solid transparent;
        border-left: .76rem solid transparent;
    }
}
@media screen and (max-width:500px){
    section.index-pro .inner-box .pro-jiantou-down{
        display: inline-block;
        width: 0;
        margin-left: 0.56rem;
        content: '';
        color: #ff9933;
        height: auto;
        /*top: 34%;*/
        position: absolute;
        right: 10%;
        vertical-align: middle;
        border-top: 0.56rem solid;
        border-right: 0.56rem solid transparent;
        border-left: 0.56rem solid transparent;
    }
    section.index-pro .inner-box .pro-jiantou-up{
        display: inline-block;
        width: 0;
        margin-left: 0.56rem;
        content: '';
        color: #ff9933;
        height: auto;
        /* top: 34%; */
        position: absolute;
        right: 10%;
        vertical-align: middle;
        border-bottom: 0.56rem solid;
        border-right: 0.56rem solid transparent;
        border-left: 0.56rem solid transparent;
    }
}
.pro-dropdown-ul .pro-dropdown-item{
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
    border-top: 1px solid #dddddd;
    padding: 7px 0;
}
.pro-dropdown-ul .pro-dropdown-item:hover{
    background-color: rgba(206, 206, 206, 0.7);
    border-bottom: 1px solid #fff7ee;
    /*background-color: rgba(253, 127, 0, 0.6);*/

}
.pro-dropdown-ul .pro-dropdown-item:hover a,.pro-dropdown-ul .pro-dropdown-item:hover{
    color: #ff9933;
}
.out-box{
    display: none;
}

.pro-content{
    margin-top: 8px;
}
.ind-pro-nav .out-box .inner-box.active{
    background-color: #ff9933;
    color: #fff7ee;
}
/*.index-pro-list{*/
/*margin: 0;*/
/*margin-bottom: 34px;*/
/*}*/

@media screen and (min-width:1200px){
    .index-pro-list .index-pro-pad{
        width: 93%;
        margin-left: 3.5%;
        margin-bottom: 36px;
    }
}
@media screen and (min-width:768px){
    .pro-content{
        line-height: 24px;
        color: #454545;
    }
}

/*******2019-08-19*/
.index-pro-show .index-pro-list img{
    position: relative;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*max-width: 100%;*/
}
.index-pro-list .index-pro-outbox img{
    /*width: 38%;*/
    height: auto;
    text-align: center;
}
.index-pro-show .index-pro-list img {
    position: relative;
    top: 0;
    left: 0;

}
.index-pro-list .index-pro-outbox{
    text-align: center;
}
@media screen and (min-width:769px){
    .index-pro-outbox img{
        /*max-height: 166px;*/
        height: auto;
        min-height: 238px;
        max-height: 240px;
        width: auto;
    }
    .index-pro-outbox{
        /*max-height: 170px;*/
        max-height: 242px;
        overflow: hidden;
    }
    section.index-pro{
        margin-top: 30px;
        padding-top: 8px;
    }
    .index-pro-show{
        margin-top: 40px;
    }
    section.index-pro .layui-row .m-col-md-30{
        width: 29.8%;
        margin-right: 0.20%;
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left;
        background-color: #eeeeee;
    }
    section.index-pro .layui-row .m-col-md-10{
        width: 10%;
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left;
    }
    .pro-content{
        max-height: 86px;
    }
    .pro-content .ind-pro-desc{
        min-height: 68px;
    }
    .index-pro-show .mycontent.layui-col-md4,.index-pro-show .mycontent.layui-col-lg4{
        padding: 6px 1.28rem;
        /*max-height: 307px;*/
        overflow: hidden;
    }


}
@media screen and (min-width:769px){
    .index-pro-list .index-pro-pad{
        min-height: 356px;
        max-height: 360px;
        overflow: hidden;
    }
}
@media screen and (min-width:993px) and (max-width:1199px){
    .index-pro-list .index-pro-pad{
        width: 96%;
        margin-left: 2%;
        margin-bottom: 20px;
    }
}
@media screen and (min-width:1200px){
    .index-pro-list .index-pro-pad{
        width: 96%;
        margin-left: 2%;
        margin-bottom: 20px;
    }

}
@media screen and (min-width:520px) and (max-width:767px){
    .index-pro-pad{
        margin: 10px 0;
        padding: 10px 1.28rem;
    }
}
@media screen and (max-width:520px){
    .index-pro-pad{
        margin: 10px 0;
        padding: 10px 0;
    }
}
@media screen and (max-width:768px){
    .index-pro-show .layui-container{
        padding: 0 2px
    }
    section.index-pro .layui-row .m-col-md-10{
        width: 100%;
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left;
    }
    .ind-pro-desc{
        line-height: 1.4em;
        font-size: 15px;
        margin: 3px 0;
        padding: 3px 0;
    }
    section.index-pro .layui-row .m-col-md-10 button{
        text-align: center;
        padding: 14px 10px;
        background: rgba(255,153,52,0.8);
        width: 100%;
        cursor: pointer;
    }
    .pro-link a{
        font-size: 15px;
    }
    .pro-content .ind-pro-tit h4{
        font-weight: bold;
        font-size: 18px;
    }
    section.index-pro .layui-row .m-col-md-30{
        width: 32.3333%;
        margin-right: 1%;
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left;
        background-color: #eeeeee;
    }
    .index-pro-outbox img{
        /*max-height: 212px;*/
        max-height: 260px;
        height: auto;
        width: auto;
    }
    .index-pro-show{
        margin-top: 36px;
    }
    .index-pro-outbox{
        max-height: 266px;
        overflow: hidden;
    }
    .index-pro-show{
        padding: 2px 1.175rem;
    }
    .ind-pro-show-more{
        background: #ff9933;
        text-align: center;
        width: auto;
        padding: 12px 2.55rem;
        max-width: 168px;
        margin: 10px auto 40px;

    }
    .ind-pro-show-more a{
        letter-spacing: 3px;
    }
    .ind-pro-show-more:hover{
        cursor: pointer;
        box-shadow: 1px 1px 3px #ff9933;
        transform: scale(1.03,1.03);
        -webkit-transform: scale(1.03,1.03);
        -moz-transform: scale(1.03,1.03);
        -o-transform: scale(1.03,1.03);
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;

    }
    .ind-pro-show-more:hover a{
        letter-spacing: 4px;
    }
    .ind-pro-show-more a{
        color: #ffffff;
    }
    .max-768-jiange{
        width: 100%;
        height: 20px;
    }
}
section.index-pro .layui-row .m-col-md-30 .inner-box{
    padding: 14px 16px;
    border-right: 2px solid #fff7ee;
}

section.index-pro .layui-row .m-col-md-10 button{
    text-align: center;
    padding: 14px 16px;
    background: rgba(255,153,52,0.8);
    width: 100%;
    cursor: pointer;
}
@media screen and (min-width:630px) and (max-width:767px){
    section.index-pro .layui-row .m-col-md-10{
        margin-top: 15px;
        padding-top: 15px;
    }
}
@media screen and (min-width: 509px)  and (max-width:629px){

    section.index-pro .layui-row .m-col-md-10{
        margin-top: 12px;
        padding-top: 12px;
    }
}
@media screen and (max-width:508px){
    section.index-pro .layui-row .m-col-md-10 button{
        text-align: center;
        padding: 14px 10px;
        background: rgba(255,153,52,0.8);
        width: 100%;
        cursor: pointer;
    }
    section.index-pro .layui-row .m-col-md-10{
        margin-top: 8px;
        padding-top: 8px;
    }
    .index-pro-show{
        margin-top: 20px;
    }
}
.index-pro-list:hover img{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}
.index-pro-list:hover a{
    color: #ff9933;
}
/**/
section.index-pro .layui-row .m-col-md-10.max-wid{
    width: 99.9%;
}
section.index-pro .layui-row .m-col-md-30.max-wid{
    width: 33.33%;
}
.pro-dropdown{
    position: absolute;
    left: 0;
    top: 52px;
    z-index: 899;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    min-width: 98%;
    display: none;
}
@media screen and (max-width:768px){
    section.index-pro .pro-inner-box .pro-jiantou-up,section.index-pro .pro-inner-box .pro-jiantou-down {
        display: inline-block;
        width: 0;
        margin-left: .56rem;
        content: '';
        color: #ff9933;
        height: auto;
        position: absolute;
        right: 12%;
        vertical-align: middle;
        border-right: .56rem solid transparent;
        border-left: .56rem solid transparent;
    }
    section.index-pro .pro-inner-box .pro-jiantou-up{
        border-bottom: .56rem solid;
    }
    section.index-pro .pro-inner-box .pro-jiantou-down{
        border-top: .56rem solid;
    }
}

/*  test */
-webkit-animation:tmouse 0.5s cubic-bezier(0.56,0.01,0.46,1) infinite alternate;animation:tmouse 0.5s cubic-bezier(0.56,0.01,0.46,1) infinite alternate}.foot_info_met_16_5_11 .totop i{color:#fff;font-size:30px;margin-top:5px}@-webkit-keyframes tmouse{0%{ -webkit-transform:translatey(0); -moz-transform:translatey(0); -ms-transform:translatey(0); -o-transform:translatey(0); transform:translatey(0)}100%{ -webkit-transform:translatey(-8px); -moz-transform:translatey(-8px); -ms-transform:translatey(-8px); -o-transform:translatey(-8px); transform:translatey(-5px)}}@keyframes tmouse{0%{ -webkit-transform:translatey(0); -moz-transform:translatey(0); -ms-transform:translatey(0); -o-transform:translatey(0); transform:translatey(0)}100%{ -webkit-transform:translatey(-8px); -moz-transform:translatey(-8px); -ms-transform:translatey(-8px); -o-transform:translatey(-8px); transform:translatey(-8px)}}