/*
+----------------------------------------------------------------------
| LN-EWS v2.0 [ Build a line, love the line ]
| Copyright (c) 2010~2024 http://jzline.com All rights reserved.
| Author: xwxc
+----------------------------------------------------------------------
*/

.product_bg{height:auto;width:100%;overflow:hidden;position:static;background-size:100% 100%;height:auto;background-size:cover;background-attachment:fixed}
.product{margin:100px 0px 100px 0px;color:#fff;position:relative;color:#333;height:auto}
.product .tit_box{height:auto}
.product .tit{margin:0px 0px 0px 0px;height:160px;width: 100%;text-align: center;position:relative;}
.product .tit h2{color:#f9f9f9;font-size:100px;font-weight:bold;font-family:arial;position:relative;z-index: 0;font-style: italic;}
.product .tit h3{color:#da2f37;font-size:40px;text-align:center;position:absolute;left:0;right:0;top:50px;margin:0 auto;width:100%;z-index:9999;display:flex;align-items:center;justify-content:center;gap:20px}
.product .tit h3::before{content:"";width:20px;height:2px;background-color:#da2f37}
.product .tit h3::after{content:"";width:20px;height:2px;background-color:#da2f37}
.product .btn{color:#fff;font-size:16px;margin-top:50px;line-height:2em;background-color:#da2f37;;height:50px;width:168px;line-height:50px;text-align:center;border-radius:28px;margin: 0 auto}
.product .btn:hover{background-color:#840b11}
.product .class_list{width:100%;height:85px;text-align:right;float:right}
.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;margin:30px 0 0 0}
.product .pic_item{border:1px solid #eee}
.product .pic_item .pic{width:100%;height:auto;overflow:hidden;background-color:#fff}
.product .pic_item .pic img{width:100%;height:auto;overflow:hidden;object-fit:cover;object-position:top;transition:all 0.5s ease}
.product .pic_item .name{background-color:#0158a8;height:50px;width:auto;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)}

@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}
.product .tit_desc{display:none}
.product .tit h2{font-size:70px;}
}@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}
}