.shiptc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none;}

.shiptc .shi_con{width: 1000px;height: 550px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.shiptc .shi_con .out{width: 40px;height: 40px;background: url(../images/cuo.png) center no-repeat;background-size: 100%;position: absolute;right: -30px;top: -35px;cursor: pointer;}

.shiptc .shi_con video{width: 100%;height: 100%;}

.maodian{position: absolute;left: 0;top: 0;width: 100%;height: 1px;top: -98px;}

.product_banner{position: relative;}

.product_banner .img{overflow: hidden;}

.product_banner .img img{width: 100%;animation: fangdax 10s infinite linear alternate;}

@keyframes fangdax {
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}

}

.product_banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 70%;display: flex;align-items: center;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.06);}

.product_banner .txt .tc{width: 100%;width: 1010px;margin: 0 auto;transform: translateY(30px);}

.product_banner .txt .tc2{position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);}

.product_banner .txt .c1{line-height: 1.3;display: flex;align-items: baseline;justify-content: center; font-weight:bold;}

.product_banner .txt .c1 s{display: inline-block;width: 9px;height: 9px;border-radius: 100%;background: #fff;margin: 0 25px;}

.product_banner .txt .c1 span{display: inline-block;transform: translateY(3px);}

.product_banner .txt .c2{line-height: 30px;margin: 30px 0 45px;position: relative;}

.product_banner .txt .c2 s{display: inline-block;width: 1px;height: 25px;background: rgba(255, 255, 255, 0.5);margin: 0 22px 0 17px;}

.product_banner .txt .c2.fw{line-height: 45px;}

.product_banner .txt .c4{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 60px;height: 48px;}

.product_banner .txt .c4 .b{height: 48px;line-height: 46px;text-align: center;padding: 0 33px;border-radius: 50px ;border: 1px solid rgba(255, 255, 255, 0.3);margin-right: 20px;display: flex;align-items: center;}

.product_banner .txt .c4 .b:last-child{margin-right: 0;}

.product_banner .txt .c4 .b s{display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: rgba(255, 255, 255, 0.8);margin-right: 8px;display: none;}

/* .product_banner .txt .gd{padding-top: 5px;} */

.product_banner .txt .gd .ljg{width: 190px;height: 48px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 100px;padding: 0 22px 0 35px;align-items: center;display: flex;justify-content: space-between;margin: 0 auto;cursor: pointer;}

.product_banner .txt .gd .ljg span{color: #fff;line-height: 46px;}


.product_banner .txt .gd .ljg s{width: 24px;height: 24px;border-radius: 100%;display: block;background: url(../images/yuan.png) center no-repeat;background-size: 100% 100%;}

.product_banner .txt .gd .ljg:hover {border: 1px solid #172A88;}

.product_banner .txt .gd .ljg:hover span{color: #172A88;}

.product_banner .txt .gd .ljg:hover s{background-image: url(../images/yuan2.png);}

.product{padding: 60px 0 50px;position: relative;}

.product .con1{display: flex;justify-content: space-between;height: 70px;background: #e6e8eb;padding: 0 30px;}

.product .con1 .con_le{display: flex;align-items: center;}

.product .con1 .con_le .le1{display: flex;align-items: center;height: 100%;width: 200px;border-right: 1px solid #d7d9db;}

.product .con1 .con_le .le1 img{margin-left: 15px;}

.product .con1 .con_le .le2{padding-left: 5px;}

.product .con1 .con_le .le2 a{margin-left: 40px;}

.product .con1 .con_le .le2 a:hover span{color: #172A88;}

.product .con1 .con_le .le2 a:hover s::after{opacity: 1;}

.product .con1 .con_le .le2 a:hover s{border: 1px solid #172A88;}

.product .con1 .con_le .le2 a s{display: inline-block;width: 18px;height: 18px;border: 1px solid #e1e3e5;background: #fff;margin-right: 12px;position: relative;}

.product .con1 .con_le .le2 a s::after{content: "";width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;background: #172A88;transform: translate(-50%,-50%);opacity: 0;}

.product .con1 .con_le .le2 a.act s{border: 1px solid #172A88;}

.product .con1 .con_le .le2 a.act span{color: #172A88;}

.product .con1 .con_le .le2 a.act s::after{opacity: 1;}

.product .con1 .con_re{display: flex;align-items: center;}

.product .con1 .con_re a{display: flex;align-items: center;width: 135px;height: 44px;border: 1px solid #d7d9db;border-radius: 3px;justify-content: center;overflow: hidden;position: relative;}

.product .con1 .con_re a s{position: absolute;left: 0;bottom: 0;width: 100%;height: 0%;background: #172A88;}

.product .con1 .con_re a .i{position: relative;margin-right: 13px;z-index: 1;}

.product .con1 .con_re a .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.product .con1 .con_re a span{position: relative;z-index: 1;}

.product .con1 .con_re a:hover s{height: 100%;}

.product .con1 .con_re a:hover span{color: #fff;}

.product .con1 .con_re a:hover .i img:last-child{opacity: 1;}

.product .con1 .con_re a:hover .i img:first-child{opacity: 0;}

.product .con2{margin-top: 40px;}

.product .con2 .ul{display: flex;flex-wrap: wrap;}

.product .con2 .li{border: 1px solid #e1e3e5;border-radius: 3px;width: 18.75%;margin-right: 1.5625%;position: relative;margin-bottom: 23px;background: #fff;}

.product .con2 .li:nth-child(5n){margin-right: 0;}

.product .con2 .li .lit{display: flex;align-items: center;width: 100%;height: 50px;padding: 0 20px;justify-content: space-between;cursor: pointer;border-radius: 5px;}

.product .con2 .li .lit .tl{color: #222222;}

.product .con2 .li .lit .tr{position: relative;width: 14px;height: 14px;}

.product .con2 .li .lit .tr s{display: block;position: absolute;background: #c8cacc;}

.product .con2 .li .lit .tr s.s1{width: 100%;height: 2px;left: 0;top: 50%;transform: translateY(-50%);}

.product .con2 .li .lit .tr s.s2{width: 2px;height: 100%;top:0;left: 50%;transform: translateX(-50%);}

.product .con2 .li .lib{height: 0px;position: absolute;left: -1px;top: 50px;width: calc(100% + 2px);background: #fff;border: 1px solid #e1e3e5;border-top: 0;border-radius: 0 0 3px 3px;overflow: hidden;padding: 0 30px 0 25px;z-index: 20;}

.product .con2 .li .lib::before{width: calc(100% + 100px);height: 100%;position: absolute; top: 0; left: -30px;content: "";}

.product .con2 .li.act .lib{height: 76px;padding: 28px 30px 0 25px;}

.product .con2 .li .lib::after{content: "";width: calc(100% - 40px);left: 20px;top: 0;border-top: 1px dashed #d7d9db;position: absolute;}

.product .con2 .li.act .lit .tl{color: #172A88;}

.product .con2 .li.act .lit .tr s.s1{background: #172A88;}

.product .con2 .li.act s.s2{opacity: 0;}

.product .con2 .li:hover .lit .tl{color: #172A88;}

.product .con2 .li:hover .lit .tr s.s1,.product .con2 .li:hover .lit .tr s.s2{background: #172A88;}

/* .product .con2 .li2::after{content: "";width: 100%;height: 100%;position: fixed;left: 0;top: 0;} */

.product2{border-top: 1px solid #f0f2f5;}

.product2 .con1{padding: 40px 0;}

.product2_sw{padding-bottom:20px;}

.product2_sw .pagination_pr2{bottom:0;top:auto;}

.product2_sw .pagination_pr2 span{background:#172A88;}

.product2_sw.one-swiping .pagination_pr2{display:none;}



/* .product2 .con1 .swiper-slide{width: 200px;} */

.product2 .con1 .swiper-slide .ss{padding: 0 10px 0 30px;height: 40px;border-left: 1px solid #e1e3e6;line-height: 40px;position: relative;cursor: pointer;}

.product2 .con1 .swiper-slide:last-child .ss{border-right: 1px solid #e1e3e6;}

.product2 .con1 .swiper-slide .ss::after{content: "";width: 4px;position: absolute;top: 0;left: -1px; background:#172A88;height: 0;transition: all 0.6s;}

.product2 .con1 .swiper-slide.act .ss::after{height: 100%;transition: all 0.6s;}

.product2 .con1 .swiper-slide.act .ss,.product2 .con1 .swiper-slide.act .ss span{color: #172A88;}

.product2 .con1 .swiper-slide:hover .ss::after{height: 100%;transition: all 0.6s;}

.product2 .con1 .swiper-slide:hover .ss,.product2 .con1 .swiper-slide:hover .ss span{color: #172A88;}

.product2 .con2{background: #f5f7fa;padding: 35px 0 0px;position: relative;}

.product2 .con2 .ul{display: flex;flex-wrap: wrap;}

.product2 .con2 .ul.act{justify-content: center;}

.product2 .con2 .ul .li{width: 24.025%;margin-right: 1.3%;background: #fff;position: relative;margin-bottom: 40px;}
.product2 .con2 .ul .li .img{ 
height:400px;
display: flex;
    align-items: center;    /* 垂直上下居中 */
    justify-content: center;/* 水平居中 */
    overflow: hidden;       /* 图片超出容器裁剪，避免变形溢出 */}
.product2 .con2 .ul .li  img{ max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: contain; /* 保持原图比例完整显示，不变形；需要铺满可改为 cover */}

.product2 .con2 .ul .li:last-child{margin-right: 0;}

.product2 .con2 h3{ text-align:center; margin-bottom:50px;}

.product2 .con2 .ul .li .duib{position: absolute;top: 20px;right: 20px;display: flex;align-items: center;cursor: pointer;}

.product2 .con2 .ul .li .duib s{display: block;width: 18px;height: 18px;border: 1px solid #d7d9db;border-radius: 2px;position: relative;margin-right: 10px;}

.product2 .con2 .ul .li .duib s::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 2px;background: #d7d9db;opacity: 0;transition: all 0.6s;}

.product2 .con2 .ul .li .duib s::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 2px;height: 8px;background: #d7d9db;opacity: 0;transition: all 0.6s;}

.product2 .con2 .ul .li.act .duib s::after,.product2 .con2 .ul .li.act .duib s::before{opacity: 1;background: #172A88;}

.product2 .con2 .ul .li .duib:hover s::after,.product2 .con2 .ul .li .duib:hover s::before{opacity: 1;}

.product2 .con2 .ul .li.act .duib s{border: 1px solid #172A88;}

.product2 .con2 .ul .li.act .duib span{color: #172A88;}

.product2 .con2 .ul .li .img img{display: block;margin: 0 auto;max-width: 260px; }

.product2 .con2 .ul .li a{display: block;padding: 25px 20px 40px;}

.product2 .con2 .ul .li:nth-child(4n){margin-right: 0;}

.product2 .con2 .ul .li .txt{text-align: center;}

.product2 .con2 .ul .li .txt .t1{margin: 20px 0 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.product2 .con2 .ul .li .txt .t3{width: 60px;height: 32px;display: flex;align-items: center;justify-content: center;border: 1px solid #172A88;margin: 0 auto;border-radius: 100px;}

.product2 .con2 .ul .li:hover .img img{transform: scale(1.05);}

.product2 .con2 .ul .li:hover .t1{color: #172A88;}

.product2 .con3{padding: 10px 0 100px;background: #f5f7fa;}

/* 对比弹窗 */

.duibtc{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 20;background: #fff;border-top: 1px solid #e1e3e5;padding: 50px 0 30px;display: none;}

.duibtc .duib_con{display: flex;justify-content: space-between;}

.duibtc .duib_con .con_le{width: 270px;}

.duibtc .duib_con .con_re{width: calc(100% - 270px);}

.duibtc .duib_con .con_re .ul{display: flex;}

.duibtc .duib_con .con_re .ul .li{background: #ebedf0;width: 24.025%;margin-right: 1.3%;position: relative;}

.duibtc .duib_con .con_re .ul .li .gb{width: 15px;height: 15px;position: absolute;right: 10px;top: 10px;cursor: pointer;z-index: 2;background: url(../images/pro2_9.png) center no-repeat;background-size: 100%;}

.duibtc .duib_con .con_re .ul .li .gb:hover{background-image: url(../images/pro2_10.png);}

.duibtc .duib_con .con_re .ul .li:last-child{margin-right: 0;}

.duibtc .duib_con .con_re .ul .li .img img{margin: 0 auto;transform: scale(1.05);}

.duibtc .duib_con .con_re .ul .li .txt{position: absolute;bottom: 25px;left: 0;width: 100%;text-align: center;}

.duibtc .duib_con .con_re .ul .li:hover .img img{transform: scale(1.1);}

.duibtc .duib_con .con_re .ul .li:hover .txt{color: #172A88;}

.duibtc .duib_con .con_re .ul .li .tj{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}

.duibtc .duib_con .con_re .ul .li .tj s{display: block;position: absolute;background: #909499;}

.duibtc .duib_con .con_re .ul .li .tj s.s1{width: 4px;height: 60px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.duibtc .duib_con .con_re .ul .li .tj s.s2{width: 60px;height: 4px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.duibtc .duib_con .con_re .ul .li .tj:hover s{background: #172A88;}

.duibtc .con2{display: flex;justify-content: center;margin-top: 30px;}

.duibtc .con2 a{margin: 0 15px;}

.duibtc .duib_con .guanb{position: absolute;right: -75px;top: 0;cursor: pointer;color: #172A88;}

/* .duibtc .duib_con .guanb:hover{background-image: url(../images/pro2_12.png);border: 1px solid #172A88;} */

.product2 .con2 .lbbg {display: flex;justify-content: space-between;margin-bottom: 38px;}

.product2 .con2 .lbbg .lr{display: flex;align-items: center;}

.product2 .con2 .lbbg a{display: flex;align-items: center;margin-right: 25px;}

.product2 .con2 .lbbg a:last-child{margin-right: 0;}

.product2 .con2 .lbbg a .i{position: relative;margin-right: 10px;}

.product2 .con2 .lbbg a .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.product2 .con2 .lbbg a.act .i img:last-child{opacity: 1;}

.product2 .con2 .lbbg a.act .i img:first-child{opacity: 0;}

.product2 .con2 .lbbg a.act span{color: #172A88;}

.product2 .con2 .lbbg a:hover .i img:last-child{opacity: 1;}

.product2 .con2 .lbbg a:hover  .i img:first-child{opacity: 0;}

.product2 .con2 .lbbg a:hover  span{color: #172A88;}

.product2 .con2 .ull{padding-bottom: 30px;}

.product2 .con2 .lil{display: flex;line-height: 1.5;position: relative;border-bottom: 1px solid #e1e3e5;}

.product2 .con2 .lil:nth-child(even){background: #fff;}

.product2 .con2 .lil .shu{border-right: 1px solid #e1e3e5;display: flex;align-items: center;}

.product2 .con2 .lil .shu .k{padding: 17px 0;}

.product2 .con2 .lil .shu:first-child{border-left: 1px solid #e1e3e5;padding-left:10px;}

.product2 .con2 .lil .shu1{justify-content: left;}

.product2 .con2 .lil .shu:last-child{justify-content: center;}


.product2 .con2 .lil::after{content: "";width: 4px;height: 0%;top: 50%;transform: translateY(-50%); left: 0;background: #172A88;position: absolute;transition: all 0.6s;}

.product2 .con2 .lil:first-child::after{content: none;}

.product2 .con2 .lil .shu{width: 10%;padding: 0 10px;}

.product2 .con2 .lil .shu1{width: 14%;text-align: left;}

.product2 .con2 .lil .shu2{width: 14%;}

.product2 .con2 .lil .shu3{width: 11%;}

.product2 .con2 .lil .shu4{width: 8%;}

.product2 .con2 .lil .shu5{width: 8%;}

.product2 .con2 .lil .shu6{width: 13%;}

.product2 .con2 .lil .shu7{width: 9%;}

.product2 .con2 .lil .shu8{width: 10%;}

.product2 .con2 .lil .shu9{width: 10%;}

.product2 .con2 .lil .shu10{width:6%;}

.product2 .con2 .lil .shu11{width: 8%;}

.product2 .con2 .lil .shu12{width: 5%;}

.product2 .con2 .lil .shu13{width: 5%;}


.product2 .con2 .lil:first-child{border-top: 2px solid #e1e3e5;border-bottom: 1px solid #e1e3e5;line-height: 1;background: #01273f;color: #fff;}

.product2 .con2 .lil:first-child .k{padding: 25px 0;}

.product2 .con2 .lil .sk{overflow: hidden;display: flex;justify-content: center;}

.product2 .con2 .lil .sk img{width: 18px;height: 18px;margin-right:5px;border-radius: 100%;overflow: hidden;}

.product2 .con2 .lil .sk img:last-child{margin-right: 0;}

.product2 .con2 .lil .db{width: 18px;height: 18px;border: 1px solid #d7d9db;border-radius: 1px;background: #fff;margin: 0 auto;cursor: pointer;position: relative;}

.product2 .con2 .lil .db s{display: block;position: absolute;background: #d7d9db;opacity: 0;}

.product2 .con2 .lil .db s.s1{width: 8px;height: 2px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.product2 .con2 .lil .db s.s2{width: 2px;height: 8px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.product2 .con2 .lil .db:hover s{opacity: 1;}

.product2 .con2 .lil .shu1:hover a{color: #172A88;}
.product2 .con2 .lil:hover:after{height: 100%;}

.product2 .con2 .lil.act .db s{opacity: 1;background: #172A88;}

.product2 .con2 .lil.act .db{border: 1px solid #172A88;}

.product2 .con2 .lil.act .shu1 a{color: #172A88;}

.product2 .con2 .lil.act::after{height: 100%;transition: all 0.6s;}


.erjidh{height: 70px;background: #fff;}

.erjidh .er_con{display: flex;height: 100%;border-bottom: 1px solid #ebedf0;}

.erjidh .er_con a{display: block;height: 100%;line-height: 70px;position: relative;margin-right: 50px;}

.erjidh .er_con a:last-child{margin-right: 0;}

.erjidh .er_con a::after{content: "";width: 0%;left: 50%;transform: translateX(-50%);height: 3px;background: #172A88;position: absolute;bottom: -1px;transition: all 0.6s;}

.erjidh .er_con a.act::after{width: 100%;}

.erjidh .er_con a.act{color: #172A88;}

.erjidh .er_con a:hover::after{width: 100%;}

.erjidh .er_con a:hover{color: #172A88;}


/* 分页 */

.fys{display: block;}

.fys .uls{display: flex;align-items: center;justify-content: center;}

.fys .uls .lis{width: 32px;height: 32px;text-align: center;line-height: 32px;margin: 0 10px;border-radius: 2px;color: #666666;}

.fys .uls .lis1{display: none;}

.fys .uls .lis a{color: #999999;}

.fys .uls .lis.li_zuo{position: relative;width: 28px;height: 28px;border: 1px solid #b1b3b5;margin: 0 30px;border-radius: 100%;}

.fys .uls .lis.li_zuo.you {transform: rotate(180deg);}

.fys .uls .lis.li_zuo img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.fys .uls .lis input{width: 32px;height: 32px;text-align: center; outline: none;border:1px solid #afb1b2;border-radius: 2px;margin: 0 12px;background: transparent;}

.fys .uls .lis.in{width: auto;}

.fys .uls .lis.ls{border: 1px solid #e1e3e6;}

.fys .uls .lis a{display: block;border-radius: 2px;font-family: Arial;}

.fys .uls .lis a:hover{color: #fff;background: #172A88;}

.fys .uls .lis.li_zuo a:hover img:last-child{opacity: 1;}

.fys .uls .lis.li_zuo a:hover img:first-child{opacity: 0;}

.fys .uls .lis.act a{color: #fff;background: #172A88;}

.fys .uls .lis.li_zuo:hover{border: 1px solid #172A88;}

.fys .uls .lis.li_zuo:hover a{background: transparent;}

.fys .uls .lis1:hover a{background: transparent;color: #172A88;}

.jiaz{width: 150px;height: 50px;line-height: 50px;background: url(../images/jb.png) center no-repeat;background-size: contain;text-align: center;color: #fff;display: block;margin: 0 auto;display: none;}

.prode1{background: #f7f9fc;position: relative;}

.prode1 .prode1_con{display: flex;justify-content: space-between;}

.prode1 .prode1_con .con_le{width: 53.9%;padding: 120px 0 20px;}

.prode1 .prode1_con .con_re{width: 40%;background: #ebedf0;padding: 230px 0 330px;position: relative;}

.prode1 .prode1_con .con_re::after{content: "";width: 100%;height: 100%;position: absolute;left: 100%;background: #ebedf0;top: 0px;}


.prode1 .prode1_con .con_re .pic{width: 25px;height: 25px;position: absolute;right: 0;top: 0;cursor: pointer;background: url(../images/ss2.svg) center no-repeat;background-size: 25px 25px;}

.prode1 .prode1_con .con_re .pic img{opacity: 0;}

.prode1 .prode1_con .con_re .re1{margin-left:10%;padding: 30px 0 0;position: relative;z-index: 10;}

.prode1 .prode1_con .con_re .re1 .zoom{transform: translateX(5%);width: 110%;}



.prode1 .prode1_con .con_le .le2{line-height: 35px;margin: 25px 0 40px;padding-right: 20px;}

.prode1 .prode1_con .con_le .le3{line-height: 30px;text-align: justify;padding-right: 20px;}

.prode1 .zgdh{display: flex;justify-content: space-between;position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}

.prode1 .zgdh .ag_re{width: 41.5%;position: absolute;right: 0;bottom: 60px;color: #e1e3e5;}

.prode1 .zgdh .ag_re .swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: linear;   -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;  }

.prode1 .zgdh .ag_re .swiper-slide{width: auto;}

.prode1 .prode1_con .con_le .le4{margin-top: 45px;max-height: 57vh;overflow-y: auto;padding-right: 20px;}

.prode1 .prode1_con .con_le .le4::-webkit-scrollbar{ width:4px;height: 1px;}

.prode1 .prode1_con .con_le .le4::-webkit-scrollbar-thumb{ background:#172A88;}

.prode1 .prode1_con .con_le .le4::-webkit-scrollbar-track{ background:#172A8850;} 

.prode1 .prode1_con .con_le .le4 .ul{}

.prode1 .prode1_con .con_le .le4 .li{padding:0;border-top: 1px solid #e1e3e5;}

.prode1 .prode1_con .con_le .le4 .li img{width: 100%;}

.prode1 .prode1_con .con_le .le4 .li a{display: block;}

.prode1 .prode1_con .con_le .le4 .li:last-child{border-bottom: 1px solid #e1e3e5;}

.prode1 .prode1_con .con_le .le4 .li .lit{padding: 28px 0; line-height: 26px;cursor: pointer;background: url(../images/prode_1.png) right center no-repeat;background-size: 15px 15px;}

.prode1 .prode1_con .con_le .le4 .li.act .lit{background-image: url(../images/prode_2.png);}

.prode1 .prode1_con .con_le .le4 .li .lib{display: none;}

.prode1 .prode1_con .con_le .le4 .li .lib .pss{width: 100%;display: flex;flex-wrap: wrap;}

.prode1 .prode1_con .con_le .le4 .li .lib p{width: 48%;line-height: 26px;margin-bottom: 12px;padding-left: 15px;position: relative;padding-right: 20px;}

.prode1 .prode1_con .con_le .le4 .li .lib p::after{content: "";width: 6px;height: 6px;border-radius: 100%;background: #818384;position: absolute;top: 10px;left: 0;}

.prode1 .prode1_con .con_le .le4 .li.act{padding: 0px 0 15px;}

.prode2{}

.prode2 .con1{text-align: center;margin-bottom: 60px;}

.prode2 .con2{}

.prode2 .con2 .ul{display: flex;flex-wrap: wrap;}
 
.prode2 .con2 .ul .li{width: 100%;display: flex;align-items: center;flex-wrap: wrap;background: #f7f9fc;}

.prode2 .con2 .ul .li:nth-child(2n){background: #fff;}

.prode2 .con2 .ul .li .ll{width: 50%;display: flex;align-items: center;border-right: 1px solid #ebedf0;padding: 12px  60px;height: 100%;}

.prode2 .con2 .ul .li .ll:last-child{border: 0;}

.prode2 .con2 .ul .li p{width: 50%;line-height: 26px;}


.prode3{background: #f7f9fc;padding: 100px 0 50px;}

.prode3 .con1{text-align: center;margin-bottom: 50px;}

.prode3 .con2{position: relative;}

.prode3 .con2::after{content: "";width: 100%;top: calc(50% - 15px);left: 0;border-bottom: 1px dashed #e1e3e5;height: 1px;position: absolute;}

.prode3 .con2.act::after{content: none;}


.prode3 .con2  .swiper-container{padding-bottom: 30px;}

.prode3 .con2 .ul{display: flex;margin-bottom: 60px;}

.prode3 .con2 .ul:last-child{margin-bottom: 0;}

.prode3 .con2 .ul .li{width: 30%;margin-right: 5%;}

.prode3 .con2 .ul .li:last-child{margin-right: 0;}

.prode3 .con2 .ss{position: relative;}

.prode3 .con2 .ss::after{content: "";width: 1px;height: 60px;position: absolute;right: -30px;background: #e1e3e5;top: 50%;transform: translateY(-50%);}

.prode3 .con2 .ss .s1{line-height: 24px;margin-bottom: 7px;}

.prode3 .con2 .ss .s2{line-height: 20px;}

.prode3 .con2 .index2_sp{width: 100% !important;display: block;bottom: 0px !important;left: 0 !important;}

.prode4{}

.prode4 .con1{text-align: center;margin-bottom: 75px;}

.prode4 .con2{display: flex;justify-content:space-between;flex-wrap: wrap;}

.prode4 .con2 .con_le{width: 45%;margin-bottom: 30px;}

.prode4 .con2 .con_le .le1{margin-bottom: 45px;}

.prode4 .con2 .con_le .le2{}

.prode4 .con2 .con_le .le2 .swiper-slide{border-bottom: 1px dashed #e1e3e6;}

.prode4 .con2 .con_le .le2 .swiper-slide:nth-child(3n){border: 0;}

.prode4 .con2 .con_le .le2 .li{display: flex;align-items: center;justify-content: space-between;padding: 0 0 35px ;}

.prode4 .con2 .con_le .le2 .li .i{position: relative;width: 20px;margin-right: 10px;}

.prode4 .con2 .con_le .le2 .li .lr span{color:#45494c}

.prode4 .con2 .con_le .le2 .li .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.prode4 .con2 .con_le .le2 .li .ll{width: calc(100% - 220px);  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.prode4 .con2 .con_le .le2 .li .lr{display: flex;align-items: center;}

.prode4 .con2 .con_le .le2 .li a{display: flex;align-items: center;margin-right: 40px;}

.prode4 .con2 .con_le .le2 .li a:last-child{margin-right: 0;}

.prode4 .con2 .con_le .le2 .li a:hover span{color: #172A88;}

.prode4 .con2 .con_le .le2 .li a:hover .i img:last-child{opacity: 1;}

.prode4 .con2 .con_le .le2 .li a:hover .i img:first-child{opacity: 0;}

.prode4 .con2 .con_le .le2 .li:hover .ll{color: #172A88;}

.prode4 .con2 .con_le .le2 .swiper-container {padding-bottom: 30px;}

.prode4 .con2 .con_le .le2 .index2_sp {width: 100% !important;display: block;bottom: 0px !important;left: 0 !important;}

.prode5{background: #f7f9fc;padding: 100px 0 70px;}


.prode5 .con1{text-align: center;margin-bottom: 60px;}

.prode5 .con2{}

.prode5 .con2 .swiper-container{padding-bottom: 30px;}


.prode5 .con2 a{display: block;}

.prode5 .con2 .img{overflow: hidden;}

.prode5 .con2 .img img{width: 100%;transition: all 0.6s;}

.prode5 .con2 .t1{padding-top: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.6s;}

.prode5 .con2 .t2{margin: 22px 0 40px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.prode5 .con2 .t3{display: flex;color: #172A88;align-items: center;}

.prode5 .con2 .t3 img{margin-left: 10px;}

.prode5 .con2 a:hover .img img{transform: scale(1.05);}

.prode5 .con2 a:hover .t1{color: #172A88;}

.prode5 .index2_sp {width: 100% !important;bottom: 0 !important;display: block ;}

.dingye{background: #f0f3f5;}

.dingye .ding_con{display: flex;justify-content: space-between;height: 200px;align-items: center;}

.dingye .ding_con .con_le{width: 60%;}

.dingye .ding_con .con_le .le1{margin-bottom: 20px;}

.dingye .ding_con .con_le .le2{line-height: 28px;}

.dingye .ding_con .con_re{width: 36.25%;}

.dingye .ding_con .con_re a{display: block;width: 100%;height: 60px;background: #f5f8fa;border: 1px solid #e6e9eb;line-height: 58px;padding-left: 20px;color: #999999;}

.dingye .ding_con .con_re a:hover{color: #172A88;border: 1px solid #172A88;}

.tabulation .con2{background: #f5f7fa;padding: 60px 0 0px;}

.contrast{background: #f5f8fa;padding: 190px 0 120px;}

.contrast .con1{display: flex;justify-content: space-between;margin-bottom: 50px;}

.contrast .con1 .con_re{display: flex;align-items: center;}

.contrast .con1 .con_re .qei{}

.contrast .con1 .con_re .qei p{margin-right: 10px;}

.qei{display: flex;align-items: center;margin-right: 33px;cursor: pointer;}

.qei:last-child{margin-right: 0;}

.qei p{width: 40px;border-radius: 100px;overflow: hidden;height: 20px;background: #c8cacc;position: relative;}

.qei p s{display: block;width: 16px;height: 16px;background: #fff;position: absolute;left: 2px;top: 2px;border-radius: 100%;}

.qei.act p{background:#172A88;}

.qei.act p s{left: auto;right: 2px;}


.contrast .con2{display: flex;padding: 45px 0 0;background: #ebedf0;text-align: center;}

.contrast .cons .c{width: 21.75%;position: relative;}

.contrast .cons .c .gb{width: 15px;height: 15px;background: url(../images/pro2_9.png) center no-repeat;background-size: 100%;position: absolute;right: 30px;top: -25px;cursor: pointer;}

.contrast .cons .c .gb:hover{background-image:url(../images/pro2_10.png) ;}

.contrast .cons .c1{padding-left: 25px;width: 13%;text-align: left;}

.contrast .cons  img{margin: 0 auto;max-width: 260px;}

.contrast .con3 .li{display: flex;text-align: center;padding: 16px 0;line-height: 28px;border-bottom: 1px dashed #e1e3e6;}

.contrast .cons .c.liang.act span{color: #172A88;}

.contrast .con4{margin-top: 50px;display: flex;justify-content: space-between;}

.area{padding: 80px 0 80px;background: #f5f7fa;min-height: 50vh;}

.area .ul{display: flex;flex-wrap: wrap;}

.area .ul .li{width: 31.875%;margin-right: 2.1875%;margin-bottom: 35px;}

.area .ul .li a{display: block;}

.area .ul .li .img{overflow: hidden;}

.area .ul .li .img img{width: 100%; height:360px;}

.area .ul .li:nth-child(3n){margin-right: 0;}

.area .ul .li .txt{background: #fff;padding: 38px 38px 58px;}

.area .ul .li .t1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.area .ul .li .t2{margin: 22px 0 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 16px;display: none;}

.area .ul .li .t3{ display: flex;color: #172A88;align-items: center;margin-top: 30px;}

.area .ul .li .t3 img{    margin-left: 10px;}

.area .ul .li:hover .img img{transform: scale(1.05);}

.area .ul .li:hover .txt .t1{color: #172A88;}

.area2_1{background: #f0f3f5;padding: 145px 0 185px;position: relative;overflow: hidden;}

.area2_1 .area21_con{width: 885px;margin: 0 auto;text-align: center;position: relative;z-index: 1;}

.area2_1 .area21_con .con1{margin-bottom: 15px;line-height: 35px;}

.area2_1 .area21_con .con2{line-height: 30px;}

.area2_1  .logod{width:72.9% ;left: 50%;transform: translateX(-50%);bottom: 0;position: absolute;}

.area2_2{padding: 100px 0 60px;}

.area2_2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.area2_2 .ul .li{width: 48.7%;margin-bottom: 40px;}

.area2_2 .ul .li a{display: block;position: relative;}

.area2_2 .ul .li a .img {overflow: hidden;}

.area2_2 .ul .li a .img  img{width: 100%; height:400px;}

.area2_2 .ul .li a  .txt{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;padding: 35px 40px;background:repeating-linear-gradient(to top,#00000050,#00000000);}

.area2_2 .ul .li a  .txt .t1{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.area2_2 .ul .li a  .txt .t2{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin: 20px 0 35px;color: rgba(255, 255, 255, 0.8);}

.area2_2 .ul .li a  .txt .t3{display: flex;align-items: center;}

.area2_2 .ul .li a  .txt .t3 img{margin-left: 10px;}

.area2_2 .ul .li a:hover .img img{transform: scale(1.05);}

.yuandh{width: 28px;height: 16px;position: relative;margin: 0 auto ;}

.yuandh s{display: block;position: absolute;width: 16px;height: 16px;top: 0;background: #172A88;border-radius: 100%;}

.yuandh s.s1{left: 0;animation:  yuand1 2s infinite linear alternate;}

.yuandh s.s2{right: 0;animation:  yuand2 2s infinite linear alternate;}

@keyframes yuand1 {
    0%{opacity: 1;}
    70%{opacity: 0.5;}
    100%{opacity: 0.7;}

}


@keyframes yuand2 {
    0%{opacity: 0.5;}
    70%{opacity: 1;}
    100%{opacity: 1;}

}
.area3_1{}

.area3_1 .area31_con{width: 890px;margin: 0 auto;text-align: center;}

.area3_1 .area31_con .con2{margin: 45px 0 40px;}

.area3_1 .area31_con .con3{line-height: 30px;}

.area3_1 .area31_con .con4{display: flex;justify-content: center;margin-top: 55px;flex-wrap: wrap;}

.area3_1 .area31_con .con4 span{display: flex;align-items: center; height: 50px;color: #172A88;border-radius: 50px;border: 1px solid #172A88;padding: 0 40px;margin-right: 30px;margin-bottom: 8px;}

.area3_1 .area31_con .con4 span:last-child{margin-right: 0;}

.area3_1 .area31_con .con4 span s{display: block;width: 6px;height: 6px;border-radius: 100%;margin-right: 10px;background: #172A88;display: none;}

.area3_2{background: url(../images/area3_4.jpg) center no-repeat fixed;background-size: cover;}

.area3_2 img{width: 100%;}

.area4_3{background: #f5f7fa;}

.area4_3 .con1{text-align: center;}

.area4_3 .con1 .c2{margin: 35px 0 65px;line-height: 30px;}

.area4_3 .con2{}

.area4_3 .con2 .ss{background: #fff;width: 100%;padding:20px 0 40px;}


.area4_3 .con2 .ss .img{transform: translateY(10px);}


.area4_3 .con2 .ss .img img{margin: 0 auto;}

.area4_3 .con2 .txt{text-align: center;padding: 0 10px;}

.area4_3 .con2 .ss .t1{    overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.area4_3 .con2 .ss .t2{margin: 18px 0 28px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.area4_3 .con2 .ss .t3{width: 60px;height: 30px;display: flex;align-items: center;justify-content: center;margin: 0 auto;border: 1px solid #172A88;border-radius: 30px;}

.area4_3 .con2  .swiper-container{padding-bottom: 50px;}

.area4_3 .con2 .index2_sp{width: 100% !important;bottom: 0 !important;display: block;}

.area4_3 .con2 a:hover .img img{transform: scale(1.05);}

.area4_3 .con2 a:hover .txt .t1{color: #172A88;}


.area43_prev,.area43_next{width: 54px;height: 54px;border: 1px solid #172A88;border-radius: 100%;background: url(../images/area4_5.png) center no-repeat;background-size: 100% 100%;margin: 0px;top:55%;}

.area43_prev{transform: rotate(180deg);left: -95px;}

.area43_next{right: -95px;}

.area43_prev:hover,.area43_next:hover{background:#172A88 url(../images/area4_6.png) center no-repeat;background-size: 100% 100%;}

/* 技术服务 */

.techno1{position: relative;}

.techno1 .cont{text-align: center;margin-bottom: 60px;}

.techno1 .cons{}

.techno1 .cons .con{position: relative;display: flex;justify-content: space-between;}

.techno1 .cons .con .cs{display: flex;justify-content: space-between; position: relative;align-items: center;}



/* .techno1 .cons .con:first-child{padding: 0 0 100px;} */

.techno1 .cons .con:nth-child(2n){background: #f7f9fc;}

.techno1 .cons .con .con_le{width: 34%;}

.techno1 .cons .con .con_re{width: 50%;}

.techno1 .cons .con .res1{display: none;}

.techno1 .cons .con:nth-child(2n) .res1{display: block;}

.techno1 .cons .con:nth-child(2n)  .res2{display: none;}


/* .techno1 .cons .con .con_re img{max-height: 300px;} */

.techno1 .cons .con .con_re img{width: 100%;}

.techno1 .cons .con .con_le .le1{margin-bottom: 40px; font-weight:bold;}

.techno1 .cons .con .con_le .le2{margin: 0 0 35px;line-height: 40px;text-align: justify;}

.techno1 .cons .con .con_le .le3{line-height: 35px;}

.ackgd{border: 1px solid #172A88; width:150px; height:45px; line-height:45px; display:block; text-align:center; margin-top:30px;border-radius: 100px;}
.ackgd:hover{background-color:#172A88; color:#FFFFFF;}	

/* .techno1 .cons .con:nth-child(2n) .con_le{float: right;} */

.techno1 .cons .con:nth-child(2n) .con_le .le3 p{padding-right: 20px;}

/* .techno1 .cons .con:nth-child(2n) .con_le .le3 p::after{left: auto;right: 0;} */

/* .techno1 .cons .con:nth-child(2n) .con_re{float: left; right: auto;left: 0;} */


.techno1 .cons .con1 .con_re{width: 50%;}

.techno1 .cons .con1 .con_le{width: 36.25%;}

.techno1 .cons .con2 .con_re{width: 40%;}

.techno1 .cons .con2 .con_le{width: 50%;}

.techno1 .cons .con3 .con_re{width: 48%;}

.techno1 .cons .con3 .con_le{width: 45%;}

.techno1 .cons .con4 .con_re{width: 40.625%;}

.techno1 .cons .con4 .con_le{width: 52%;}

.techno1 .cons .con5 .con_re{width: 35%;}

.techno1 .cons .con5 .con_le{width: 60%;}

.techno1 .cons .con6 .con_re{width: 44.375%;}

.techno1 .cons .con6 .con_le{width: 52%;}

.techno2{padding: 100px 0 80px;position: relative;}


.techno3{background: #f7f9fc;position: relative;}

.techno3 .tech3_con{width: 1200px;margin: 0 auto;}

.techno3 .tech3_con .con1{text-align: center;}

.techno3 .tech3_con .con1 .c2{line-height: 30px;margin: 33px 0;}

.techno3 .tech3_con .con2{}

.techno3 .tech3_con .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.techno3 .tech3_con .con2 .ul .li{width: 49.5%;margin-bottom: 23px;}

.techno3 .tech3_con .con2 .ul .li2{width: 100%;}

.techno3 .tech3_con .con2 .ul .li .in{border: 1px solid #e1e3e5;border-radius: 5px;background: #fff;width: 100%;height: 60px;position: relative;display: flex;padding-left: 20px;line-height: 58px;}

.techno3 .tech3_con .con2 .ul .li .in .dizhi{width: 100%;display: flex;justify-content: space-between;}

.techno3 .tech3_con .con2 .ul .li .in .dizhi .di{width: 32%;position: relative;padding-left: 20px;}

.techno3 .tech3_con .con2 .ul .li .in .dizhi .chosen-container{top: -2px;}


.techno3 .tech3_con .con2 .ul .li .in p{display: block; white-space: nowrap;color: #8a9199;}

.techno3 .tech3_con .con2 .ul .li .in p span{color: #172A88;}

.techno3 .tech3_con .con2 .ul .li .in .ewm{position: absolute;right: 4px;top: 4px;width: 130px;height: 50px;cursor: pointer;}

.techno3 .tech3_con .con2 .ul .li .in .ewm img{width: 100%;height: 100%;}

.techno3 .tech3_con .con2 .ul .li .in input{width: 100%;height: 100%;font-size: 16px;color: #333;border: 0;outline: none;padding-left: 10px;}

.techno3 .tech3_con .con2 .ul .li2{width: 100%;}

.techno3 .tech3_con .con2 .ul .li2 .in2{height: 140px;}

.techno3 .tech3_con .con2 .ul .li2 .in2 textarea{width: 100%;height: 100%;line-height: 60px;padding-left: 18px;font-size: 16px;color: #333;border: 0;outline: none;resize:none;font-family: Arial;}

.techno3 input::-webkit-input-placeholder{
    color:#8a9199;
    font-size:16px;
}
.techno3 input:-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.techno3 input::-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.techno3 input:-ms-input-placeholder {
    color:#8a9199;
    font-size:16px;
}
.techno3 textarea::-webkit-input-placeholder{
    color:#8a9199;
    font-size:16px;
}
.techno3 textarea:-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.techno3 textarea::-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.techno3 textarea:-ms-input-placeholder {
    color:#8a9199;
    font-size:16px;

}

.techno3 .tech3_con .con3{display: flex;align-items: center;color: #737980;}

.techno3 .tech3_con .con3 s{width: 16px;height: 16px;background: #fff;position: relative;border: 1px solid #e1e3e5;border-radius: 3px;display: block;margin-right: 8px;cursor: pointer;}

.techno3 .tech3_con .con3 s::after{content: "";width: 9px;height: 9px;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;background: #666666;opacity: 0;}

.techno3 .tech3_con .con3 s.act::after{opacity: 1;}

.techno3 .tech3_con .con3 a{color: #172A88;}

.techno3 .tech3_con .con4{display: flex;justify-content: center;margin-top: 20px;}

.tijiao{width: 200px;height: 50px;border: 1px solid #172A88;border-radius: 5px;color: #172A88;text-align: center;line-height: 48px;position: relative;}

.tijiao span{position: relative;z-index: 1;display: block;}

.tijiao s{display: block;width: 100%;height: 0%;background: #172A88;left: 0;bottom: 0;position: absolute;}

.tijiao:hover s{height: 100%;}

.tijiao:hover span{color: #fff;}


/* 新闻 */

.news1{position: relative; margin-bottom:60px;}

.news1 .new1_con{display: flex;justify-content: center;}

.news1 .new1_con a{display: block;height: 50px;padding: 0 50px;background: #fff;border: 1px solid #e6e9eb;border-radius: 50px;margin-right: 20px;line-height: 48px;position: relative;overflow: hidden;}

.news1 .new1_con a:last-child{margin-right: 0;}

.news1 .new1_con a span{position: relative;z-index: 1;}

.news1 .new1_con a  s{width: 100%;height: 0%;background: #172A88;position: absolute;left: 0;bottom: 0;}

.news1 .new1_con a:hover s{height: 100%;}

.news1 .new1_con a:hover span{color: #fff;}

.news1 .new1_con a.act s{height: 100%;}

.news1 .new1_con a.act span{color: #fff;}

.new2{background:#f0f2f5 ;padding-bottom: 80px;}

.new2 a{display: block;position: relative;}

.new2 a::after{content: "";width: 0%;height: 6px;background: #172A88;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: all 0.6s;}

.new2 a .img {overflow: hidden;position: relative;}

.new2 a .img img{width: 100%;}

.new2 a .img img:first-child{opacity: 0;}

.new2 a .img img:last-child{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.001);}

/* .new2 a .img img{transition: all 0.6s;} */

.new2 a .txt{padding: 32px 40px 50px;background: #fff;}

.new2 a .txt .t1{ display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 35px;height: 70px;margin-bottom: 15px;}

.new2 a .txt .t2{ display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 28px;height: 56px;}

.new2 a .txt .t3{display: flex;align-items: center;margin-top: 30px;}

.new2 a .txt .t3 img{margin-right: 7px;color: #6e7073;}

.new2 a:hover:after{width: 100%;}

.new2 a:hover .t1{color: #172A88;}

.new2 a:hover .img img{transform: translate(-50% , -50%) scale(1.05);}

.new2 .swiper-container{padding-bottom: 43px;}

.new2 .swiper-container .index2_sp{width: 100% !important;display: block;bottom: 0 !important;}

.new3{}

.new3 .ul{min-height: 0vh;}

.new3 .li{margin-bottom: 20px;}

.new3 .li a{display: flex;justify-content: space-between;padding: 40px;background: #f5f7fa;align-items: flex-start;}

.new3 .li a .ll{width: 70%;}

.new3 .li a .lr{width: 23.75%;overflow: hidden;position: relative;}

.new3 .li a .lr img{width: 100%;}

.new3 .li a .lr img:first-child{opacity: 0;}

.new3 .li a .lr img:last-child{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.001);}

.new3 .li a .ll .l1{display: flex;align-items: center;color: #6e7073;}

.new3 .li a .ll .l1 img{margin-right: 7px;}

.new3 .li a .ll .l2{   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 35px 0 22px;}

.new3 .li a .ll .l3{line-height: 28px; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;height: 56px;}

.new3 .li a .ll .l4{margin-top: 50px;display: flex;align-items: center;color: #172A88;}

.new3 .li a .ll .l4 img{margin-left: 7px;}

.new3 .li a:hover .lr img{transform:translate(-50%,-50%)  scale(1.05);}

.new3 .li a:hover .ll .l2{color: #172A88;}

.new3 .con{margin-top: 40px;}


.details1{height: 76px;}

.details12{padding-top: 150px;background: #f5f7fa;height: auto;}


.details1 .deta_con{display: flex;align-items: center;height: 100%;}

.details1 .deta_con a{display: block;color: #45494c;}

.details1 .deta_con img{margin: 0 15px;}

.details1 .deta_con a:hover{color: #172A88;}

.details2{background: #f5f7fa;padding: 70px 0 100px;}

/* .details2 li{list-style-type:inherit;} */

.details2 .deta2_con{width: 1200px;margin: 0 auto;text-align: justify;}

.details2 .deta2_con .con1{line-height: 50px;}

.details2 .deta2_con .con2{display: flex;align-items: center;margin: 45px 0 40px;}

.details2 .deta2_con .con2 p{display: flex;align-items: center;margin-right: 30px;color: #6e7073;}

.details2 .deta2_con .con2 p:last-child{margin-bottom: 0;}

.details2 .deta2_con .con2 p img{margin-right: 6px;}

.details2 .deta2_con .con3{border-top: 1px solid #e6e8eb;border-bottom: 1px solid #e6e8eb;padding: 45px 0;line-height: 30px;}

.details2 .deta2_con .con3 *{text-wrap:wrap !important;}

.details2 .deta2_con .con3 img{display: inline-block;height: auto;}

.details2 .deta2_con .con4{display: flex;justify-content: space-between;margin-top: 40px;}

.details2 .deta2_con .con4 .con_le{width: calc(100% - 250px);}

.details2 .deta2_con .con4 .con_le a{display: block;margin-bottom: 25px;padding-left: 18px;position: relative;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.details2 .deta2_con .con4 .con_le a::after{content: "";width: 6px;height: 6px;position: absolute;top: 5px;left: 0;background: #b8c2cc;border-radius: 100%;transition: all 0.6s;}

.details2 .deta2_con .con4 .con_le a:last-child{margin-bottom: 0;}

.details2 .deta2_con .con4 .con_le a:hover{color: #172A88;}

.details2 .deta2_con .con4 .con_le a:hover::after{background: #172A88;}

.recu_banner .txt .c2 s{display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #172A88;transform: translateY(-5px);margin: 0 28px;}

.recu_banner .txt .c2 {letter-spacing:5px;}

.recru1{}

.recru1 .con1{margin-bottom: 60px;text-align: center;}

.recru1 .con2{background: #f5f7fa;padding: 80px 265px;}

.recru1 .con2 .ul{display: flex;justify-content: space-between;}

.recru1 .con2 .ul .li2{width: 22px;}

.recru1 .con2 .ul .li .l1{height: 100px;}

.recru1 .con2 .ul .li .l1 .img{width: 100px;height: 100px;border: 1px solid #172A88;margin: 0 auto;border-radius: 100%;display: flex;align-items: center;justify-content: center;}

.recru1 .con2 .ul .li .l1 .img img{width: 50%;height: 50%;}

.recru1 .con2 .ul .li2 .l1{display: flex;align-items: center;}

.recru1 .con2 .ul .li .l2{line-height: 30px;margin-top: 26px;text-align: center;}

.recru1 .con2 .ul .li .l1 .dh{width: 22px;height: 10px;position: relative;overflow: hidden;display: block;}

.recru1 .con2 .ul .li .l1 .dh .d{display: flex;justify-content: space-between;position: absolute;left: 0;top: 0;width: 22px;height: 10px;}

.recru1 .con2 .ul .li .l1 .dh .d2{left: -100%;}

.recru1 .con2 .ul .li .l1 .dh .d.d1{animation: recudh1 2s infinite linear ;}

.recru1 .con2 .ul .li .l1 .dh .d.d2{animation: recudh2 2s infinite linear ;}


@keyframes  recudh1 {
    0%{left: 0;}
    /* 50%{left: 100%;} */
    100%{left: 100%;}

}
@keyframes  recudh2 {
    0%{left: -100%;}
    /* 50%{left: -100%;} */
    100%{left: 0%;}

}

.recru2{background: #f5f7fa;}

.recru2 .con1{margin-bottom: 60px;text-align: center;}

.recru2 .con2{}

.recru2 .con2 .li{background: #fafbfc;}

.recru2 .con2 .li:nth-child(2n){background: none;}

.recru2 .con2 a{display: flex;justify-content: space-between;height: 70px;align-items: center;}

.recru2 .con2 a .lr{display: flex;align-items: center;color: #6e7073;}

.recru2 .con2 a .lr .i{position: relative;margin-right: 7px;}


.recru2 .con2 a .lr .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}
 

.recru2 .con2 a .ll{padding-left: 38px;position: relative;width: calc(100% - 200px); overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}


.recru2 .con2 a .ll::after{content: "";width: 6px;height: 6px;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;background: #c8cacc;border-radius: 100%;} 

.recru2 .con2 a:hover .ll{color: #172A88;}

.recru2 .con2 a:hover .ll::after{background: #172A88;}

.recru2 .con2 a:hover .lr .i img:last-child{opacity: 1;}

.recru2 .con2 a:hover .lr .i img:first-child{opacity: 0;}

.recru2 .con2 a:hover .lr{color: #172A88;}

.recru3{position: relative;}

.recru3 .con1{text-align: center;margin-bottom: 60px;}

.recru3 .con2{display: flex;justify-content: space-between;border: 1px solid #e6e9eb;border-radius: 30px;overflow: hidden;}

.recru3 .con2 .cl{width: calc(100% - 70px);padding-left: 35px;position: relative;}

.recru3 .con2 .cl::after{content: "";width: 6px;height: 6px;border-radius: 100%;background: #172A88;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}

.recru3 .con2 .cr{width: 70px;height: 60px;border-radius: 30px;overflow: hidden;}

.recru3 .con2 .cr a{display: flex;align-items:center;justify-content: center;height: 100%;position: relative;}

.recru3 .con2 .cr a img{position: relative;z-index: 1;}

.recru3 .con2 .cr s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #172A88;display: block;border-radius: 30px;}

.recru3 .con2 .cr a:hover s{transform: scale(0.9);}

/* .recru3 .con2 .cr a:hover img{transform: scale(1.1);} */

.recru3 .con2 .cr a img{width: 20px;}

.recru3 .con2 .cl input{width: 100%;height: 100%;border: 0;outline: navajowhite;font-size: 18px;}

.recru3 .con3{padding: 50px 0 70px;}

.recru3 .con3 .li{display: flex;line-height: 18px;margin-bottom: 22px;}

.recru3 .con3 .li:last-child{margin-bottom: 0;}

.recru3 .con3 .li .ll{width: 160px;padding-left: 35px;position: relative;color: #45494c;}

.recru3 .con3 .li .ll::after{width: 6px;height: 6px;border-radius: 100%;position: absolute;top: 5px;left: 20px;background: #c8cacc;content: "";}

.recru3 .con3 .li .lr a{margin-right: 40px;margin-bottom: 10px;color: #45494c;}

.recru3 .con3 .li .lr a.act{color: #172A88;}

.recru3 .con3 .li .lr a:hover{color: #172A88;}

.recru3 .con3 .li .lr .xl{width: auto;}


.recru3 .con3 .li .lls{display: flex;align-items: center;}

.recru3 .con3 .li:last-child{justify-content: space-between;}

.recru3 .con3 .li .llr a{color: #172A88;border-bottom: 1px solid #fff;}

.recru3 .con3 .li .llr a:hover{border-bottom: 1px solid #172A88;}


.recru3 .con4{}

.recru3 .con4 .li{border-bottom: 1px solid #e6e9eb;}

.recru3 .con4 .li .lit{display: flex;justify-content: space-between;padding: 30px 0;align-items: center;cursor: pointer;}
 

.recru3 .con4 .li .lit  .ll{}

.recru3 .con4 .li .lit  .ll .l1{margin-bottom: 20px;}

.recru3 .con4 .li .lit  .lr{width: 50px;height: 30px;border-radius: 30px;border: 1px solid #172A88;display: flex;align-items: center;justify-content: center;}


.recru3 .con4 .li .lib{border-top: 1px dashed #d7d9db;padding: 40px 0 45px;display: none;}

.recru3 .con4 .li .lib .txt{display: flex;justify-content: space-between;justify-content: space-between;}

.recru3 .con4 .li .lib .txt .x{width: 1px;border-right: 1px dashed #d7d9db;}

.recru3 .con4 .li .lib .txt .txl{width: 45%;}

.recru3 .con4 .li .lib .txt .t1{margin-bottom: 20px;}

.recru3 .con4 .li .lib .txt .t2{line-height: 24px;}

.recru3 .con4 .li .lib .txt .t2 p{margin-bottom: 5px;color: #5c6166;}

.recru3 .con4 .li .lib .bt {display: flex;align-items: center;margin-top: 30px;}

.recru3 .con4 .li .lib .bt span{padding: 0 7px;color: #5c6166;}

.recru3 .con4 .li .lib .bt a{color: #172A88;border-bottom: 1px solid #fff;}

.recru3 .con4 .li .lib .bt a:hover{border-bottom: 1px solid #172A88;}

.recru3 .con4 .li.act .lit .lr img{transform: rotate(180deg);}

.recru3 .con4 .li.act .lit .l1{color: #172A88;}

.recru3 .con4 .li:hover .lit .l1{color: #172A88;}




/* 登录注册 */

.register{width: 100%;background: url(../images/register.jpg) center no-repeat;background-size: cover;position: relative;padding: 260px 0 150px;}

.register .zhuce{width: 560px;background: #fff;margin: 0 auto;padding: 60px 0;border-radius: 5px;display: none;}

.register .zhuce .c1{text-align: center;margin-bottom: 50px;padding-bottom: 50px; border-bottom: 1px solid #f0f0f0;}

.register .zhuce .ul{padding: 0 80px;}

.register .zhuce .ul .li {border-bottom: 1px solid #e5e5e5;margin-bottom: 50px;}

.register .zhuce .ul .li .l2 .yzm{width: 160px;height: 48px;position: absolute;right: 0;bottom: -1px;background: #fff;}

.register .zhuce .ul .li .l2 .yzm input{float: right;width: 140px;height: 100%;border: 1px solid #1f1f1f;background: transparent;cursor: pointer;border-radius: 3px;}

.register .zhuce .ul .li .l2 .yzm input:hover {border: 1px solid #172A88;color: #172A88;}

.register .zhuce .ul .li .l1{margin-bottom: 5px;}

.register .zhuce .ul .li .l1 span{color: #172A88;}

.register .zhuce .ul .li .l2{position: relative;}

.register .zhuce .ul .li .l2 s{width: 20px;height: 20px;background: url(../images/yanj2.png) center no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;}

.register .zhuce .ul .li input{width: 100%;height: 45px;border: 0;outline: none;font-size: 14px;color: #333;}


.register .zhuce .ul .li input::-webkit-input-placeholder{
    color:#cccccc;
    font-size:14px;
}
.register .zhuce .ul .li input:-moz-placeholder {
    color:#cccccc;
    font-size:14px;
}
.register .zhuce .ul .li input::-moz-placeholder {
    color:#cccccc;
    font-size:14px;
}
.register .zhuce .ul .li input:-ms-input-placeholder {
    color:#cccccc;
    font-size:14px;
}

.register .zhuce .c2{padding: 0 60px;}

.register .zhuce .c2 a{width: 100%;height: 48px;text-align: center;background: #231815;line-height: 48px;color: #fff;border-radius: 30px;overflow: hidden;position: relative;}

.register .zhuce .c2 a s{position: absolute;left: 0;bottom: 0;width: 100%;height: 0%;background: #172A88;}

.register .zhuce .c2 a span{position: relative;z-index: 1;}

.register .zhuce .c2 a:hover s{height: 100%;}

.register .zhuce .ul .li .l2 s.act{background-image: url(../images/yanj.png);}

.register .zhuce .ul .li .l2 .ewm{position: absolute;right: 0;bottom: -5px;background: #fff;cursor: pointer;width: 150px;padding-left: 20px;height: 50px;}

.register .zhuce .ul .li .l2 .ewm img{width: 100%;height: 100%;}


.register .zhuce .li .ls{}

.register .zhuce .li .ls s{display: block;width: 16px;height: 16px;border-radius: 2px;border: 1px solid #e1e3e5;margin-right: 10px;cursor: pointer;}

/* .register .zhuce .li .ls s::after{content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;background: #8b8b8b;transition: all 0.6s;opacity: 0;} */

.register .zhuce .li .ls .cl{display: flex;align-items: center;}

.register .zhuce .ul .li2{border: 0;}

.register .zhuce .ul .li2 a{color: #172A88;}

.register .zhuce .ul .li2 .cl{display: flex;align-items: flex-start !important;}

.register .zhuce .ul .li2 .cl > div{width:calc(100% - 16px);padding-left:10px;line-height;1.5;line-height: 1.5;margin-bottom: 10px;}


.register .zhuce .ul .li2 .cr{display: flex;align-items: center;}

.register .zhuce .ul .li2 .cr a{border-bottom: 1px solid #666666;display: block;color: #666666; margin-right: 20px;}

.register .zhuce .ul .li2 .cr a:last-child{margin-right: 0;}

.register .zhuce .ul .li2 .cr a:hover{color: #172A88;}

.register .zhuce .li .ls s.act{background: url(../images/d.png) center no-repeat;background-size: 100% 100%;border: 1px solid #172A88;}

.register .zhuce1 .ul .li3{margin-bottom: 20px;}

.register .zhuce.act{display: block;}



/* 产品详情页表单提交 */

.biaodtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none;}

.biaod_con{width: 1100px;height: 800px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 75px 80px;border-radius: 5px;}

.biaod_con .con1{text-align: center;margin-bottom: 30px;}

.biaod_con .con2{}

.biaod_con .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.biaod_con .con2 .ul .li{width: 48%;margin-bottom: 25px;border: 1px solid #e1e3e5;border-radius: 3px;position: relative;display: flex;padding-left: 20px;z-index: 10;}


.biaod_con .con2 .ul .li textarea{width: 100%;height: 120px;border: 0;outline: none;    resize: none;padding-left: 10px;line-height: 60px;}

.biaod_con .con2 .ul .li p:hover{color: #172A88;}

.biaod_con .con2 .ul .li2{width: 100%;z-index: 15;}

.biaod_con .con2 .ul .li3{z-index: 5;}

.biaod_con .con2 .ul .li4{z-index: 3;}

.biaod_con .con2 .ul .li5{z-index: 20;}

.biaod_con .con2 .ul .li p{white-space: nowrap;display: block;color: #8a9199;line-height: 60px;}

.biaod_con .con2 .ul .li p{}

.biaod_con .con2 .ul .li p span{color: #172A88;}

.biaod_con .con2 .ul .li input{width: 100%;height: 60px;border: 0;outline: none;padding-left:10px;font-size: 16px;color: #333333;}

/* .biaod_con .con2 .ul .li:last-child{width: 100%;} */

.biaod_con .con2 .ul .li input::-webkit-input-placeholder{
    color:#8a9199;
    font-size:16px;
}
.biaod_con .con2 .ul .li input:-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaod_con .con2 .ul .li input::-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaod_con .con2 .ul .li input:-ms-input-placeholder {
    color:#8a9199;
    font-size:16px;
}

.biaod_con .con2 .ul .li .yzm{width: 140px;height: 60px;position: absolute;right: 0;top: 0;}

.biaod_con .con2 .ul .li .yzm img{width: 100%;height: 100%;}

.biaod_con .con2 .ul .li .hq{position: absolute;right: 22px;height: 100%; line-height: 48px;cursor: pointer;cursor: pointer;}

.biaod_con .con2 .ul .li .hq input{width: 100%;height: 100%;padding: 0;border: 0;background: transparent;color: #172A88;cursor: pointer;}

/* .biaod_con .con2 .ul .li .hq:hover{color: #172A88;border: 1px solid #172A88;} */

/* .biaod_con .con2 .ul .li .hq:hover input{color: #172A88;} */

.yewxl{width: 100%;height: 60px;position: relative;z-index: 10;}

.yewxl .yew1{width: 100%;height: 100%;line-height: 58px;padding-left: 20px;cursor: pointer;position: relative;color: #333333;}


.yewxl .yew1 s{width: 20px;height: 20px;background: url(../images/j.png) center no-repeat;background-size: 100% 100%;position: absolute;top: 50%;transform: translateY(-50%);right: 17px;}

.yewxl .yew2{position: absolute;left: 0;top: 110%;width: 100%;background: #fff;z-index: 5;box-shadow: 0 5px 3px 5px #d7d9db30;padding: 10px 0;opacity: 0;z-index: -2;pointer-events: none;visibility: hidden;height: 190px;overflow-y: auto;}
 
.yewxl .yew2 p{padding-left: 20px;line-height: 35px !important;cursor: pointer;}

.yewxl .yew2 p:hover{color: #172A88;}

.yewxl.act .yew2{top: 100%;z-index: 2;pointer-events: visible;opacity: 1;visibility: visible;}

.yewxl .yew2::-webkit-scrollbar{ width:4px;height: 1px;}

.yewxl .yew2::-webkit-scrollbar-thumb{ background:#172A88;}

.yewxl .yew2::-webkit-scrollbar-track{ background:#172A8850;} 

.yewxl.act .yew1 s{transform: translateY(-50%) rotate(180deg);}


.biaod_con .con3{}

.biaod_con .con3 p{display: flex;line-height: 16px;margin-bottom: 16px;color: #666666;}

.biaod_con .con3 p:last-child{margin-bottom: 0;}

.biaod_con .con3 p s{display: block;width: 16px;height: 16px;border-radius: 2px;border: 1px solid #e1e3e5;margin-right: 10px;cursor: pointer;}

.biaod_con .con3 p a{color: #172A88;margin-left: 6px;}

.biaod_con .con3 p s.act{background: url(../images/d.png) center no-repeat;background-size: 100% 100%;border: 1px solid #172A88;}


.biaod_con .con4{margin-top: 20px;}

.tijiaos{width: 200px;height: 50px;text-align: center;line-height: 48px;border-radius: 3px;border: 1px solid #172A88;margin: 0 auto;display: block;position: relative;}

.tijiaos span{position: relative;z-index: 1;color: #172A88;}

.tijiaos s{position: absolute;left: 0;bottom: 0;width: 100%;height: 0%;background: #172A88;}

.tijiaos:hover s{height: 100%;}

.tijiaos:hover span{color: #fff;}

.biaod_con .out{width: 30px;height: 30px;border: 1px solid ;border-radius: 100%;border: 1px solid #e6e6e7;background: url(../images/x.png) center no-repeat;background-size: 100% 100%;position: absolute;right: 20px;top: 20px;cursor: pointer;}

.biaod_con .out:hover{background-image: url(../images/x2.png);border: 1px solid #172A88;}


.biaod_con2{position: static;transform: translate(0,0);margin: 0 auto;display: none;height: auto;}

.biaod_con2.act{display: block;}

/* 搜索结果页 */

.search1{padding: 165px 0 80px;background: #fff;}

.search1 .con1{display: flex;justify-content: space-between;align-items: center;}

.search1 .con1 .con_re{display: flex;align-items: center;}

.search1 .con1 .con_re a{display: block;width: 160px;height: 50px;text-align: center;line-height: 48px;margin-right: 20px;border: 1px solid #e1e3e5;border-radius: 3px;}

.search1 .con1 .con_re a:last-child{margin-right: 0;}

.search1 .con1 .con_re a:hover{color: #172A88;border: 1px solid #172A88;}

.search1 .con1 .con_re a.act{color: #172A88;border: 1px solid #172A88;}

.search1 .con2{display: flex;justify-content: space-between;margin-top: 40px;}


.search1 .con2 .in{width: calc(100% - 70px);border: 1px solid #e1e3e5;border-right: 0;}

.search1 .con2 input{width: 100%;height: 100%; border: 0;outline: none;padding-left: 20px;font-size: 18px;color: #222222;}

.search1 .con2 a{width: 70px;height: 55px;background: #172A88;display: flex;align-items: center;justify-content: center;}

.search1 .con2 a img{width: 20px;height: 20px;}

.search1 .con2 a:hover img{transform: scale(1.1);}

.search1 .con2 input::-webkit-input-placeholder{
    color:#222222;
    font-size:18px;
}
.search1 .con2 input:-moz-placeholder {
    color:#222222;
    font-size:18px;
}
.search1 .con2 input::-moz-placeholder {
    color:#222222;
    font-size:18px;
}
.search1 .con2 input:-ms-input-placeholder {
    color:#222222;
    font-size:18px;
}


.product2.search2 .con2{padding: 80px 0 0;min-height: 50vh;}

.search3{padding: 0 0 80px;}

.duoxuancon{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 100;display: none;}

.duoxuancon .duox_con{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;left: 0;top: 0;}

.duoxuancon .duox_con .dycon{background: #fff;padding: 50px 135px 40px;height: 420px;}

.duoxuancon .duox_con .dycon .con1{display: flex;justify-content:space-between;align-items: center;}


.duoxuancon .duox_con .dycon .xial{width: 450px;height: 44px;position: relative;}

.duoxuancon .duox_con .dycon .xial .xia1{border: 1px solid #e1e3e5;width: 100%;height: 100%;line-height: 42px;padding-left: 20px;position: relative;cursor: pointer;border-radius: 3px;}

.duoxuancon .duox_con .dycon .xial .xia1 s{width: 20px;height: 20px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: url(../images/xl.png) center no-repeat;background-size: 13px;}

.duoxuancon .duox_con .dycon .xial .xia2{position: absolute;left: 0;top: 110%;width: 100%;height: 200px;padding: 30px 20px;background: #fff;box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.06);border-radius: 5px;pointer-events: none;opacity: 0;visibility: hidden;z-index: 1;}

.duoxuancon .duox_con .dycon .xial .xia2 .cc{overflow-y: auto;height: 100%;}

.duoxuancon .duox_con .dycon .xial .xia2 .cc::-webkit-scrollbar{ width:4px;height: 1px;}

.duoxuancon .duox_con .dycon .xial .xia2 .cc::-webkit-scrollbar-thumb{ background:#172A88;}

.duoxuancon .duox_con .dycon .xial .xia2 .cc::-webkit-scrollbar-track{ background:#172A8850;} 

.duoxuancon .duox_con .dycon .xial .xia2 a{display: block;line-height: 26px;margin-bottom: 10px;}

.duoxuancon .duox_con .dycon .xial .xia2 a:hover{color: #172A88;}


.duoxuancon .duox_con .dycon .xial.act .xia2{opacity: 1;pointer-events: visible;visibility: visible;z-index: 10;top: 100%;}

.duoxuancon .duox_con .con2{margin-top: 28px;position: relative;}

.duoxuancon .duox_con .con2 .ss{background: #ebedf0;position: relative;}

.duoxuancon .duox_con .con2 .txt{text-align: center;position: absolute;width: 100%;left: 0;bottom: 22px;}

.duoxuancon .duox_con .con2 .img img{margin: 0 auto;}

.duoxuancon .duox_con .con2 .xuanz{width: 30px;height: 30px;position: absolute;right: 13px;top: 13px;border-radius: 100%;background: #172A88;color: #fff;text-align: center;line-height: 26px;cursor: pointer;}

.duoxuancon .duox_con .con2 .area43_prev,.duoxuancon .duox_con .con2 .area43_next{top: 30%;}

.duoxuancon .duox_con .con2.act .area43_prev,.duoxuancon .duox_con .con2.act .area43_next{opacity: 0;}

.duoxuancon .duox_con .guanb{}


.duoxuancon .duox_con .guanb{width: 35px;height: 35px;border: 1px solid #c8cacc;background: url(../images/pro2_11.png) center no-repeat;background-size: 100% 100%;position: absolute;right: 20px;top: 20px;cursor: pointer;}

.duoxuancon .duox_con .guanb:hover{background-image: url(../images/pro2_12.png);border: 1px solid #172A88;}


.contrast .con2 .zengj{width: 100%;height: calc(100% - 45px); position: relative;}


.contrast .con2  .tj{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}

.contrast .con2 .zengj .tj s{display: block;position: absolute;background: #909499;}

.contrast .con2 .zengj .tj s.s1{width: 4px;height: 40px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.contrast .con2 .zengj .tj s.s2{width: 40px;height: 4px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.contrast .con2 .zengj .tj span{display: block;text-align: center;position: absolute;top: 65%;width: 100%;}

.contrast .con2 .zengj .tj:hover s{background: #172A88;}

.details2.custom .deta2_con .con3{border: 0;}

.area4_3 .con2 .swiper-container.one-swiping .swiper-wrapper{display: flex;justify-content: center;}

.area4_3 .con2 .swiper-container.one-swiping .swiper-wrapper .swiper-slide:last-child{margin-right: 0 !important;}

.prode5 .con2 .swiper-container.one-swiping .swiper-wrapper{display: flex;justify-content: center;}

.prode5 .con2 .swiper-container.one-swiping .swiper-wrapper .swiper-slide:last-child{margin-right: 0 !important;}

.about6 .con1 .swiper-container.one-swiping .swiper-wrapper{display: flex;justify-content: center;}

.about6 .con1 .swiper-container.one-swiping .swiper-wrapper .swiper-slide:last-child{margin-right: 0 !important;}


.prode4 .con2 .con_le .le2 .swiper-slide{margin-top: 0 !important;}

.prode4 .con2 .con_le .le2 .li{padding: 35px 0;}




.area2_2 .ul{}

.area2_2 .ul .li{margin-right: 2.6%;}

.area2_2 .ul .li:nth-child(2n){margin-right: 0;}

.area2_2 .ul .li:last-child{margin-right: 0;}

.prode4 .con2 .con_le .le1{margin-bottom: 25px;}











@media screen and (max-width:1800px) {
    .biaod_con1{width: 1000px;height: 740px;}

    .biaod_con1 .con2 .ul .li p{line-height: 50px;}

    .biaod_con1 .con2 .ul .li input,.yewxl{height: 50px;}

    .biaod_con1 .yewxl .yew1{line-height: 48px;}

    .biaod_con1 .con2 .ul .li{margin-bottom: 16px;}

    .biaod_con1 .con2 .ul .li .yzm{height: 48px;}

    .biaod_con .con2 .ul .li textarea{height: 100px;line-height: 50px;}

    .biaod_con1 .con2 .ul .li .hq{height: 44px;line-height: 42px;}

    .prode1 .prode1_con .con_re{padding: 200px 0 270px;}

    .prode1 .zgdh .ag_re{bottom: 30px;}
    
}










@media screen and (max-width:1680px) {
    .product2 .con2 .lil .shu{padding: 0 5px;}

    .prode1 .zgdh .ag_re{width: 40.5%;}

    .biaod_con1{height: 640px;padding: 30px ;width: 800px;}

    .biaod_con .con1{margin-bottom: 30px;}

    .biaod_con1 .con2 .ul .li{margin-bottom: 10px;}

    .recru1 .con2{padding: 80px 160px;}

    .product_banner .txt .c2{margin: 20px 0 30px;}

    .product_banner .txt .c4{margin-top: 40px;}

    /* .prode1 .prode1_con .con_re{padding: 160px 0 250px;} */

    .prode1 .zgdh .ag_re{bottom: 0;}

    .prode1 .prode1_con .con_re{padding: 150px 0 200px;}

    .prode1 .prode1_con .con_le{padding: 100px 0 20px;}
    .biaod_con .con4 {
        margin-top: 20px;
    }
}

@media screen and (max-width:1500px) {
    .product_banner .txt .tc2{bottom: 40px;}

    /* .prode1 .prode1_con .con_re{padding: 100px 0 180px;} */

  
}

@media screen and (max-width:1400px) {
    .product2 .con2 .ul .li .img img{width: 100%;}

    .biaod_con1{height: 620px;padding: 30px ;width: 800px;}

    .biaod_con .con1{margin-bottom: 30px;}

    .biaod_con1 .con2 .ul .li{margin-bottom: 10px;}

    .biaod_con1 .con2 .ul .li input, .yewxl{height: 45px;}

    .biaod_con1 .yewxl .yew1{line-height: 43px;}

    .biaod_con .con4{margin-top: 20px;}

    .biaod_con1 .con2 .ul .li .yzm{height: 44px;}

    .biaod_con1 .con2 .ul .li .hq{right: 1px;}

    /* .prode1 .prode1_con .con_re .re1{margin-left: 5%;} */

    .prode1 .prode1_con .con_re .re1 .zoom{transform: translateX(0);width: 100%;}

}




@media screen and (max-width:1025px) {

    .product_banner .txt .tc{width: 90%;}

    .product_banner .txt .tc2{position: static;transform: translate(0);}

    .product_banner .txt .c4 .b{margin-bottom: 10px;}

    .duibtc{padding: 100px 0 30px;}

    .duibtc .duib_con .guanb{right: 0;top: -60px;}

    .area3_2{background: url(../images/area3_4.jpg) center no-repeat ;}

    .product_banner .img img.yd{display: none;}
 
    
    .product_banner .img img.pc{display: block;}


    /* .product_banner .txt .tc{width: 90%;}

    .product_banner .txt .c2{margin: 15px 0 20px;}

    .product{padding: 40px 0 20px; }

    .product .con1 .con_le .le2 a{margin-bottom: 10px;margin-left: 0;}

    .product .con1 .con_le .le2 a:last-child{margin-bottom: 0;}

    .product .con2 .li{width: 24.025%;margin-right: 1.3%;}

    .product .con2 .li:nth-child(4n){margin-right: 0;}

    .product .con2 .li:nth-child(5n){margin-right: auto;}

    .product2 .con2 .ull{overflow-x: auto;}

    .product2 .con2 .lil{width: 1200px;}

    .fys{display: none;}

    .jiaz{display: block;background: #172A88;font-size: 16px;border-radius: 30px;}


    .product2 .con3{padding: 10px 0 40px;}

    .product .con1{flex-wrap: wrap;height: auto;padding: 20px ;}

    .product .con1 .con_le{flex-wrap: wrap;align-items: flex-start;}

    .product .con1 .con_le .le2{width: 100%;padding-left: 0;margin: 20px 0;}

    .product .con1 .con_le .le1{height: 50px;border: 0;}

    .product .con1 .con_re{width: 100%;}

    .product .con2 .li{width: 49%;margin-right: 2%;}

    .product .con2 .li:nth-child(2n){margin-right: 0;}

    .product .con2 .li:nth-child(3n){margin-right: auto;}

    .product .con2 .li:nth-child(5n){margin-right: 2%;}

    .product .con2 .li:nth-child(3n){margin-right: 2%;}

 */


}

 .product-container {
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            align-items: flex-start;
        }

        .product-image-section {
            flex: 1 1 400px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .main-image-wrapper {
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 10px;
            height: 450px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: #f9f9f9;
        }

        .main-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            display: block;
        }

        .thumbnail-list {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            padding-bottom: 5px;
        }

        .thumbnail-item {
            width: 100px;
            height: 80px;
            border: 2px solid #eeeeee;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            flex-shrink: 0;
            transition: border-color 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .thumbnail-item.active {
            border-color: #172A88;
        }

        .thumbnail-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .product-info-section {
            flex: 1 1 400px;
            padding: 10px 0;
        }

        .product-title {
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 25px;
            color: #222;
            line-height: 1.3;
        }
        .product-bzgg {
            font-size: 1rem;
            line-height: 1.4;
            color: #333;
			padding:10px;
			background-color:#f9f9f9;
			margin-bottom:20px;
        }
        .product-features {
            font-size: 1rem;
            line-height: 1.7;
            color: #666666;
        }
		.product-xiantiao{ width:100%; height:1px; background-color:#eeeeee; margin-top:10px; margin-bottom:10px;}
        .product-features strong{line-height: 1.4;}
		.product-features p{ line-height:1.6;}

        @media (max-width: 768px) {
            .main-image-wrapper { height: 400px; }
            .product-title { font-size: 1.8rem; }
            .product-features { font-size: 1.2rem; }
            .thumbnail-item { width: 80px; height: 60px; }
        }

        @media (max-width: 480px) {
            body { padding: 10px; }
            .main-image-wrapper { height: 320px; }
            .product-title { font-size: 1.5rem; }
            .product-features { font-size: 1.1rem; }
            .thumbnail-item { width: 70px; height: 55px; }
        }

.cpxq{ line-height:60px; font-weight:bold; border-bottom:2px  solid #eeeeee; padding-bottom:10px; margin-top:30px;}
.cpnr{ line-height:30px; margin-bottom:60px; font-size:16px; padding-top:20px;}
.cpnr img{ max-width:100%;}