/* 前端江文哲 */

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;/* overflow-x:hidden; */ min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #002b52;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html{overflow-x: hidden}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #002b52;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#1979ff;}

body::-webkit-scrollbar-track{ background:#fff;} 

/* 字间距 */

.zijianj1{letter-spacing:1px;}

.zijianj2{letter-spacing:2px;}

.zijianj3{letter-spacing:3px;}

.zijianj4{letter-spacing:4px;}



.mhead{display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/svg/gengd.svg) center right no-repeat ;background-size: 25px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 35px;margin-top: 8px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/svg/ss.svg) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:25;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

/* .mnav .mbox .ul1{padding-top: 50px;} */

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}


.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .mbox .dl1{}

.mnav2 .mbox .dl1 dd{}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}


.mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;}



.mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.floot .con2 .cr{display: none;}


@font-face {
    font-family: 'sy_c';
    src: url("https://website-machloop.oss-cn-beijing.aliyuncs.com/fonts/siyuan-cu.otf");
}


.sy_c{font-family: 'sy_c';}

.arial{font-family: Arial;}




.f_12{ font-size:12px; }

.f_14{font-size: 14px;}

.f_15{font-size: 15px;}

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_19{font-size: 19px;}

.f_20{ font-size:20px; }  

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px;}

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_42{font-size: 42px;}

.f_44{font-size: 44px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_52{font-size: 52px;}

.f_54{font-size: 54px;}

.f_56{font-size: 56px;}

.f_60{font-size: 60px;}

.f_62{font-size: 62px;}

.f_68{font-size: 68px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}

.p_120{padding: 120px 0;}

.p_120_100{padding: 120px 0 100px;}

.p_120_80{padding: 120px 0 80px;}

.pt_120{padding-top: 120px;}

/* 可视范围 */

.ibox {max-width:1600px;min-width: 1200px;width:83.33%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox2 {max-width:1440px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}



/*分页*/


.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .2s cubic-bezier(.4,0,.2,1); -moz-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1);}

.alltime3,.alltime3 *{-webkit-transition: all .6s i-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.fw{font-weight: 100;}

.pc{display: block;}

.yd{display: none;}

.w_100{width: 100%;}

.h_100{height: 100%;}

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

/* 头部 */

.mhead{display: none;}

.head{position: fixed;width: 100%;top: 0;left: 0;z-index: 100;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height: 80px;transition: all 0.6s;}

.head .he_con{display: flex;justify-content: space-between;align-items: center;height: 100%;}

.head .he_con .con_le{}


.head .he_con .con_le a{display: flex;align-items: center;}

.head .he_con .con_le .logo{height: 60px;position: relative;}

.head .he_con .con_le .logo img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.head .he_con .con_re{display: flex;align-items: center;height: 100%;}

.head .he_con .con_re .re1{height: 100%;}

.head .he_con .con_re .re2{display: flex;align-items: center;margin-left: 5px;}

.head .he_con .con_re .re2 a{width: 20px;height: 20px; display: block;position: relative;}

.head .he_con .con_re .re2 a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.head .he_con .con_re .ul{display: flex;height: 100%;}

.head .he_con .con_re .ul .li{margin: 0 25px;height: 100%;position: relative;}

.head .he_con .con_re .ul .li .lt{height: 100%;}

.head .he_con .con_re .ul .li .lt a{display: flex;align-items: center; color: #fff;position: relative;height: 100%;}

.head .he_con .con_re .ul .li .lt a::after{content: "";width: 0%;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);transition: all 0.6s;bottom: 0;}

.head .he_con .con_re .ul .li .lb{position: absolute;background: #fff;left: 50%;transform: translateX(-50%); padding: 10px 25px 40px;border: 1px solid #ebeff7;opacity: 0;pointer-events: none;visibility: hidden;top: 120%;padding: 10px 25px 20px;}

.head .he_con .con_re .ul .li .lb a{display:block;line-height: 56px;border-bottom: 1px solid #ebeff7;padding:0 20px 0 16px;position: relative; white-space: nowrap;}

.head .he_con .con_re .ul .li .lb a::after{content: "";width: 6px;height: 6px;background: #1979ff;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.head .he_con .con_re .ul .li:hover .lb{opacity: 1;pointer-events: visible;visibility: visible;top: 100%;}

.head .he_con .con_re .ul .li .lb a:hover{color: #1979ff;}

.head .he_con .con_re .ul .li.act .lt a::after{width: 100%;}

.head .he_con .con_re .ul .li:hover .lt a::after{width: 100%;}


.head.act,.head.act2,.head.act3,.head.act4{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

.head.act .he_con .con_re .ul .li .lt a::after,.head.act2 .he_con .con_re .ul .li .lt a::after,.head.act3 .he_con .con_re .ul .li .lt a::after,.head.act4 .he_con .con_re .ul .li .lt a::after{background: #1979ff;}

.head.act .he_con .con_re .re2 a img:last-child,.head.act2 .he_con .con_re .re2 a img:last-child,.head.act3 .he_con .con_re .re2 a img:last-child,.head.act4 .he_con .con_re .re2 a img:last-child{opacity: 1;}

.head.act .he_con .con_re .re2 a img:first-child,.head.act2 .he_con .con_re .re2 a img:first-child,.head.act3 .he_con .con_re .re2 a img:first-child,.head.act4 .he_con .con_re .re2 a img:first-child{opacity: 0;}


.head.act .he_con .con_re .ul .li .lt a,.head.act2 .he_con .con_re .ul .li .lt a,.head.act3 .he_con .con_re .ul .li .lt a,.head.act4 .he_con .con_re .ul .li .lt a{color: #002b52;}

.head.act .he_con .con_le .logo img:last-child,.head.act2 .he_con .con_le .logo img:last-child,.head.act3 .he_con .con_le .logo img:last-child,.head.act4 .he_con .con_le .logo img:last-child{opacity: 1;}

.head.act .he_con .con_le .logo img:first-child,.head.act2 .he_con .con_le .logo img:first-child,.head.act3 .he_con .con_le .logo img:first-child,.head.act4 .he_con .con_le .logo img:first-child{opacity: 0;}



/* 侧边栏 */

.cebanl{width: 45px;height: 150px;background: #1979ff;position: fixed;right:-100px;top:20%;z-index: 200;border-radius: 50px;}

.cebanl a{display: block;height: 100%;padding: 22px 0;}

.cebanl img{width: 25px;margin: 0 auto;}

.cebanl .t{text-align: center;color: #fff;margin-top: 7px;line-height: 1.15;}


.cebanl:hover .i{transform: translateY(-5px);}

.cebanl.act{right: 10px;}

/* 首页banner */
.gengd{width: 148px;height: 45px;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 10px;position: relative;transition: all 0.6s;border: 1px solid rgba(255, 255, 255, 0.6);}

.gengd s{position: absolute;width: 100%;height: 100%;}

.gengd span{position: relative;z-index: 1;}

.gengd .i{width: 12px;margin-right: 10px;position: relative;height: 10px;}

.gengd .i img{position: absolute;left: 0;width: 6px;height: 10px;top: 0;}

.gengd .i s{width: 7px;height: 2px;background: #eaf4ff;position: absolute;bottom: -3px;right: 0;}

.gengd:hover .i img{left: 6px;}

.gengd:hover .i s{right: 3px;bottom: 4px;}

.gengd:hover {background: #1979ff;border: 1px solid #1979ff;}


.gengd2 {background: #fff;}

.gengd2 .i s{background: #1979ff;}

.gengd2 span{color: #1979ff;}

.gengd2:hover{background: #fff;border: 1px solid #fff;}

.gengd3{background: #1979ff;border: 1px solid #1979ff;}



.ljgd{display: flex;align-items: center;}

.ljgd .i{width: 12px;position: relative;margin-right: 10px;height: 10px;}


.ljgd .i .t{position: absolute;left: 0;width: 6px;height: 10px;top: 0;}

.ljgd .i .t img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.ljgd .i s{width: 7px;height: 2px;background: #002b52;position: absolute;bottom: -3px;right: 0;}

.ljgd:hover s{right: 3px;bottom: 4px;}

.ljgd:hover .i .t{left: 6px;}

.ljgd:hover .i .t img:last-child{opacity: 1;}

.ljgd:hover .i .t img:first-child{opacity: 0;}

.ljgd:hover s{background: #1979ff;}

.ljgd:hover span{color: #1979ff;}

.banner{}

.banner .ss{position: relative;}

.banner .img{position: relative;overflow: hidden;}

.banner .img .pc_imgtop{position: absolute;right: 0;bottom: 0;max-width: 1920px;width: 1920px;z-index: 1;}
@media screen and (max-width: 1800px) {
    .banner .img .pc_imgtop{max-width: 100%;}
}

.banner .img img{width: 100%;}

.banner .img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;z-index: 10;}

.banner .txt .tc{width: 68%;}

.banner .txt .t1{line-height: 1.4;position: relative;top: 100px;opacity: 0;}

.banner .txt .t2{line-height: 1.8;margin: 7px 0 52px;position: relative;top: 100px;opacity: 0;}

.banner .txt .t3{position: relative;top: 100px;opacity: 0;}

.banner .swiper-slide-active .txt .t1{top: 0;transition-delay: 0.8s;opacity: 1;}

.banner .swiper-slide-active .txt .t2{top: 0;transition-delay: 0.9s;opacity: 1;}

.banner .swiper-slide-active .txt .t3{top: 0;transition-delay: 1s;opacity: 1;}


.ggtop{}

.ggtop2{margin-bottom: 60px;}

.ggtop .gg1{display: flex;justify-content: center;}

.ggtop .gg1 .tu{width: 42px;position: relative;}

.ggtop .gg1 .tu img:last-child{position: absolute;left: 0;top: 0;opacity: 0.7;}

.ggtop .gg2{margin-top: 20px;text-align: center;}


.in1_sp{bottom: 30px !important;}

.in1_sp2{bottom: 1px !important;}

.in1_sp span{width: 8px !important;height: 8px !important;border: 1px solid #b8c4dc;background: transparent;opacity: 1;border-radius: 100px;}

.in1_sp .swiper-pagination-bullet-active{width: 22px !important;height: 8px !important;background: #1979ff;border: 1px solid #1979ff;}

.index1{}

.index1 .con{}

.index1 .cons{}

.index1 .cons .cong{display: none;}

.index1 .cons .cong.act{display: block;}
 

.index1 .con .index1_sw{padding: 2px; padding-bottom: 40px;}

.index1 .con .swiper-slide{height: auto;}

.index1 .con .ss{height: 100%;}


.index1 .con .ss a{display: block;text-align: center;padding: 50px 35px ;border: 1px solid #dddddd;border-radius: 8px;height: 100%;}

.index1 .con .ss .s1{display: flex;justify-content: center;margin-bottom: 10px;}

.index1 .con .ss .s1 img{width: 80px;}

.index1 .con .ss .s2{line-height: 1.3;}

.index1 .con .ss .s3{width: 100%;height: 1px;background: #dddddd;margin: 25px 0 15px;}

.index1 .con .ss .s4{line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 72px;}

.index1 .con .ss .s5{margin-top: 45px;display: flex;justify-content: center;}

.index1 .ss:hover s{right: 3px;bottom: 4px;}

.index1 .ss:hover .i .t{left: 6px;}

.index1 .ss:hover .i .t img:last-child{opacity: 1;}

.index1 .ss:hover .i .t img:first-child{opacity: 0;}

.index1 .ss:hover s{background: #1979ff;}

.index1 .ss:hover span{color: #1979ff;}

.index1 .ss:hover .s2{color: #1979ff;}

.index1 .ss:hover .s1{transform: translateY(-10px);}



/* 第二个模板 */
.index1 .con2{display: flex;justify-content: space-between;}

.index1 .con2 a{display: block;text-align: justify;}

.index1 .con2 .con_le{width: 31.95%;}

.index1 .con2 .con_re{width: 65.97%;}

.index1 .con2 .con_le a{border-radius: 8px;overflow: hidden;text-align: justify;}

.index1 .con2 .con_le .a1{height: 250px;position: relative;width: 100%;overflow: hidden;}

.index1 .con2 .con_le .a1 img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index1 .con2 .con_le .a2{height: 345px;background: #1979ff;color: #fff;padding: 60px 40px 45px;}

.index1 .con2 .con_le .a2 .t1{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index1 .con2 .con_le .a2 .t2{width: 100%;height: 1px;background: #fff;margin: 28px 0 25px;}

.index1 .con2 .con_le .a2 .t3{line-height: 24px;margin-bottom: 45px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 96px;}

.index1 .con2 .con_le  a .ljgd .i s{background: #fff;}

.index1 .con2 .con_le a:hover .ljgd{color: #fff;}


.index1 .con2 a:hover s{right: 3px;bottom: 4px;}

.index1 .con2 a:hover .i .t{left: 6px;}

.index1 .con2 .con_le a:hover .a1 img{transform: scale(1.05);}

.index1 .con2 .con_re .re1{height: 250px;}

.index1 .con2 .con_re .re1 a{position: relative;height: 100%;padding: 50px 480px 10px 35px;overflow: hidden;border-radius: 8px;}

.index1 .con2 .con_re .re1 a .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index1 .con2 .con_re .re1 .txt{position: relative;z-index: 5;}

.index1 .con2 .con_re .re1 .txt .t1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index1 .con2 .con_re .re1 .txt .t2{line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;height: 72px;color: #666666;margin: 15px 0 37px;}

.index1 .con2 .con_re a .ljgd .i s{background: #1979ff;}

.index1 .con2 .con_re a .ljgd span{color: #1979ff;}

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

.index1 .con2 .con_re a:hover .t1{color: #1979ff;}

.index1 .con2 .con_re .re2{height: 315px;display: flex;justify-content: space-between;margin-top: 30px;}

.index1 .con2 .con_re .re2 a{width: 48.42%;height: 100%;border: 1px solid #dddddd;border-radius: 8px;padding: 0 40px 0 37px;}

.index1 .con2 .con_re .re2 a .t1{padding: 30px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index1 .con2 .con_re .re2 a .t2{width: 100%;background: #dddddd;height: 1px;margin-bottom: 25px;}

.index1 .con2 .con_re .re2 a .t3{line-height: 24px;height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;margin-bottom: 45px;color: #666666;}

.index1 .con2 .con_re .re2 a:hover{box-shadow: 0 5px 5px 2px #1979ff20;}



/* 第三个模板 */

.index1 .con3 .con_re .re2:first-child{margin-top: 0;}

.index1 .con3 .con_re .re2{flex-wrap: wrap;height: auto;}

.index1 .con3 .con_re .re2 a{height: 283px;margin-bottom: 30px;}

.index1 .con3 .con_re .re2 a:nth-child(3n),.index1 .con3 .con_re .re2 a:nth-child(4n){margin-bottom: 0;}

.index1 .con3 .con_re .re2 a .t1 {display: flex;align-items: center;padding: 30px 0 10px;}

.index1 .con3 .con_re .re2 a .t1 span{display: block;overflow: hidden;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 62px);}

.index1 .con3 .con_re .re2 a .t1 img{width: 50px;margin-right: 12px;}

.index1 .con3 .con_re .re2 a .t3{height: 72px;-webkit-line-clamp: 3;margin-bottom: 38px;}

.index1 .con3 .con_re .re2 a:hover .t1 img{transform: translateY(-5px);}


/* 多样的场景化方案 */

.dongh1,.dongh2,.dongh3,.dongh4,.dongh5{position: relative;top: 20px;opacity: 0;transition: all 0.6s;}

.index2 .swiper-slide-active .dongh1{top: 0;opacity: 1;transition-delay: 0.2s;}
.index2 .swiper-slide-active .dongh2{top: 0;opacity: 1;transition-delay: 0.3s;}
.index2 .swiper-slide-active .dongh3{top: 0;opacity: 1;transition-delay: 0.4s;}
.index2 .swiper-slide-active .dongh4{top: 0;opacity: 1;transition-delay: 0.6s;}
.index2 .swiper-slide-active .dongh5{top: 0;opacity: 1;transition-delay: 0.5s;}



.index2{background: url(../images/in2_b.jpg) center no-repeat;background-size: 100% 100%;}

.index2 .con{display: flex;justify-content: space-between;align-items: flex-start;}

.index2 .con .con_le{width: 17.7%;position: relative;overflow: hidden;}

.index2 .con .con_re{width: 76.5%;position: relative;margin-top: 30px;}

.index2 .con .con_le::after{content: "";width: 8px;height: 100%;position: absolute;left: 23px;top: 13px;background: url(../images/in2_2.png) left top;}

.index2 .con .con_le .swiper-slide{height: 45px;}

.index2 .con .con_le .swiper-slide.gen{margin-bottom: 0 !important;height: 20px;pointer-events: none;}

.index2 .con .con_le .swiper-slide.gen .txt{transform: translateY(-10px);}

.index2 .con .con_le .ss{height: 100%;position: relative;cursor: pointer;padding-left: 55px;}

.index2 .con .con_le .ss::after{content: "";width: 9px;height: 9px;position: absolute;left: 4px;top: 8px;background: #1979ff;transform: rotate(45deg);opacity: 0;transition: all 0.6s;}


.index2 .con .con_le .ss s{position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background:repeating-linear-gradient(to right,#1979ff,#1979ff80,#1979ff00);display: block;transition: all 0.6s;}

.index2 .con .con_le .ss .txt{position: relative;height: 100%;}

.index2 .con .con_le .swiper-slide.act .ss::after{opacity: 1;}

.index2 .con .con_le .swiper-slide.act .ss s{width: 100%;}

.index2 .con .con_le .swiper-slide.act .ss .txt{font-weight: bold;color: #1979ff;}

.index2 .con .con_le .swiper-slide:hover .ss .txt{color: #1979ff;}

.index2 .con .con_le .swiper-slide:hover .ss s{width: 100%;}

.index2 .con .con_re .ss{display: flex;justify-content: space-between;background: #fff;padding: 40px 40px 40px 20px;border-radius: 8px;}

.index2 .con .con_re .ss .sl{width: 47.6%;}

.index2 .con .con_re .ss .sr{width: 47.65%;}

.index2 .con .con_re .ss .sl .l1{display: flex;line-height: 1.5;margin-bottom: 60px;}

.index2 .con .con_re .ss .sl .l1 img{margin-right: 5px;}

.index2 .con .con_re .ss .sl .l2{padding-left: 65px;}

.index2 .con .con_re .ss .sl .l2 .lt{line-height: 1.5;margin-bottom: 15px;}

.index2 .con .con_re .ss .sl .l2 .lb{line-height:22px;text-align: justify;color: #999999;margin-bottom: 45px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;height: 66px;}


.index2 .con .con_re .bjt{position: absolute;width: 100%;height: 100%;left: -30px;top: -30px;border-radius: 8px;overflow: hidden;}

.index2 .con .con_re .bjt img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}

.index2 .con .con_re .bjt img:first-child{position: relative;}

.index2 .con .con_re .bjt img.act{opacity: 1;}


.index3{}

.index3 .in3_con{display: flex;justify-content: space-between;}
 
.index3 .in3_con .con_le{width: 55.55%;}

.index3 .in3_con .con_re{width: 37.5%;}

.index3 .in3_con .con_le .ul{display: flex;flex-wrap: wrap;}

.index3 .in3_con .con_le .ul .li{margin-bottom: 65px;margin-right: 110px;}

.index3 .in3_con .con_le .ul .li:first-child{min-width: 304px;}

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

.index3 .in3_con .con_le .ul .li:nth-child(3n){margin-bottom: 0;}

.index3 .in3_con .con_le .ul .li:nth-child(3n) .l1 p{margin: 0;}

.index3 .in3_con .con_le .ul .li:nth-child(4n){margin-bottom: 0;}


.index3 .in3_con .con_le .ul .l1{display: flex;align-items: center;margin-bottom: 5px;}

.index3 .in3_con .con_le .ul .l2{line-height: 14px;}

.index3 .in3_con .con_le .ul .l1 span{color: #1979ff;}

.index3 .in3_con .con_le .ul .l1 p{margin: 0 8px;}

.index3 .in3_con .con_le .ul .l2{position: relative;}

.index3 .in3_con .con_le .ul .l2 .t{position: absolute;left: 0;top: 0;color: #777777;}

.index3 .in3_con .con_re .re1{line-height: 30px;}

.index3 .in3_con .con_re .re2{line-height: 20px;margin: 15px 0 25px;}

.index4{position: relative;height: 550px;}

.index4 .img{position: relative;background: url(../images/in4_1.jpg) center no-repeat;background-size: cover;height: 100%;}

.index4 .img img{width: 100%;}

.index4 .img video{width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;object-fit: cover;}

.index4 .in4_con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index4 .in4_con .con{display: flex;justify-content: space-between;}

.index4 .in4_con .con .con_re{text-align: center;padding-top: 110px;}

.index4 .in4_con .con .con_re .re2{color: #1979ff;line-height: 1.5;margin-top: 15px;}

.index5{position: relative;}

.index5 .con .swiper-container{padding: 3px 0; padding-bottom: 60px;}

.swiper-container.one-swiping{padding-bottom: 0 !important;}

.index5 .con .ss{border: 1px solid #dddddd;border-radius: 8px;overflow: hidden;}

.index5 .con .ss:hover img{transform: scale(1.02);}

.index5 .con .ss:hover{border: 1px solid #1979ff;box-shadow: 0 0 5px 3px #1979ff20;}

.index6{background: #f0f3f5;}

.index6 .con1{display: flex;justify-content: center;margin: 25px 0 35px;}

.index6 .con1 .ljgd .i s{background: #1979ff;}

.index6 .con1 .ljgd span{color: #1979ff;}

.index6 .con2{}

.index6 .con2 a{display: block;}

.index6 .con2 a .img{position: relative;overflow: hidden;border-radius: 8px;}

.index6 .con2 a span{position: absolute;left: 0;bottom: 0;background: url(../images/in6_5.png) center no-repeat;background-size: 100% 100%; color: #fff;height: 25px;padding-left: 18px;width: 105px; line-height: 25px;}

.index6 .con2 a .i{}

.index6 .con2 a .i img{width: 100%;}

.index6 .con2 a .txt{line-height: 30px;margin-top: 10px;padding-right: 10px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}


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

.index6 .con2 a:hover .img span{background-image: url(../images/in6_6.png) ;}

.index6 .con2  .swiper-container{padding-bottom: 60px;}

.index7{height: 380px;/* background: url(../images/in7_1.jpg) center no-repeat fixed; */background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}

.index7 .con{color: #fff;width: 100%;}

.index7 .in7_con{display: flex;align-items: center;text-align: center;height: 100%;} 

.index7 .in7_con .c3{display: flex;justify-content: center;}

.index7 .in7_con .c2{margin: 25px 0 45px;}

.floot {background: #f2f4f7;}

.floot .con1{padding: 100px 0 60px;display: flex;justify-content: space-between;}

.floot .con1 .con_le{width: 24.1%;position: relative;padding-right: 15px;}

.floot .con1 .con_le::after{content: "";width: 1px;height: 240px;background: #e6e8eb;position: absolute;right: 0;top: 0;}

.floot .con1 .con_con{width: 50.4%;}

.floot .con1 .con_re{width: 19.4%;position: relative;padding-left: 15px;}

.floot .con1 .con_re::after{content: "";width: 1px;height: 240px;background: #e6e8eb;position: absolute;left: 0;top: 0;}

.floot .con1 .con_le .le1{}


.floot .con1 .con_le .le1 .l2{color: #1979ff;margin-top: 15px;}

.floot .con1 .con_le .le2{margin-top: 20px;}

.floot .con1 .con_le .le2 .l{display: flex;line-height: 20px;margin-bottom: 5px;}

.floot .con1 .con_le .le2 .l:last-child{margin-top: 15px;}

.floot .con1 .con_le .le2 .l .i{width: 16px;margin-right: 10px;height: 20px;display: flex;align-items: center;}

.floot .con1 .con_le .le2 .l .i img{display: none;}

.floot .con1 .con_le .le2 .l:first-child .i img,
.floot .con1 .con_le .le2 .l:last-child .i img{display: block;}

.floot .con1 .con_le .le2 .l p{display: flex;width: calc(100% - 26px);}

.floot .con1 .con_le .le2 .l span{display: block;}

.floot .con1 .con_le .le2 .l span:first-child{ white-space: nowrap;}

.floot .con1 .con_le .le2 .l a{display: block;}

.floot .con1 .con_le .le2 .l a:hover{color: #1979ff;}

.floot .con1 .con_le .le3{margin-top: 25px;}



.floot .con1 .con_con .ul{display: flex;justify-content: space-between;}

.floot .con1 .con_con .ul .li a{display: block;margin-bottom: 20px;}

.floot .con1 .con_con .ul .li a:first-child{margin-bottom: 33px;}

.floot .con1 .con_con .ul .li a:hover{color: #1979ff;}

.floot .con1 .con_re .re1{display: flex;justify-content: space-between;}

.floot .con1 .con_re .re1 .rr img{width: 135px;}

.floot .con1 .con_re .re2{display: flex;justify-content: space-between;margin-top: 25px;}

.floot .con1 .con_re .re2 .rr{display: flex;align-items: center;text-align: center;justify-content: flex-end;}

.floot .con1 .con_re .re2 .rr .img{margin-right: 10px;max-width: calc(50% - 5px);}

.floot .con1 .con_re .re2 .rr .img:last-child{margin-right: 0;}

.floot .con1 .con_re .re2 .rr .img .i{border-radius: 5px;overflow: hidden;margin-bottom: 10px;box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.05);}

.floot .con2{display: flex;justify-content: space-between;padding: 18px 0 25px;border-top: 1px solid #e6e8eb;color: #999999;}

.floot .con2 a{color: #999999;}

.floot .con2 .con_le a{margin: 0 3px;}

.floot .con2 a:hover{color: #1979ff;}

/* 产品页 */

.pro_banner{position: relative;}

.pro_banner .img{position: relative;overflow: hidden;}

.pro_banner .img img{width: 100%;}

.pro_banner .img .pc_imgtop{position: absolute;right: 0;bottom: 0;width: 1920px;max-width: 1920px;z-index: 1;}

.pro_banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;z-index: 10;}

.pro_banner .txt .tc{transform: translateY(20px);}

.pro_banner .txt .tc .t1{line-height: 1.3;}

.pro_banner .txt .tc .t2{line-height: 1.5;margin-top: 17px;}

.erjdh{height: 60px;background: #0c294d;}

.erjdh .er_con{height: 100%;display: flex;}

.erjdh .er_con a{display: block;height: 100%;line-height: 60px;color: #fff;min-width: 150px;text-align: center;position: relative;padding: 0 15px;transition: all .5s;}

.erjdh .er_con a.act,
.erjdh .er_con a:hover{background: rgba(64,127,255,.3);}


/* .erjdh .er_con a::after{content: "";width: 0%;position: absolute;left: 50%;transform: translateX(-50%);transition: all 0.6s;height: 2px;background: #fff;bottom: 0;} */

/* .erjdh .er_con a.act::after{width: 100%;} */

/* .erjdh .er_con a:hover::after{width: 100%;} */


.product1{}

.product1 .pro1_con{}

.product1 .pro1_con .con1{line-height: 28px;margin: 40px 0 15px;text-align: justify;}

.product1 .pro1_con .con2 img{width: 100%;}

.product2{background: #f0f3f5;}

.product2 .con1{margin: 50px 0 25px;}

.product2 .con1 .c1{display: flex;justify-content: space-between;height: 4px;background: #1979ff;box-shadow: 0 3px 10px 5px #1979ff20;}

.product2 .con1 .c1{margin-bottom: 20px;}

.product2 .con1 .c1 s{width: 29.2%;height: 100%;background: #6ae7de;display: block;}

.product2 .con1 .c2{text-align: justify;line-height: 30px;padding: 0 0 0 10px;}

/* .product2 .con2{} */

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

.product2 .con2 .ul .li{width: 49.35%;display: flex;background: #fff;padding: 45px 110px 40px 40px;margin-bottom: 20px;position: relative;}

.product2 .con2 .ul .li .b{width: calc(100% - 2px);height: calc(100% - 2px);position: absolute;left: 1px;top: 1px;opacity: 0;}

.product2 .con2 .ul .li .b img{width: 100%;height: 100%;}

.product2 .con2 .ul .li .ll{width: 50px;margin-right: 20px;position: relative;z-index: 3;}

.product2 .con2 .ul .li .lr{width: calc(100% - 70px);position: relative;z-index: 3;}

.product2 .con2 .ul .li .lr .r1{line-height: 45px;}

.product2 .con2 .ul .li .lr .r2{width: 30px;height: 3px;background: #1979ff;margin: 10px 0 17px;}

.product2 .con2 .ul .li .lr .r3{line-height: 22px;min-height: 44px;/* display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; */}

.product2 .con2 .ul.act .li:last-child{width: 100%;}

.product2 .con2 .ul .li:hover .b{opacity: 1;}

.product2 .con2 .ul .li:hover .ll img{transform: translateY(-5px);}

.product3{background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url(../images/pro3_1.jpg);}


.product3 .ggtop .gg2{color: #fff;}

.product3 .con1{color: #fff;text-align: center;line-height: 26px;margin: 40px 0 25px;}


.product3 .con2{}


.product3 .con2 .swiper-slide{height: auto;padding-top: 20px;}

.product3 .con2 .ss{background: #fff;padding: 30px 40px 37px;border-radius: 5px;overflow: hidden;height: 100%;}

.product3 .con2 .ss .s1{display: flex;justify-content: center;}

.product3 .con2 .ss .s1 img{width: 50px;}

.product3 .con2 .ss .s2{text-align: center;margin: 15px 0;color: #313233;}

.product3 .con2 .ss .s3{display: flex;justify-content: space-between;position: relative;}

.product3 .con2 .ss .s3::after{content: "";width: 8px;height: 8px;border-right: 1px solid #eceef3;border-bottom: 1px solid #eceef3;position: absolute;left: 50%;transform: rotate(45deg) translateX(-50%);}

.product3 .con2 .ss .s3 s{display: block;width: calc(50% - 5px);height: 1px;background: #eceef3;margin-bottom: 20px;}

.product3 .con2 .ss .s4{text-align: justify;line-height: 20px;padding: 0 6px;color: #3e4a59;}

.product3 .con2 .ss:hover{transform: translateY(-20px);}

.product3 .con2 .ss:hover .s1 img{transform: translateY(-5px);}

.product3 .con2 .swiper-container{padding-bottom: 60px;}


.product4{}

.product4 .con{}

.product4 .con .ul{display: flex;flex-wrap: wrap;}

.product4 .con .ul .li{width: 23.6125%;margin-right: 1.85%;display: flex;align-items: center; height: 100px;background: #fff;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);border-radius: 5px;position: relative;overflow: hidden;padding: 0 20px 0 33px;margin-bottom: 20px;}

.product4 .con .ul .li::after{content: "";width: 5px;height: 0%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #1979ff;transition: all 0.6s;}

.product4 .con .ul .li .ll{width: 50px;margin-right: 15px;}

.product4 .con .ul .li .lr{line-height: 26px;width: calc(100% - 65px);}

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

.product4 .con .ul .li:hover .lr{transform: translateY(-5px);color: #1979ff;}

.product4 .con .ul .li:hover::after{height: 100%;}

.about1{}

.about1 {position: relative;}

.about1 .con{margin-top: 45px;overflow: hidden;}

.about1 .con .con_le{width: 48%;text-align: justify;float: left;}

.about1 .con .con_le .le1{line-height: 1.5;margin-bottom: 40px;}

.about1 .con .con_le .le2{line-height: 24px;padding-right: 13px;max-height: 320px;overflow-y: auto;}

.about1 .con .con_le .le2::-webkit-scrollbar{ width:4px;height: 1px;}

.about1 .con .con_le .le2::-webkit-scrollbar-thumb{ background:#1979ff;}

.about1 .con .con_le .le2::-webkit-scrollbar-track{ background:#1979ff50;} 

.about1 .con .con_le .le2 p{margin-bottom: 18px;}

.about1 .con .con_le .le2 p:last-child{margin-bottom: 0;}

.about1 .con .con_re{width: 48.61%;padding-top: 5px;float: right;}

.about1_sp{bottom: 50px !important;width: auto !important;right: 50px;left: auto !important; bottom: 50px;}

.about1_sp span{width: 12px;height: 12px;background: #fff;opacity: 1; margin: 0 3px;}

.about1_sp .swiper-pagination-bullet-active{background: #1979ff;}

.about1 .con .con_re .ss{position: relative;}

.about1 .con .con_re .ss .img{position: relative;}

.about1 .con .con_re .ss .img img{width: 100%;}

.about1 .con .con_re .ss .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/ab1_2.png) center no-repeat;background-size: cover;}

.about1 .con .con_re .ss .txt{position: absolute;left: 0;bottom: 0;padding: 35px 40px;color: #fff;width: 100%;}

.about1 .con .con_re .ss .txt .t1{line-height: 1.5;margin-bottom: 15px;}

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

.about1 .con2 .ul{display: flex;justify-content: space-between;}
 
.about1 .con2 .ul li:first-child{min-width:310px;}

.about1 .con2 .ul li:last-child{min-width:360px;}

.about1 .con2 .ul .l1{display: flex;margin-bottom: 5px;}

.about1 .con2 .ul .l1 p{color: #1979ff;margin: 0 8px;}

.about1 .con2 .ul .li:last-child .l1 p{margin: 0;}

.about1 .con2 .ul .l2{position: relative;}

.about1 .con2 .ul .l2 .t{position: absolute;left: 0;line-height: 14px;color: #777777;}

.about1 .con2 .ul .li2{width: 1px;height: 70px;background: #dddddd;}




.about2 {padding-bottom: 100px;position: relative;}

.about2 .con1 {position: relative;/* background: url(../images/ab2_1.jpg) center no-repeat; */background-size: cover;background-position: center;background-repeat: no-repeat;}

.about2 .con1 img{width: 100%;}

.about2 .con1 .txt{width: 100%;height: 100%;padding: 120px 0 100px;}

.about2 .con1 .txt .t1{text-align: center;margin-bottom: 45px;}

.about2 .con1 .txt .t2{color: #fff;}


.about2 .con1 .txt .t2 .swiper-container{padding-bottom: 0 !important;}


.about2 .con1 .txt .t2 .ab2_sw1.one-swiping .swiper-wrapper{display: flex;justify-content: center;}

/* .about2 .con1 .txt .t2 .ab4_sw1 .swiper-wrapper .swiper-slide{background: url(../images/ab4_2.png) bottom left ;background-repeat: repeat-x;} */

.about2 .con1 .s{position: relative;}


.about2 .con1 .s::after{content: "";width: calc(100% - 24px);left: 36px;height: 2px;background: rgba(255, 255, 255, 0.5);position: absolute;bottom: 10px;}

.about2 .con1 .txt .t2 .one-swiping .swiper-slide:last-child .s::after{display: none;}

.about2 .con1 .txt .t2 s{display: block;width: 24px;height: 24px;border-radius: 100px;background: rgba(255, 255, 255, 0.5);position: relative;margin:10px 12px 0;z-index: 5;transition: all 0.6s;}

.about2 .con1 .txt .t2 s::after{content: "";width: 16px;height: 16px;position: absolute;left: 4px;top: 4px;background: #ffffff00;border-radius: 100px;}

.about2 .con1 .txt .t2 .swiper-slide .ss{position: absolute;width: 100%;bottom: 13px;display: flex;align-items: flex-end;justify-content: space-between;left:0;padding-left: 20px;}

.about2 .con1 .txt .t2 .swiper-slide .p1::after{content: "";width: 110%;height: 2px;background: #fff;left: -5%;bottom: 0;position: absolute;}

.about2 .con1 .txt .t2 .swiper-slide:last-child .p1::after{content: none;}


.about2 .con1 .txt .t2 .swiper-slide .ss p{display: block;width: 1px;background: #fff;height: 20px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p2{height: 10px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p3{height: 15px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p4{height: 10px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p5{height: 20px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p6{height: 10px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p7{height: 15px;}

.about2 .con1 .txt .t2 .swiper-slide .ss p.p8{height: 10px;}


.about2 .con1 .txt .t2 .act s::after{background: #fff;}

.about2 .con1 .txt .t2 s:hover::after{background: #fff;transition: all 0.6s;}

.about2 .con1 .txt .t2 .one-swiping .swiper-slide {transform: translateX(30%);cursor: pointer;}

.about2 .con2{margin-top: 20px;padding-left: 12.5%;}

.about2 .con2 .s1{line-height: 60px;border-bottom: 1px solid #d7d8db;}

.about2 .con2 .s2{line-height: 26px;margin-top: 12px;}

.about2 .con2 .s2 p{position: relative;padding-left: 15px;margin-bottom: 10px;}

.about2 .con2 .s2 p::after{content: "";width: 6px;height: 6px;position: absolute;left: 0;top: 10px;border-radius: 100%;background: #8a9099;}

.about2 .con2 .s2 span{display: block;color: #555555;}

.about2 .con2 .s2 span:first-child{width: 75px;}

.about2 .con2 .s2 span:last-child{width: calc(100% - 75px);}


.about3{position: relative;}

.about3 .ab3_con{position: relative;}

.about3 .img img{width: 100%;}

.about3 .ab3_con .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;}

.about3 .ab3_con .con .ts{display: flex;margin-top: 85px;}

.about3 .ab3_con .con .ts .tl{width: 49%;}

.about3 .ab3_con .con .ts .tl .t1{line-height: 1.5;}

.about3 .ab3_con .con .ts .tl .t2{line-height: 24px;margin-top: 40px;text-align: justify;max-height: 260px;padding-right: 15px;overflow-y: auto;}

.about3 .ab3_con .con .ts .tl .t2 p{margin-bottom: 20px;}

.about3 .ab3_con .con .ts .tl .t2 p:last-child{margin-bottom: 0;}

.about3 .ab3_con .con .ts .tl .t2::-webkit-scrollbar{ width:4px;height: 1px;}

.about3 .ab3_con .con .ts .tl .t2::-webkit-scrollbar-thumb{ background:#1979ff;}

.about3 .ab3_con .con .ts .tl .t2::-webkit-scrollbar-track{ background:#1979ff50;} 

.about4{background: #f0f3f5;position: relative;}

.about4 .con{}

.about4 .con .swiper-slide{padding: 10px ;height: auto;}

.about4 .con .ss{text-align: center;background: #fff;padding: 45px 5px 32px;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);height: 100%;}

.about4 .con .ss .img img{width: 100%;}

.about4 .con .ss .txt{margin-top: 18px;line-height: 18px;}

/* .about4 .con .ss:hover .img {overflow: hidden;} */

.about4 .con .ss:hover .img  img{transform: scale(1.05);}

.about4 .con .ss:hover .txt{color: #1979ff;}

.about4 .con .swiper-container{padding-bottom: 50px;}

.search{padding: 50px 0 0;}

.search .sear_con{background: #f0f0f0;padding: 35px 50px 30px;}

.search .sear_con .c1{margin-bottom: 25px;}


.search .sear_con .c2{display: flex;justify-content: space-between;}

.search .sear_con .c2 .in{width: calc(100% - 160px);padding-left: 17px;background: #fff;border: 1px solid #e5e5e5;display: flex;align-items: center;}

.search .sear_con .c2 .in img{margin-right: 10px;}

.search .sear_con .c2 .in input{width: 100%;height: 100%;border:0;outline: none;font-size: 16px;color: #002b52;}

.search .sear_con .c2 .in input::-webkit-input-placeholder{
    color:#002b52;
    font-size:16px;
    font-weight: 200;
   
}
.search .sear_con .c2 .in input:-moz-placeholder {
    color:#002b52;
    font-size:16px;
    font-weight: 200;
}
.search .sear_con .c2 .in input::-moz-placeholder {
    color:#002b52;
    font-size:16px;
    font-weight: 200;
}
.search .sear_con .c2 .in input:-ms-input-placeholder {
    color:#002b52;
    font-size:16px;
    font-weight: 200;
}

.search .sear_con .c2 a{display: block;width: 160px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #1979ff;}

.search1{}

.search1 .con1{color: #666666;padding-bottom: 20px ;border-bottom: 1px solid #f0f0f0;}

.search1 .con1 span{color: #1979ff;}

.search1 .news2 .li{margin: 0 30px 30px 0;}

.search1 .news2{background: #fff;margin-top: 20px;}

.search2 .con3{}

.search2 .con3 .ul{}

.search2 .con3 .ul .li{border-bottom: 1px dashed #dbdbdb;}

.search2 .con3 .ul .li a{display: block;padding: 50px 0;}
 
.search2 .con3 .ul .li a .l1{margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.search3 .con3 .ul .li a .l1{margin-bottom: 0;}

.search2 .con3 .ul .li a .l2{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.search2 .con3 .ul .li a:hover .l1{color: #1979ff;}


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

.tjtc .c{width: 350px;height: 200px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;display: flex;align-items: center;justify-content: center;text-align: center;}

.tjtc .c .c1{margin-bottom: 30px;}

.tjtc .c a{width: 160px;height: 44px;background: #1979ff;color: #fff;text-align: center;line-height: 44px;border-radius: 5px;}

.news_det .ndet .edit.yszc span{display: block;}

.news_det .ndet .edit.yszc p:first-child{line-height: 18px;}

.news_det .ndet .edit.yszc p span:first-child{margin: 15px 0;}

.news_det .ndet .edit.yszc .sp1{margin: 15px 0;}

.news_det .ndet .edit.yszc .sp2{line-height: 20px;color: #475566;}

.news_det .ndet .edit.yszc .sp2 ol{padding: 10px 0;}

.news_det .ndet .edit.yszc .sp2 li{display: block;padding-left: 15px;}

.news_det .ndet .edit.yszc .sp2 a{color: #1979ff;}


@media screen and (max-width:1800px) {
    .about1 .con .con_le .le2{max-height: 270px;}

    .pro_banner .img .pc_imgtop{max-width: 100%;}
}




@media screen and (max-width:1680px) {
    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }  

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:24px; }

    .f_28{ font-size:26px; }

    .f_30{ font-size:26px; }

    .f_32{ font-size:28px;}

    .f_34{ font-size:30px; }

    .f_36{ font-size:32px; }

    .f_38{ font-size:32px; }

    .f_40{font-size: 36px;}

    .f_42{font-size: 36px;}

    .f_44{font-size: 38px;}

    .f_46{font-size: 38px;}

    .f_48{font-size: 40px;}

    .f_50{font-size: 44px;}

    .f_52{font-size: 44px;}

    .f_54{font-size: 44px;}

    .f_56{font-size: 46px;}

    .f_60{font-size: 46px;}

    .f_62{font-size: 50px;}

    .f_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .p_120{padding: 100px 0;}

    .pt_120{padding-top: 100px ;}

    .p_120_100{padding: 100px 0 80px;}

    .p_120_80{padding: 100px 0 80px;}

    .about3 .ab3_con .con .ts .tl .t2{max-height: 210px;}

    .about3 .ab3_con .con .ts{margin-top: 50px;}

    .index2 .con .con_re .ss .sl .l1{margin-bottom: 20px;}

    .product3 .con2 .ss{padding: 25px ;}

    .about1 .con .con_le .le2{max-height: 245px;}

    /* .about2 .con1{height: 350px;} */

    .about2 .con1 .txt{padding: 100px 0;}

}

@media screen and (max-width:1400px) {
    .about3 .ab3_con .con .ts .tl .t2{margin-top: 30px;}
}

@media screen and (max-width:1200px) {
    .wow,
    .wow1{opacity: 1;}
}

@media screen and (max-width:1025px) {
    .mhead, .mnav{display: block;}
    
    html{overflow-x: hidden;}

    .head{display: none;}

    .ibox2,.ibox{min-width: 200px;width: 90%;}

    body{min-width: 200px;margin-top: 50px;}

    .yd{display: block;}

    .pc{display: none;}

    .f_12{ font-size:12px; }

    .f_14{font-size: 12px;}

    .f_16{ font-size:14px; }

    .f_18{ font-size:14px; }

    .f_20{ font-size:16px; }  

    .f_22{font-size: 18px;}

    .f_24{ font-size:18px; }

    .f_26{ font-size:18px; }

    .f_28{ font-size:20px; }

    .f_30{ font-size:20px; }

    .f_32{ font-size:20px;}

    .f_34{ font-size:22px; }

    .f_36{ font-size:22px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_42{font-size: 22px;}

    .f_44{font-size: 22px;}

    .f_46{font-size: 22px;}

    .f_48{font-size: 24px;}

    .f_50{font-size: 24px;}

    .f_52{font-size: 24px;}

    .f_54{font-size: 26px;}

    .f_56{font-size: 26px;}

    .f_62{font-size: 28px;}
   
    .f_68{font-size: 28px;}

    .f_80{font-size: 36px;}

    .p_80{padding: 40px 0;}

    .p_120{padding: 40px 0;}

    .pt_120{padding-top: 40px;}
   
    .p_120_100{padding: 40px 0;}

    .p_120_80{padding: 100px 0 80px;}

    .wow{opacity: 1;}

    .cebanl{display: none;}

    .swiper-container.one-swiping{padding-bottom: 30px !important;}


    .gengd{width: 125px;height: 42px;}

    .ggtop .gg1 .tu{width: 30px;}

    .ggtop2{margin-bottom: 20px;}

    .ggtop .gg2{margin-top: 15px;line-height: 1.4;}

    .banner .txt .tc{width: 100%;}
    
    .banner .txt .t1,.banner .txt .t2,.banner .txt .t3{top: 50px;}

    .index1 .con .ss a{padding: 30px 20px;}

    .index1 .con .index1_sw{padding-bottom: 30px;}

    .index1 .con .ss .s5{margin-top: 30px;}

    .index2 .con .con_le{display: none;}

    .index2 .con .con_re{width: 100%;}

    .index2 .con .con_re .swiper-container{padding-bottom: 30px;}

    .index2 .con .con_re .ss{flex-wrap: wrap;}


    .index2 .con .con_re .ss .sl{width: 100%;}

    .index2 .con .con_re .ss .sr{width: 100%;}

    .index2 .con .con_re .ss .sl .l2 .lb{margin-bottom: 30px;}

    .index3 .in3_con .con_le .ul .l1 p{margin: 0 3px;}

    .index3 .in3_con{flex-wrap: wrap;}

    .index3 .in3_con .con_le{width: 100%;}

    .index3 .in3_con .con_re{width: 100%;margin-top: 30px;}


    .index3 .in3_con .con_le .ul{flex-wrap: wrap;}

    .index3 .in3_con .con_le .ul .li{width: 100%;}

    .index3 .in3_con .con_le .ul .l2 .t{position: static;}

    .index3 .in3_con .con_le .ul .li{margin-right: 0;margin-bottom: 20px;}

    .index4 .in4_con .con .con_re{padding-top: 40px;}

    .index4{height: 250px;}

    .index5 .con .swiper-container{padding: 2px; padding-bottom: 30px;}

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

    .index6 .con2 a .txt{line-height: 24px;}

    .index6 .con1{margin: 20px 0 25px;}

    .index7{/* background: url(../images/in7_1.jpg) center no-repeat; */background-size: cover;height: 300px;background-attachment: inherit;}

    .index7 .in7_con .c2{margin: 20px 0 30px;}

    .floot .con1 .con_con{display: none;}

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

    .floot .con1 .con_le{width: 100%;}

    .floot .con1 .con_le::after{display: none;}

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

    .floot .con1 .con_re::after{display: none;}

    .floot .con1 .con_re .re1{display: block;}

    .floot .con1 .con_re .re2{display: block;}

    .floot .con2{flex-wrap: wrap;justify-content: center;line-height: 1.5;}

    .floot .con2 .cl{width: 100%;text-align: center;}

    .erjdh{display: none;}

    .product1 .pro1_con .con1{margin: 20px 0 15px;}

    .product1 .pro1_con .con2{overflow-x: auto;}

    .product1 .pro1_con .con2 img{width: 1000px;max-width: none;}

    .product2 .con1{margin: 30px 0 20px;}

    .product2 .con2 .ul .li{padding: 30px 50px 30px 30px;}

    .product3 .con1{margin: 25px 0;}

    .product3 .con2 .swiper-slide{padding-top: 0;}

    .product3 .con2 .ss:hover{transform: translateY(0);}

    .product4 .con .ul .li{width: 49%;margin-right: 0;margin-bottom: 20px;}

    .product4 .con .ul{justify-content: space-between;}

    .about1 .con .con_re{float: none;width: 100%;}

    .about1 .con .con_le{float: none;width: 100%;margin-top: 30px;}

    .about1 .con{margin-top: 20px;}

    .about1 .con .con_le .le1{margin-bottom: 25px;}

    .about1 .con .con_le .le2{max-height: 115px;}

    .about1 .con .con_re .ss .txt{padding: 20px;}

    .about1 .con .con_re .ss .txt .t1{margin-bottom: 10px;}

    .about1_sp{bottom: 20px !important;right: 20px !important;}

    .about1 .con2 .ul{flex-wrap: wrap;}

    .about1 .con2 .ul .li{width: 100%;margin-bottom: 20px;}

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

    .about1 .con2 .ul .li2{display: none;}

    .about1 .con2 .ul .l2 .t{position: static;}

    .about2 .con1 .txt{padding: 50px 0;}

    .about2 .con1 .txt .t2 .swiper-container{padding-bottom: 0 !important;}

    .about2 .con1 .txt .t1{margin-bottom: 30px;}

    .about2 .con2{padding-left: 5%;}

    .about2{padding-bottom: 40px;}

    .about4 .con .swiper-container{padding-bottom: 30px;}

    .floot .con1 .con_le .le2 .l .i img{transform: translateY(2px);}

    .search2 .con3 .ul .li a .l1{margin-bottom: 15px;}

    .search2 .con3 .ul .li a{padding: 30px 0;}




    .tjtc .c{width: 250px;height: 150px;}
    
    .index1 .cons .cong{overflow-x: auto;}

    .index1 .cons .cong .con2{min-width: 800px;}

    .index1 .con2 .con_re .re1 a{padding: 50px 35px 10px 35px;}

    .about3 .ab3_con .con .ts .tl{width: 100%;}


    
    .banner .txt{align-items: normal;padding-top: 10%;}

    .banner .txt .t2{display: none;}

    .banner .txt .t3{position: absolute;right: 0;bottom: 60px;top: auto !important;}

    .pro_banner.wz_top .txt{align-items: normal;padding-top: 6%;}

    .pro_banner.wz_top .txt .t2{display: none;}

    .pro_banner .txt .tc{transform: translateX(0);}

    .about3 .ab3_con{margin-top: 20px;}

    .about3 .ab3_con .con .ts{margin-top: 0;}

    .about3 .ab3_con .con .ts .tl .t2{display: none;}

    .about3 .ab3_con .con .ts .tl .t1{text-align: center;}

    .floot .con1 .con_re .re2 .rr{justify-content: flex-start;}
}


@media screen and (max-width:800px) {
    .index2 .con .con_re .ss .sl .l1 img{width: 50px;height: 50px;}
    
    .index2 .con .con_re .ss .sl .l2{padding-left: 0px;}

    .index2 .con .con_re .bjt{height: auto;}

    .floot .con1{flex-wrap: wrap;}

    .floot .con1 .con_re{margin-top: 20px;}

    .product2 .con2 .ul .li{width: 100%;padding: 30px;}

    .product2 .con2 .ul .li .ll{width: 40px;margin-right: 10px;}

    .product2 .con2 .ul .li .lr .r1{line-height: 35px;}

    .product2 .con2 .ul .li .lr{width: calc(100% - 50px);}

    .product4 .con .ul .li{width: 100%;margin-bottom: 15px;height: 80px;}

    .product4 .con .ul .li .ll{width: 40px;margin-right: 10px;}

    .about2 .con1 .txt .t2 .one-swiping .swiper-slide{transform: translateX(10%);}

    .about2 .con1 .txt .t2 s{width: 18px;height: 18px;}

    .about2 .con1 .txt .t2 s::after{width: 10px;height: 10px;}

    .about2 .con1 .s::after{bottom: 8px;width: calc(100% - 18px);left: 30px;}


    .about2 .con1 .txt .t2{font-size: 14px;}

}