.product_bg{height:auto;width:100%;overflow:hidden;position:static;background-size:100% 100%;height:auto;background-size:cover;background-attachment:fixed}

.product{margin:120px 0px 120px 0px;color:#fff;position:relative;color:#333;height:auto}
.product .tit_box{height:auto}
.product .tit{margin:0px 0px 0px 0px;height: 85px}
.product .tit h2{color:#0158a8;font-size:20px;font-weight:bold;font-family:arial}
.product .tit h3{color:#222;font-size:40px;padding-top:10px}
.product .tit_desc{font-size:18px;padding-top:10px;line-height:1.8;color:#999;text-align:right}

.product .btn{color:#fff;font-size:16px;margin-top:40px;line-height: 2em;background-color:#0158a8; float: right;
height: 50px; width:168px;line-height: 50px;text-align: center; border-radius: 28px;} 

.product .btn:hover{background-color:#ff5822}


/*分类*/
.product .class_list{width:100%;height: 85px;text-align: right;float: right;
/*display: flex;
overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;*/
}
.product .class_list ul{width:100%;margin-top:15px;height: 50px;text-align: right;}
.product .class_list ul li{line-height: 50px;height: 50px;margin: 0 5px 0 0;border-radius: 50px;background-color:#0158a8; display: inline-block;}
.product .class_list ul li a{line-height: 50px;height: 50px;color: #fff;display: block;padding: 0 36px}
.product .class_list ul li:hover{background-color:#ff5822}






/*列表*/
.product .pic_item_box{height:auto; }
.product .pic_item{border:1px solid #eee; }
.product .pic_item .pic{width:100%;height:310px;overflow: hidden;background-color: #fff; }
.product .pic_item .pic img{width:100%;height:100%; overflow: hidden;object-fit: cover;object-position: top;   transition: all 0.5s ease;}
.product .pic_item .name{background-color:#0158a8;height:50px; width: 100%;line-height: 50px;font-size: 16px;text-align: center;color: #fff}
.product .pic_item .name i{position: absolute; right: 20px}
.product .pic_item:hover .pic img{ transform: scale(1.1);    transition: all 1s ease }
.product .pic_item:hover .name{color:#fff }
.product .pic_item:hover .name i{ position: absolute; right: 30px;color: #fff}

.product .but_box{position:relative;width:420px;height:70px;margin:0 auto;cursor:pointer; margin-top: 30px}
.product .but_box a{cursor:pointer}
.product .but_box p{display:block;position:absolute;top:8%;width:100%;left:0;z-index:3;font-size:20px;font-weight:bold;color:#FFFFFF;text-align:center}
.product .but_box::before{content:"";display:block;position:absolute;top:0;left:0;width:95%;height:71%;margin:0 auto;background:#155bb5;transform:skewX(-25deg);z-index:2;transition:all .5s ease}
.product .but_box:hover::before{background:#E60012}
.product .but_box::after{content:"";display:block;position:absolute;top:10px;left:7px;width:95%;height:71%;margin:0 auto;background:rgba(21,91,181,0.40);transform:skewX(-25deg)}



/* 小于768px  */
@media only screen and (max-width:768px){
	
.product{margin:50px 0px 50px 0px;}
.product .pic_item .pic{height:auto;}	
.product .pic_item .pic img{height:auto;}	
.product .but_box{width:320px;}
.product .but_box p{dfont-size:14px;}

.product .class_list{height: auto;}
.product .class_list ul{height: auto;text-align: left;}
.product .class_list ul li{margin-bottom: 10px}

}

@media only screen and (max-width:1000px){


.product .class_list{height: auto;}
.product .class_list ul{height: auto;text-align: left;}
.product .class_list ul li{margin-bottom: 10px}

}




@media only screen and (max-width:1300px){
.product .tit img{width:300px }

}