/*banner*/
.banner{ width:100%; height:auto;max-height:733px; overflow:hidden;}
.flexslider{position:relative; height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:auto; overflow:hidden}
.slides li img { width:100%;}
.flex-control-nav{position:absolute;bottom:2%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:19px;height:19px;line-height:50px;overflow:hidden;background:url(/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

/*about*/
.about-left{width: 65%;float: left;}
.about-left h4{font-size: 35px;margin-bottom:15px;}
.about-left > h4 > span{display: block;font-size: 45px;font-weight: 600;color: #ba0006}
.about-left p{font-size: 16px;line-height: 40px;}
.about-right{width: 30%;float: right;}
.about-right img{width: 100%;}
.about-more{display:block;margin-top:20px;width: 150px;height: 40px;background: #ba0006;font-size: 16px;;text-align: center;line-height: 40px;
    color: #ffffff;border-radius: 10px;}
.about-more:hover{color: #ffffff;}

/*product*/
.product{overflow:hidden;width: 100%;height: auto;padding: 40px 5%; background: url("/images/pro-bg.jpg") center top 100% fixed;}
.pro-title,.case-title{margin:auto auto 20px auto;padding: 0 30px;width:400px;height:auto;border-right: 1px #ffffff solid;border-left:  1px #ffffff solid;text-align: center;
    font-size: 30px;font-weight: 650}
.pro-title span,.case-title span{display:block;font-size: 16px;font-weight: normal}
.pro-title a{color: #ffffff}
.pro-list li{max-width: 500px;margin-top: 20px;}
.pro-pic{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-title{border-right: 1px #333333 solid;border-left:  1px #333333 solid;}
.case-title a{color: #333333}
.case-list li{margin-top: 20px;overflow: hidden;}
.case-pic{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)}


/* 媒体查询 */
@media (max-width:1920px) and (min-width:1600px){
	.about-left{width: 78%;}
.about-right{width: 20%;}
	

}
@media (max-width:991px){
    
}
@media (max-width:767px) and (min-width:320px) {
    .col-xs-6,.col-sm-6,.col-md-4,.col-lg-4,.col-md-3,.col-lg-3{padding: 0 5px;}
    .about-left{width: 100%;}
    .about-left h4{font-size: 25px;margin-bottom:5px;}
    .about-left > h4 > span{font-size: 25px;font-weight: 600;}
    .about-left p{font-size: 14px;line-height: 30px;}
    .about-right{width: 60%;margin: 0 auto; float: none}
    .about-more{margin-top:10px;width: 120px;height: 30px;font-size: 14px;line-height: 30px;}
    .product{padding: 25px 2%}
    .case-title,.pro-title{margin:auto;padding: 0 20px;width:60%;font-size: 20px;}
    .case-title span,.pro-title span{display:block;font-size: 14px;}
    .pro-text,.case-text a{padding:10px 0;}
    .pro-text h4,.case-text h4 {font-size: 14px;}
}