/*
+----------------------------------------------------------------------
| LN-EWS v2.0 [ Do a line, love a 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: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:50px}
.product .line{text-align:left}
.product .line span{display:inline-block;margin:0 2px 0 0;height:2px;border-radius:2px;margin-top:14px;text-align:center}
.product .line span:nth-child(1){width:2px;background:#85ac96;animation:w0_to_w50 1.5s linear infinite alternate}
.product .line span:nth-child(2){width:50px;background:#188a49;animation:w50_to_w0 1.5s linear infinite alternate}
.product .type{height:60px;text-align:right}
.product .type .pro_type_name{width:auto;height:40px;padding:5px 15px;text-align:center;display:inline-block;margin-right:10px;border-radius:10px 0 10px 0;border:1px solid #188a49}
.product .type .pro_type_name a{color:#333;font-size:19px;text-align:center;line-height:40px;height:40px}
.product .type .pro_type_name:hover{border:1px solid #188a49;background-color:#188a49}
.product .type .pro_type_name:hover a{color:#FFF}
.product .type .at{border:1px solid #188a49;background-color:#188a49}
.product .type .at a{color:#FFF}
.product .tit h2{color:#515151;font-size:40px;font-weight:bold;font-family:arial}
.product .tit h3{color:#188a49;font-size:16px;padding-top:5px;opacity:0.1}
.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}
.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;border-radius:30px 0px 30px 0px;padding:5px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out}
.product .pic_item .pic{width:100%;height:100%;overflow:hidden;background-color:#fff;border-radius:30px 0 0px  0;text-align:center}
.product .pic_item .pic img{width:100%;height:auto;overflow:hidden;object-fit:cover;object-position:top;transition:all 0.5s ease;border-radius:30px 0px 0px  0px}
.product .pic_item .name{background-color:#fff;height:50px;width:100%;line-height:50px;font-size:16px;text-align:center;color:#333;border-radius:0px 0 30px  0}
.product .pic_item .name i{position:absolute;right:20px}
.product .pic_item:hover{border:1px solid #87ebb2;box-shadow:0 1px 10px rgba(0,0,0,0.15)}
.product .pic_item:hover .pic{background-color:#188a49}

.product .pic_item:hover .pic img{transform:scale(1.1);transition:all 1s ease}

.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 .type .pro_type_name a{color:#333;font-size:16px;text-align:center;line-height:40px;height:40px}

.product .type .at a{color:#FFF}


.product .type{height:auto;text-align:left}


.product .type .pro_type_name {margin: 10px 0px}


}
@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}
}