body{font:12px "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; color:#333; background:#fff; -webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
fieldset, img{border:none; vertical-align:middle;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.sfl{ float:left;}
.sfr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
.w1520{width: 80%;margin: 0 auto;max-width: 1520px;width: 90%;}
.arrStyle{position: relative;}
.arrStyle:before{content: "";width: 11px;height: 11px;border-left: 3px solid #CCCCCC;border-bottom: 3px solid #CCCCCC;position: absolute;left: 50%;top:50%;margin: -9px 0 0 -7px;}
.arrStyle.lArrow:before{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.arrStyle.rArrow:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.arrStyle.tArrow:before{-webkit-transform: rotateZ(135deg); -moz-transform: rotateZ(135deg); -ms-transform: rotateZ(135deg); transform: rotateZ(135deg);}
.arrStyle.bArrow:before{-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
ul, ol {
    list-style: none;
}
li {
    list-style-type: none;
}
.tran300 {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fz18 {
    font-size: 18px;
}
.fz20 {
    font-size: 20px;
}
.fz32 {
    font-size: 32px;
}
.fz24 {
    font-size: 24px;
}
.pageStyle{line-height: 2;color: #666666;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;}
.pageStyle ul,
.pageStyle ul li{list-style: inside disc;list-style: outside;}
.pageStyle ol,
.pageStyle ol li{list-style: auto;}
.contProduct .item1{padding: 3.125% 0 2.5%;}
.contProduct .item1 .left{width: 42.1%;}
.contProduct .item1 .picScroll{border: 1px solid #DDDDDD;position: relative;overflow: hidden;margin-bottom: 30px;}
.contProduct .item1 .picScroll .pic{height: 438px;line-height: 438px;text-align: center;}
.contProduct .item1 .picScroll .pic img{max-width: 90%;max-height: 90%;}
.contProduct .item1 .picScroll .pic video{width: 100%;height: 100%;}
.contProduct .item1 .tabScroll{width: 100%;padding: 0 20px;position: relative;box-sizing: border-box;}
.contProduct .item1 .tabScroll .container{position: relative;overflow: hidden;width: 100%;padding: 0 1px;}
.contProduct .item1 .tabScroll .container .pic{height: 98px;border: 1px solid #DDDDDD;text-align: center;line-height: 98px;cursor: pointer;}
.contProduct .item1 .tabScroll .container .pic img{max-width: 90%;max-height: 90%;}
.contProduct .item1 .tabScroll .container .on .pic{border-color: #041f5a;}
.contProduct .item1 .tabScroll .sbtn{width: 12px;height: 12px;position: absolute;top: 50%;margin-top: -6px;cursor: pointer;}
.contProduct .item1 .tabScroll .prev{left: 0;}
.contProduct .item1 .tabScroll .next{right: 0;}
.contProduct .item1 .tabScroll .sbtn:hover:before{border-color: #041f5a;}
.contProduct .item1 .tabScroll .sbtn.disable{pointer-events: none;}
.contProduct .item1 .right{width: 54.73%;height: 570px;box-sizing: border-box;padding-bottom: 72px;position: relative;}
.contProduct .item1 .right .wrap{width: 100%;height: 100%;overflow: auto;}
.contProduct .item1 .right .title{line-height: 1;color: #041f5a;font-weight: normal;margin-bottom: 16px;}
.contProduct .item1 .right .subTitle{color: #333333;font-weight: normal;margin-bottom: 30px;}
.contProduct .item1 .right .text{margin-bottom: 66px;margin-bottom: 0;}
.contProduct .item1 .right .text li{margin-bottom: 6px;}
.contProduct .item1 .right .text li:last-child{margin-bottom: 0;}
.contProduct .item1 .right .sbtn{display: block;width: 148px;height: 60px;background: #041f5a;border-radius: 2px;text-align: center;line-height: 60px;color: #FFFFFF;position: absolute;left: 0;bottom: 20px;}
.contProduct .item1 .right .sbtn:hover{background: #196c6a;}

.contProduct .item1 .right .wrap::-webkit-scrollbar{width:3px;height:3px}
.contProduct .item1 .right .wrap::-webkit-scrollbar-button:vertical{display:none}
.contProduct .item1 .right .wrap::-webkit-scrollbar-corner,
.contProduct .item1 .right .wrap::-webkit-scrollbar-track{background-color:#ccc}
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb:vertical:hover{ }
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb:vertical:active{ }


.contProduct .item2{padding-bottom: 4.16%;}
.contProduct .item2 .tabs{margin-bottom: 3.125%;background: #F7F7F7;position: sticky;top:0;z-index: 9;}
.contProduct .item2 .tabs li{padding: 0 33px;line-height: 78px;color: #333333;display: flex;align-items:center;position: relative;border: 1px solid #F7F7F7;cursor: pointer;}
.contProduct .item2 .tabs li img{margin-right: 6px;filter: brightness(0) invert(0.3);}
.contProduct .item2 .tabs li:before{content: "";width: 13px;height: 11px;position: absolute;left: 50%;bottom: -11px;margin-left: -6px;background: url(../images/trangle.svg) no-repeat center;opacity: 0;}
.contProduct .item2 .tabs li.active{border-color: #041f5a;color: #041f5a;background: #fff;}
.contProduct .item2 .tabs li.active:before{opacity: 1;}
.contProduct .item2 .tabs li.active img{filter: brightness(1) invert(0);}
.contProduct .item2 .container{position: relative;overflow: hidden;min-height: 300px;}
.contProduct .item2 .pageStyle{color: #333333;}
.contProduct .item2 .slide2 .title{font-weight: normal;margin-bottom: 1.85%;}
.contProduct .item2 .pageStyle table{width: 100% !important;}
.contProduct .item2 .swiper-slide{overflow: hidden;}

.table{border-collapse: collapse;margin-bottom: 2.5%;width: 100%;}
.table:last-child{margin-bottom: 0;}
.table td{padding: 10px 30px;border: 1px solid #CCCCCC;}
.table th{border: 1px solid #CCCCCC;background: #F6F6F6;line-height: 58px;text-align: left;padding: 0 30px;font-weight: bold;}
.table1 td{padding: 44px 30px;}
.table2{margin: 30px auto 6.6%;}
.table2 th{background: #348F89;color: #fff;line-height: 48px;}
.table2 td{line-height: 30px;}
/* --- 弹窗 Modal --- */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: none; /* 默认隐藏 */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal {
    background: #fff;
    padding: 30px;
    width: 400px;
    border-radius: 8px;
    position: relative;
}

    .modal h3 {
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }

.form-group {
    margin-bottom: 15px;
}

    .form-group input, .form-group textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

.submit-btn {
    width: 100%;
    padding: 10px;
    background: #0055b8;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
@media screen and (max-width: 1480px) {
    .fz14{font-size: 13px;}
.fz15{font-size: 14px;}
.fz16{font-size: 12px;font-size: 15px;}
.fz18{font-size: 14px;font-size: 17px;}
.fz20{font-size: 18px;}
.fz24{font-size: 20px;}
.fz26{font-size: 20px;}
.fz28{font-size: 21px;}
.fz32{font-size: 24px;}
.fz36{font-size: 28px;}
.fz60{font-size: 45px;}
.contProduct .item1 .picScroll .pic{height: 330px;line-height: 330px;}
.contProduct .item1 .tabScroll .container .pic{height: 74px;line-height: 74px;}
.contProduct .item1 .picScroll .pic{height: 330px;line-height: 330px;}
.contProduct .item1 .tabScroll .container .pic{height: 74px;line-height: 74px;}
.contProduct .item1 .right{height: 438px;}
.contProduct .item1 .right .title{margin-bottom: 12px;}
.contProduct .item1 .right .subTitle{margin-bottom: 22px;}
.contProduct .item1 .right .text{/* margin-bottom: 48px; */line-height: 1.9;}
.contProduct .item1 .right .sbtn{width: 112px;height: 46px;line-height: 46px;bottom: 14px;}
.contProduct .item2 .tabs li{line-height: 58px;padding: 0 24px;}
}
@media screen and (max-width: 1024px) {
    .contProduct .item1 .left, .contProduct .item1 .right {
        width: 100%;
    }
    .contProduct .item1 .left,.contProduct .item1 .right{width: 100%;}
.contProduct .item1 .right{margin-top: 30px;height: auto;padding-bottom: 0;}
.contProduct .item1 .right .sbtn{position: relative;bottom: 0;}
.contProduct .item1 .right .text{margin-bottom: 20px;}
}

@media screen and (max-width: 760px) {
.fz18{font-size: 16px;}
.fz26{font-size: 18px;}
.fz32{font-size: 22px;}
.fz36{font-size: 24px;}
.fz60{font-size: 26px;}
.contProduct .item1{padding: 5% 0 8%;}
.contProduct .item1 .picScroll{margin-bottom: 15px;}
.contProduct .item1 .picScroll .pic{height: 260px;line-height: 260px;}


.contProduct .item2 .tabs{margin-bottom: 20px;}
.contProduct .item2 .tabs li{line-height: 44px;padding: 0 10px;margin-bottom: 10px;display: block;}
.contProduct .item2 .tabs li:nth-child(4),.contProduct .item2 .tabs li:nth-child(5){margin-bottom: 0;}
.contProduct .item2 .tabs li img{height: 14px;}
}