.hyy-xl {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    display: none;
}

.hyy-xlb {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.hyy-a {
    text-align: center;
    cursor: pointer;
}

.hyy-a:hover {
    color: #1758A7;
}

ul{list-style: none;}
.fenye li{display:inline-block;}
.fenye a{display:inline-block;font-family: Microsoft YaHei;font-weight: 400;font-size: 14px;color: #666666;padding:0 10px;height: 30px;line-height:30px;border:1px solid #eee;margin-right:5px;box-sizing: border-box;}
.fenye li.active a,.fenye li a:hover{background:#002f72;border-color:#002f72;color:#fff;}

.show_info{margin-top:40px;}
.show_info p{display: flex;justify-content: center;}
.show_info p span{color:#999;}

.prev{display:flex;justify-content: center;margin-top:40px;}
.prev a{width:50%;color:#666;height:40px;line-height:40px;}
.prev a:last-of-type{text-align:right;}
.prev a:hover{color:#002f72;}

.pd50{padding:50px 0;}
.pd100{padding:100px 0;}
.xibao li{float:left;width:23.5%;margin-right:2%;margin-bottom:2%;}
.xibao li:nth-of-type(4n){margin-right:0;}
.xibao li a{display:block;}
.litpic{width:100%;height:auto;padding-bottom:75%;overflow: hidden;position: relative;}
.litpic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.xibao li a p{height:30px;line-height:30px;padding:0 5px;font-size:14px;text-align:center;color:#666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top:10px;}
.xibao li a:hover img{transform: scale(1.1);transition: all 2s;}
.xibao li a:hover p{color:#002f72;}
.clear{clear:both;}



.cpxx {
    width: 100%;
    height: auto;
    float: left;
}

.cpxxqh {
    position: relative;
    float: left;
    overflow: hidden;
    width: 45%;
}

.cpxxqh .bigImg {
    height: 450px;
    position: relative;
}
.cpxxqh .bigImg .litpic{padding-bottom:75%;}
.cpxxqh .bigImg li img {
    vertical-align: middle;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.cpxxqh .bigImg h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    height: 33px;
    padding-right: 30px;
    overflow: hidden;
    text-align: left;
}

.cpxxqh .smallScroll {
    height: 60px;
    margin-top: 16px;
}

.cpxxqh .sPrev {
    float: left;
    display: block;
    width: 31px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/sprites1008l.png) no-repeat center center;
}

.cpxxqh .sNext {
    float: left;
    display: block;
    width: 31px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/sprites1008r.png) no-repeat  center center;
}

.cpxxqh .smallImg {
    float: left;
    margin: 0px;
    display: inline;
    width: calc(100% - 110px);
    overflow: hidden;
    margin-left: 24px;
    margin-right: 24px;
}
.cpxxqh .smallImg .litpic{padding-bottom:75%;}

.cpxxqh .smallImg ul {
    height: 60px;
    width: 9999px;
    overflow: hidden;
}

.cpxxqh .smallImg li {
    float: left;
    width: 70px;
    cursor: pointer;
    display: inline;
}

.cpxxqh .smallImg img {
    border: 1px solid #dcdddd;
    width: 60px;
    float: left;
    box-sizing: border-box;

}

.cpxxqh .smallImg .on img {
    border-color: #1e50a2;
}

.cpxxqh .pageState {
    position: absolute;
    top: 235px;
    right: 5px;
    font-family: "Times New Roman", serif;
    letter-spacing: 1px;
}

.cpxxqh .pageState span {
    color: #f00;
    font-size: 16px;
}

.cpxxinfo {
    width: 50%;
    height: auto;
    float: right;
}

.cpxxinfo h1 {
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    color: #262626;
    line-height: 22px;
}

.cpxxinfo p {
    width: 100%;
    font-size: 16px;
    margin-top: 24px;
    float: left;
    margin-bottom: 75px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}

.cpfx {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 60px;
}

.cpfx a {
    margin-right: 8px;
    float: left;
}

.cpfx img {
    width: 40px;
    height: 40px;
    float: left;
}

.cpbtn {
    width: 100%;
    height: auto;
    float: left;
}

.cpbtn a {
    width: 242px;
    height: 40px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #002f72;
    line-height: 38px;
    text-align: center;
    margin-right: 36px;
    font-size: 16px;
    color: #002f72;
    float: left;
}

.cpbtn a:hover {
    background: #002f72;
    color: #fff;
}

.cpbtn span{font-size:20px;color:#002f72;line-height:50px;}
.htel i {
    content: "";
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    background: url(../images/htel.png) no-repeat left center;
    margin-top: -4px;
}
.cpbtn .htel {
    
    height: 39px;
    font-size: 30px;
    font-weight: bold;
    color: #262626;
    line-height: 39px;
}


.cpxq {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 80px;
}

.cpxq h2 {
    width: 100%;
    height: 43px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 24px;
    line-height: 27px;
    font-size: 20px;
    color: #262626;
}

.cpxq .content {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 60px;
}

.cpxq .content p {
    line-height: 30px;
    margin: 5px 0;
    font-size: 16px;
    color: #262626;
	text-wrap: initial!important;
    /*text-align: justify!important;*/
}

.cpxq .content table{width: 100% !important;margin:5px 0;border-collapse:collapse;}
.cpxq .content table td,.cpxq .content table th{border:1px solid #333;text-align:center;width:unset !important;}
.cpxq .content h2{border:0;font-size:14px;height:auto;float:unset;margin:5px 0;font-weight:normal;}

.cpxq .content p span{
	text-wrap: initial!important;
    text-align: justify!important;
	}

.cpxq .content img {
    max-width: 100%;
}

.w6-b8 .ewm{margin-top:20px;}
.w6-b8 .ewm img{width:200px;}
.w6-b8 .ewm p{width:200px;text-align:center;}


.feiyilist{position:relative;}
/* .feiyilist .litpic{border:1px solid #eee;} */
.feiyilist p{height:30px;line-height:30px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;margin-top:10px;text-align:center;color:#666;}
.feiyilist a:hover img{transform: scale(1.1);transition: all 2s;}

.feiyilist .w1-new2{box-shadow:unset;}

.w1-new3{height:auto;}

/*在线客服*/
.side {
    position: fixed;
    width: 68px;
    right: 5px;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    background: #fff;
    border-bottom: 0;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(0 , 0 , 0 , 0.1);
    opacity: 0.95
}

.side ul li {
    width: 68px;
    height: 68px;
    float: left;
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    white-space: nowrap;
}

.side ul li:hover {
    background: #002f72;
    color: #fff;
}

.side ul li:hover a {
    color: #fff;
}

.side ul li i {
    height: 25px;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 13px;
    transition: all 0.3s;
}

.side ul li a {
    overflow: hidden;
    white-space: nowrap;
    color:#333;
}

.side ul li i.bgs1 {
    background-image: url(../images/right_pic1_on.png);
}

.side ul li i.bgs2 {
    background-image: url(../images/right_pic2.png);
}

.side ul li i.bgs3 {
    background-image: url(../images/right_pic3.png);
}

.side ul li i.bgs4 {
    background-image: url(../images/right_pic4.png);
}

.side ul li i.bgs5 {
    background-image: url(../images/right_pic5.png);
}

.side ul li i.bgs6 {
    background-image: url(../images/right_pic6.png);
}

.side ul li:hover i.bgs1 {
    background-image: url(../images/right_pic1_on.png);
}

.side ul li:hover i.bgs2 {
    background-image: url(../images/right_pic2_on.png);
}

.side ul li:hover i.bgs3 {
    background-image: url(../images/right_pic3_on.png);
}

.side ul li:hover i.bgs4 {
    background-image: url(../images/right_pic4_on.png);
}

.side ul li:hover i.bgs5 {
    background-image: url(../images/right_pic5_on.png);
}

.side ul li:hover i.bgs6 {
    background-image: url(../images/right_pic6_on.png);
}

.side ul li .sidebox {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    overflow: hidden;
}

.side ul li:hover div {
    display: block !important;
}

.side .hover {
    background: #002f72;
    border-radius: 5px 5px 0 0;
}

.side .hover {
    color: #fff
}

.side .sq a {
    animation: heart 1s ease-in-out infinite alternate;
    display: block;
}
@keyframes heart {
    from {
        transform: translate(0,0)
    }

    to {
        transform: translate(0,10px)
    }
}

.heart {
    animation: heart 1s ease-in-out infinite alternate;
}

.side ul li.sideetel .telBox {
    display: none;
    margin: 0;
    width: 200px;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: 4px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    background: url(../images/right_pic1_on.png) no-repeat 10px center #002f72;
    padding-left: 35px;
}

.side ul li.sideetel .telBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #002f72;
}

.side ul li.sideewm .ewBox {
    width: 180px;
    display: none;
    color: #363636;
    text-align: center;

    position: absolute;
    left: -200px;
    top: -66px;
    /* background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    background-color: #fff; */
}
.side ul li.sideewm .ewBox img{width:100%;}

.side ul li.sideewm .ewBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #ddd;
}

.f-r3 a{color:#fff;}

.banner{margin-top:calc(4.1667vw * var(--zoom));height:auto;}


.contact{margin-top:50px;padding:0 140px;}
.contact ul{}
.contact ul li{width:30%;margin-right:5%;float:left;margin-bottom:2%;}
.contact ul li:nth-of-type(3n){margin-right:0;}
.contact ul h2{font-size:20px;border-bottom:2px solid #eee;padding:20px 0;}
.contact ul p{margin-top:30px;color:#666;font-size:16px;}
.contact ul .wechat{margin-top:30px;}
.contact ul .wechat img{width:200px;}
.map{margin-top:80px;}
img{max-width:100%;}


.pro_show_banner .product-img {
    height: calc(100vh - 50px);
}
.xibao_category li{width:32%;}
.xibao_category li:nth-of-type(2n){margin-right:2%;}
.xibao_category li:nth-of-type(3n){margin-right:0;}


.video li a .litpic::before{content:'';position:absolute;width:48px;height:48px;top:50%;left:50%;transform: translate(-50%,-50%);z-index:99;background:url("../images/play.png");}
.video li a .litpic::after{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;z-index:9;}

.w3-bc4.wowo .w3-bc11 img{height:100% !important;}



@media (max-width:768px) {
    .side{display:none;}
    .banner{margin-top:54px;height:auto;}
    .banner-lunbo,.product-img{height:100%;}
    .product-img img{min-height:200px;}

    .mcp-b2 a{color:#333;}
    .w2-top3{display:none;}
    .pd100{padding:50px 0;}
    .pd50{padding:25px 0;}
    .cpxxqh{width:100%;}
    .cpxxqh .smallImg{width:calc(100% - 110px);}
    .cpxxinfo{width:100%;}
    .cpxxinfo p{margin-bottom:30px;}
    .cpbtn .htel{display:none;}
    .cpxq{margin-top:30px;}
    .cpxq .content{margin-bottom:30px;}

    .product-nav2{padding:10px 0;}
    .xibao li{width:100%;}
    .w3-ba4{font-size:14px;}
    .prev{flex-wrap: wrap;}
    .prev a{width:100%;font-size:14px;}
    .prev a:last-of-type{text-align:left;}

    .w6-b{position:unset;transform:unset;margin-top:30px;}
    .w6-wz1 .w6-b6{top:0px;display:block;}
    .w6-img img{transform: translateX(0px);}
    .w6-b5{display:none;}
    .w6-b6{width:calc(100% - 20px);}
    .w6-wz1{width:100%;left:0;top:20px;}
    .w6-b6 .w6-b8:last-of-type{display:flex;}
    .w6-b8{font-size:14px;}
    .w6-b8 .ewm{margin-right:20px;}
    .w6-b8 .ewm:last-of-type{margin-right:0;}
    .w6-b8 .ewm img,.w6-b8 .ewm p{width:100%;}
    .w6-b7{margin-bottom:20px;font-size:16px;}


    .home .w1{padding:50px 0;}

    .w1-new2{width:100%;}
    .w2-top2{width:unset;}
    .w2-top5{font-size:16px;}


    .contact{padding:0;}
    .contact ul li{width:100%;}


}