body{margin: 0;}
div{box-sizing: border-box;}
a{text-decoration: none;box-sizing: border-box;display: inline-block;}
.j_start{display: flex;justify-content: flex-start;align-items: center;}
.j_center{display: flex;justify-content: center;align-items: center;}
.j_between{display: flex;justify-content: space-between;align-items: center;}
.j_wrap{flex-wrap: wrap;}
.product{width: 1200px;margin: 0 auto;padding: 70px 0;}
.product .f1 .item{width: 140px;height: 45px;border: 1px solid #eee;font-size: 14px;color: #787878;margin-right: 40px;}
.product .f1 .item:last-child{margin-right: 0;}
.product .f1 .item:hover,.product .f1 .item.active{background: #e3be8e;border: 1px solid #e3be8e;color: #fff;}
.product .line{height: 1px;background: #eee;margin: 40px 0 70px 0;}
.product .class_name{font-size: 40px;color: #131315;font-weight: bold;text-align: center;}
.product .class_name::before{position: relative;left: 8px;bottom: 14px; content:"";width: 70px;height: 2px;background: #e3be8e;display: inline-block;}
.product .class_name::after{position: relative;right: 8px;bottom: 14px; content:"";width: 70px;height: 2px;background: #e3be8e;display: inline-block;}
.product .list{margin-top: 70px;}
.product .list .item{width: 560px;height: 340px;margin-bottom: 60px;}
.product .list .item .img_box{width: 320px;height: 340px;border: 1px solid #CBCBCB;overflow: hidden;}
.product .list .item .img_box img{height: 100%;transition: all .5s;}
.product .list .item:hover .img_box img{transform: scale(1.1);}
.product .list .item .text{width: 240px;height: 340px;padding: 30px;border: 1px solid #CBCBCB;border-left: none;padding-top:40px;}
.product .list .item .text .common{font-size: 14px;color: #131315;margin-bottom: 15px;line-height: 25px;}
.product .list .item .text .more{width: 105px;height: 40px;border:1px solid #e7e7e7;font-size: 14px;color: #787878;position:relative;top:10px;}
.product .list .item .text .more:hover{background: #131315;color:#fff;}
.product .pagination_box .item{width: 35px;height: 35px;border: 1px solid #eeeeee;font-size: 14px;color: #111;margin-right: 5px;}
.product .pagination_box .item:hover,.product .pagination_box .item.active{background: #eee;}
.product .pagination_box .item:last-child{margin-right: 0;}
.productshow{width: 1200px;margin: 0 auto;padding: 70px 0;}
.productshow .f1 .left{width: 600px;height: 540px;}
.productshow .f1 .left .img_box{height: 400px;border: 1px solid #eee;overflow: hidden;}
.productshow .f1 .left .img_box img{max-width: 100%;transition: all .5s;}
.productshow .f1 .left .img_box:hover img{transform: scale(1.1);}
.productshow .f1 .left .atlas_box{margin-top: 40px;height: 100px;position: relative;padding: 0 30px;}
.productshow .f1 .left .atlas_box .banner .swiper-slide{border: 1px solid #eee;height: 100px;overflow: hidden;}
.productshow .f1 .left .atlas_box .banner .swiper-slide:hover,.productshow .f1 .left .atlas_box .banner .swiper-slide.swiper-slide-active{border: 1px solid #e3be8e;}
.productshow .f1 .left .atlas_box .banner .swiper-slide img{max-width: 100%;max-height: 100%;}
.productshow .f1 .left .atlas_box .page_up{position: absolute;top: 38px;left: 0;outline: none;}
.productshow .f1 .left .atlas_box .page_down{position: absolute;top: 38px;right: 0;outline: none;}
.productshow .f1 .right{width: 530px;height: 540px;padding-top: 10px;}
.productshow .f1 .right .common{font-size: 16px;color: #131315;line-height: 30px;}
.productshow .f1 .right .title{padding-bottom: 20px;border-bottom: 1px solid #eee;}
.productshow .f1 .right .title h1{font-size: 24px;color: #131315;font-weight: bold;}
.productshow .f1 .right .class{padding: 20px 0;border-bottom: 1px solid #eee;}
.productshow .f1 .right .description{padding: 20px 0;border-bottom: 1px solid #eee;height: 290px;}
.productshow .f1 .right .consult{width: 140px;height: 45px;border:1px solid #e7e7e7;margin-top: 20px;color: #787878;}
.productshow .f1 .right .consult:hover{background: #131315;color:#fff;}
.productshow .f2{margin-top: 100px;}
.productshow .f2 .guide{font-size: 16px;color: #131315;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.productshow .f2 .details{padding: 20px 0;}