/*nybanner*/
.nybanner{width: 100%;text-align: center;}
.nybanner img{width: 100%;}

/*nynav*/
.nynav{display: flex; justify-content: space-between;position: relative;top: -20px;background: #ffffff;box-shadow:2px 2px 5px #888888; }
.nynav-box{padding: 0 5%;margin:0 auto;max-width:1700px;}
.nynav h4{padding:20px 40px;font-size: 22px;}
.nynav > h4 > span{display: block;font-size: 14px;font-weight: 650;color: red}
.site{position: absolute; top: 40%;right: 0;padding-right: 40px;}
.site span{color: red}

/*content*/
.content p{font-size: 15px;line-height: 40px;}
.detail-title{margin-bottom:20px;}
.detail-title h3{text-align:center;font-size:26px;font-weight:700}
.detail-time{ width:100%; height:45px;line-height:50px; border-bottom: dashed 1px #CCCCCC;text-align:center;}
.detail-time span{color:#FF0000}

/*button*/
.button{display: flex;justify-content: space-between;line-height: 30px;font-size: 16px}
.button a{display: block;}
.button a:hover{text-decoration: none;}
.button i{padding:0 10px}
.back{padding:5px 10px ;background: red;color: #ffffff;text-align: center}
.back-pic{width: 25px;height: 25px;display: inline-block;padding-right: 5px;}
.back:hover{color: #ffffff!important;background: #FFA502}
.back-pic img{width: 100%;}

/*product*/
.pro-list li{max-width: 500px;margin:10px auto 20px auto;}
.pro-pic{height:265px;max-width: 402px;max-height: 270px;overflow: hidden;}
.pro-text{width: 100%;height: auto;padding:15px 0;text-align: center;background: #4a4a4a;color: #ffffff;position: relative;}
.pro-pic img,.case-pic img{width: 100%; transition:all 0.8s ease 0s;} 
.pro-pic:hover img,.case-pic:hover img{transform: scale(1.1)}
.pro-text h4,.case-text h4{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.pro-text::after{content:"";position:absolute; top:0; left:0;display:block;width:100%;height:100%; 
    background:  linear-gradient(90deg,#ba0006,#e00605); transform:scaleX(0); transition:all 1.5s ease 0s; transform-origin:left;}
.pro-text:hover::after{ transform:scaleX(1); transform-origin:left}
.pro-text h4{ position: relative; z-index: 3;}*/


/*case*/
.case-list li{max-width: 500px;margin: 20px auto 30px auto;overflow: hidden;}
.case-pic{max-width: 500px;max-height: 300px;overflow: hidden;position: relative;}
.case-text{position: relative ;width: 100%;text-align: center;}
.case-text a{transition:all 0.8s ease 0s;color: #ffffff;position: absolute ;bottom:-53px;left:0;padding:15px 0;width: 100%;text-align: center;font-size: 14px;background: rgba(0, 0, 0, 0.6)}
.case-text span{display: block;margin: 15px auto auto auto;border-radius:10px;border: 1px solid;width: 120px;font-size: 14px;line-height: 30px;}
.case-list li:hover .case-text a{bottom: 0;background: rgba(25, 147, 229, 0.8)}
.case-text span:hover{background: rgba(255, 255, 255, 1);color: rgba(25, 147, 229, 1)}

/*contact*/
.mapwrap{ width: 100%; padding:1%; background: #FFF; border:solid 1px #CCC;margin-top: 20px;}  
#map label{ max-width:inherit;}

/*分页*/
.fenye{width: 100%;height: auto;}
.fenye ul{display:flex;justify-content: center;flex-wrap: wrap}
.fenye ul > li{display: block;box-sizing:border-box;margin-top: 5px;margin-bottom: 5px;}
.fenye ul > li >a{display:block;text-align: center;padding: 7px 14px;border: 1px solid #CCCCCC;box-sizing:border-box;margin-left: -1px;}
.fenye .jump{text-align: center;width: 4em;height: 36px;box-sizing: border-box;border: 1px solid #ccc; transition: all 0.3s ease-in-out 0s;}
.fenye .jump:focus{outline: #1f9a81 0px solid;border: 1px solid #1f9a81;}
.fenye ul > li >span{line-height: 40px;}
.fenye .page-active + li>a{border-left: 1px #1f9a81 solid;}
.fenye .page-active>a{background: #009688;color: #ffffff;border: 1px solid #009688;}
.fenye .page-active>a:hover{background: #009688;color: #ffffff;border: 1px solid #009688;}
.fenye ul > li >a:hover{background: rgba(233, 236, 239, 0.7);color:#009688;}
.fenye .page-disabled>a{cursor: not-allowed;border: 1px solid #eee;}
.fenye .page-disabled>a{
    color:#aaa !important;
    background: initial !important;
    /*文件禁止选择*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width:1200px){

}
@media (max-width:991px){
    .nynav{top: 0;}
    .nynav-box{padding:0;}
    .nynav h4{padding:12px 2%;font-size: 20px;}
    .site{top: 36%;padding-right: 2%;}
    
}
@media (max-width:767px) and (min-width:320px) {
    .content img{width: 100%;}
    .fenye .number,.fenye span,.jump-button,.jump{display: none!important}
    .col-xs-6,.col-sm-6 {padding: 0 10px;}
    .pro-text {padding: 8px 0;}
    .pro-text h4{font-size: 14px;}
    .pro-pic{height: auto;}
}