/* 前端江文哲 */

*,*: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: #222222;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: #222222;}

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:#f18d00;}

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


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

.zijj1{letter-spacing:1px;}

.zijj2{letter-spacing:2px;}

.zijj4{letter-spacing:4px;}

.zijj8{letter-spacing:8px;}


@font-face {
    font-family: 'imp';
    src: url("../fonts/impact.ttf");
}
@font-face {
    font-family: 'robr';
    src: url("../fonts/Roboto-Regular.ttf");
}


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

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

.f_12{ font-size:12px; }

.f_14{font-size: 14px;}

.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_58{font-size: 58px;}

.f_60{font-size: 60px;}

.f_64{font-size: 64px;}

.f_68{font-size: 68px;}

.f_72{font-size: 72px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}

.p_120{padding: 120px 0;}

.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:1400px;min-width: 1200px;width:72.91%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox3 {max-width:1240px;min-width: 1200px;width:64.6%; 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%;}





.mhead{display: none;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/m1.png) center right no-repeat ;background-size: 30px;float: right;}

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

.mhead .logo img{display: block;height: 40px;margin-top: 6px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss_m.png) 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;}

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

.head .head_con{height: 100%;position: relative;z-index: 1}

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

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

.head .he_con .con_le a{display: block;position: relative;width: 265px;}

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

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

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

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

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

.head .he_con .con_re .ul .li .lib{position: absolute;width: 110%;background: #fff;text-align: center;left: -5%;top: 100%;border-radius: 0 0 5px 5px;display: none;border: 1px solid #dddddd50;}

.head .he_con .con_re .ul .li .lib .lib_two{display: flex;flex-wrap: wrap;}

.head .he_con .con_re .ul .li .lib a{display: block;line-height: 47px;border-bottom: 1px solid #f5f5f580;color: #4a4a4a;font-family: '微软雅黑';}

.head .he_con .con_re .ul .li .lib a:hover{color: #f18d00;}

.head .he_con .con_re .ul .li .lib a:last-child{border: 0;}

.head .he_con .con_re .ul .li:nth-child(3) .lib{width: 200%;left: -50%;overflow: hidden;}

.head .he_con .con_re .ul .li:nth-child(3) .lib a{width: 50%;float: left;}

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

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

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

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



.head .he_con .con_re .re2 .r1 .i{width: 20px;margin-right: 10px;position: relative;}

.head .he_con .con_re .re2 .r1 .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.head .he_con .con_re .re2 .r1 a{display: block;color: #fff;}

.head .he_con .con_re .re2 .r2{width: 27px;height: 27px;position: relative;cursor: pointer;margin-left: 16px;}


.head .he_con .con_re .re2 .xian{width: 2px;height: 15px;background: #fff;}

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

.head .he_con .con_re .re2 .r2 .onp{width: 0px;height: 40px;position: absolute;right: 30px;top: -10px;border-bottom: 1px solid rgba(0, 0, 0, 0.5);background: #fff;transition: all 0.6s;}

.head .he_con .con_re .re2 .r2 .onp input{width: 100%;height: 100%;border: 0;background: #fff;outline: none;font-size: 14px;}

.head .he_con .con_re .re2 .r2:hover .onp{width: 150px;padding-left: 20px;transition: all 0.6s;}

.head .he_con .con_re .re2 .r1 a:hover{color: #f18d00;}

.head .he_con .con_re .ul .li .lit a:hover::after{width: 100%;transition: all 0.6s;}

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

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

.head.act .he_con .con_re .ul .li .lit a,.head.act2 .he_con .con_re .ul .li .lit a,.head.act3 .he_con .con_re .ul .li .lit a{color: #222222;}

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

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

.head.act .he_con .con_re .re2 .r1 a,.head.act2 .he_con .con_re .re2 .r1 a,.head.act3 .he_con .con_re .re2 .r1 a{color: #222222;}

.head.act .he_con .con_re .re2 .r1,.head.act2 .he_con .con_re .re2 .r1,.head.act3 .he_con .con_re .re2 .r1{border-right: 2px solid #858585;}

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


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

.head.act .he_con .con_re .ul .li .lit a::after,.head.act2 .he_con .con_re .ul .li .lit a::after,.head.act3 .he_con .con_re .ul .li .lit a::after{background: #f18d00;}

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

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

.head.act .he_con .con_re .re2 .xian,.head.act2 .he_con .con_re .re2 .xian,.head.act3 .he_con .con_re .re2 .xian{background: #424242;}

.head .he_con .con_re .re2 .r1 a:hover{color: #f18d00;}


.head.act{height: 100px;}

.bmeter {position: fixed;top: 50px;left: 0px;width: 0%;height: 15px;background: #fff;z-index:111;pointer-events: none;opacity:0;}

.bmeter  span{display: block;width: 100%;position: absolute;top: -20px;left: 0;text-align: center;font-size: 30px;font-weight: 600;color: #f00;}

.cebianl{position: fixed;right: -100px;top: 50%;z-index: 10;border-radius: 50px;background: #f18d00;border: 1px solid rgba(0, 0, 0, 0.05);width: 60px;transform: translateY(-50%);transition: all 0.6s;}

.cebianl.act{right: 20px;transition: all 0.6s;}

.cebianl .img{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}

.cebianl .img::after{content: "";width: 16px;background: #e6e6e6; height: 1px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

.cebianl .i{position: relative;width: 25px;}

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

/* .cebianl .img:hover .i img:last-child{opacity: 1;} */

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

@keyframes cebian {
    0%{ width: 20px;height: 25px; };

    100%{width: 25px;height: 25px;}
}

.cebianl  .ce_top .img::after{content: none;}

.cebianl .dianh{position: absolute;right: 125%;background: #fff;border-radius: 50px;height: 50px;padding: 0 30px 0 20px;   white-space: nowrap;line-height: 50px;border: 1px solid rgba(0, 0, 0, 0.05);pointer-events: none;opacity: 0;}

/* .cebianl .dianh::after{content: "";width: 10px;height: 10px;background: #fff;position: absolute;right: -1px;top: 50%;transform: rotate(45deg) translateY(-50%);border-top: 1px solid rgba(0, 0, 0, 0.05);border-right: 1px solid rgba(0, 0, 0, 0.05);} */

.cebianl .img:hover .dianh{opacity: 1;right: 115%;}

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

.biaodiantc .biaod_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1100px;height: 730px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 0 80px;border-radius: 5px;}

.biaodiantc .biaod_con .cons{width: 100%;}

.biaodiantc .biaod_con .con1{margin-bottom: 50px;}

.biaodiantc .biaod_con .con2{}

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

.biaodiantc .biaod_con .con2 .ul .li{width: 100%;border: 1px solid #e1e3e5;margin-bottom: 25px;border-radius: 5px;overflow: hidden;position: relative;}

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

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

.biaodiantc .biaod_con .con2 .ul .li .yzm{width: 110px;height: 40px;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer;}

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

.biaodiantc .biaod_con .con2 .ul .li2{width: 49%;}

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

.biaodiantc .biaod_con .con3{display: flex;justify-content: center;margin-top: 40px;}

.biaodiantc .biaod_con .con3 .c{width: 200px;height: 50px;background: #f18d00;color: #fff;text-align: center;line-height: 50px;border-radius: 3px;cursor: pointer;}

.biaodiantc .biaod_con .out{width: 30px;height: 30px;border: 1px solid #c8cacc;border-radius: 100%;position: absolute;right: 20px;top: 20px;cursor: pointer;}

.biaodiantc .biaod_con .out img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.biaodiantc .biaod_con .out:hover img:last-child{opacity: 1;}

.biaodiantc .biaod_con .out:hover img:first-child{opacity: 0;}

.biaodiantc .biaod_con .out:hover{border: 1px solid #f18d00;}

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

.tstc .ti_con{width: 300px;height: 180px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px;background: #fff;text-align: center;padding-top: 30px;}

.tstc .ti_con .c2{display: flex;justify-content: center;margin-top: 30px;}

.tstc .ti_con .c2 .c{width: 200px;height: 50px;text-align: center;line-height: 50px;background: #f18d00;color: #fff;border-radius: 3px;cursor: pointer;}


/* 首页banner */

.banner{height: 220vh;position: relative;}

.banner .ban_con{position: fixed;left: 0;bottom: 0;width: 100%;height: 100vh;}

.banner .ss{position: relative;}

.banner .ss .img  {overflow: hidden;height: 100vh;}

.banner .ss .img img{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.03);width: 100%;height: 100%;}

.banner .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner .ss .txt .tc{position: absolute;left: 0;bottom: 120px;color: #fff;width: 100%;}

.banner .ss .txt .tc .n1{line-height: 1.4;margin-bottom: 15px;}

.banner .ss .txt .tc .n2{line-height: 35px;width: calc(100% - 350px);}

.banner_sw .swiper-slide-active .ss .img img{animation: suox 4s  linear alternate;}

@keyframes suox {
    
    0%{transform: translate(-50%,-50%) scale(1.15);}
    100%{transform: translate(-50%,-50%) scale(1.03);}

}

.banner .ding{position: absolute;left: 0;width: 100%;bottom: 120px;height: 25px;}

.banner .ding .ibox{height: 100%;}

.bann_sp{right: 45px;display: flex;}

.bann_sp .swiper-pagination-bullet{width: auto;opacity: 1;background: none;height: auto;display: flex;align-items: center;}

.bann_sp .swiper-pagination-bullet s{display: inline-block;width: 0px;height: 2px;background: #fff;}

.bann_sp .swiper-pagination-bullet span{width: 25px;height: 25px;color: #fff;text-align: center;line-height: 25px;margin: 0 7px;}

.banner .ding .guanb{width: 20px;height: 20px;background: url(../images/bo.png) center no-repeat;background-size: 100% 100%;position: absolute;right: 0;bottom: 0;z-index: 1;cursor: pointer;}

.banner .ding .guanb.act{background-image: url(../images/bo2.png);}

.bann_sp .swiper-pagination-bullet-active s{width: 140px;margin: 0 5px;}

.banner  .zhez{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 5;pointer-events: none;overflow: hidden;}

.banner  .zhez::after{content: "";width: 100%;height: 100%;border: 120px solid #fff;position: absolute;left: 0;top: 0;pointer-events: none;}

.banner  .zhez .img2{position: absolute;width: 100%;bottom: 25.78%;text-align: center;}


.banner  .zhez .img1{max-width: none;width: 105%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.ymtz{width: 250px;height: 55px;display: flex;justify-content: space-between;color: #000000;align-items: center;position: relative;}

.ymtz::after{content: "";width: 100%;height: 1px;background: #000000;position: absolute;left: 0;bottom: 0;transition: all 0.6s;}

.banner  .zhez .img2 .n3{display: flex;justify-content: center;}

.banner  .zhez .img2 .n2{margin: 45px 0 40px;}

.banner  .zhez .img2 .n1{color: #f18d00;}

.juli{position: absolute;width: 100%;height: 100vh;bottom: 0;left: 0;pointer-events: none;}


.banner.act .ban_con{position: absolute;}

.banner  .zhez.act{pointer-events: visible;}


.ymtz:hover:after{width: 100%;transition: all 0.6s;animation: in1_dh1 1s  linear ;}


@keyframes in1_dh1 {
    0%{width: 0%;}
    100%{width: 100%;}
}

.index2{padding: 120px 0 50px;background: url(../images/in2.jpg) top no-repeat;background-size: cover;position: relative;}

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

.index2 .con1 .c1{color: #f18d00;margin-bottom: 30px;}

.index2 .con1 .c2{color: #fff;}

.index2 .zi{width: 100%;position: absolute;left: 0;top: 0;width: 100%;}

.index2 .con2{padding-left: 8.333%;position: relative;}

.index2 .con2 .ss{padding-right: 75px;position: relative;}

.index2 .con2 .ss::after{content: "";width: 2px;height: 150px;background: rgba(255, 255, 255, 0.2);position: absolute;top: 78px;right: 36px;}

.index2 .con2 a{display: block;color: #fff;}

.xiangqing{display: flex;align-items: center;justify-content: space-between; height: 50px;width: 135px;position: relative;}

.xiangqing::after{content: "";width: 100%;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.6s;}


.index2 .con2 .a2{overflow: hidden;margin: 40px 0 45px;}

.index2 .con2 .a2 img{width: 100%;}

.index2 .con2 .a3{margin-bottom: 30px;    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}


.index2 .con2 a:hover .xiangqing:after{width: 100%;transition: all 0.6s;animation: in1_dh1 1s  linear ;}

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

.index2 .con2 .index2_sw{padding-bottom: 125px;}


.in2_sp{position: absolute;bottom: 0;width: 100%;left: 0;bottom: 0 !important;}

.in2_sp span{opacity: 1;width: 12px;height: 12px;border: 2px solid transparent;background: none;position: relative;margin: 0 8px;}

.in2_sp span::after{content: "";height: 6px;width: 6px;border-radius: 100%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.in2_sp span.swiper-pagination-bullet-active{border: 2px solid #fff;}

.in2_sp span.swiper-pagination-bullet-active::after{opacity: 0;}

.index3{position: relative;padding: 180px 0 200px;}

.beijing{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.2;}

.beijing video{width: 100%;height: 100%;object-fit: cover;}

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

.index3 .con .con_le{width: 60.485%;}

.index3 .con .con_re{width: 31.45%;display: flex;align-items: center;}

.index3 .con .con_re .re1{color: #f18d00;}

.index3 .con .con_re .re2{display: flex;justify-content: space-between;margin: 45px 0 70px;}

.index3 .con .con_re .re2 a{display: block;}

.index3 .con .con_re .re2 a:hover{color: #f18d00;}

.index3 .con .con_re .re3 a{display: flex;align-items: center;color: #000000;}

.index3 .con .con_re .re3 span{height: 30px;margin-left: 10px;line-height: 30px;position: relative;}

.index3 .con .con_re .re3 span::after{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background:#424242 ;transition: all 0.6s;}

.index3 .con .con_re .re3 a:hover span::after{transition: all 0.6s;animation: in1_dh1 1.5s  linear ;}

.index3 .con .con_re .re4{margin: 25px 0 125px;}

.xiazai{display: flex;align-items: center;justify-content: space-between;width: 135px;height: 50px;color: #000000;position: relative;}

.xiazai::after{width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000;content: "";transition: all 0.6s;}

.xiazai:hover:after{width: 100%;transition: all 0.6s;animation: in1_dh1 1s  linear ;}

.floot{border-top: 10px solid #f18d00;}

.floot .floot1{background: #f3f3f3;}

.floot .floot1 .con1{padding: 100px 0 15px;}

.floot .floot1 .con2{padding: 50px 0 100px;display: flex;justify-content: space-between;border-top: 1px solid #dddddd;}

.floot .floot1 .con2 .con_le{}

.floot .floot1 .con2 .con_le .le1{margin-bottom: 20px;}

.floot .floot1 .con2 .con_le .le2{}

.floot .floot1 .con2 .con_le .le2 .li{display: flex;line-height: 20px;margin-bottom: 15px;}

.floot .floot1 .con2 .con_le .le2 .li:last-child{margin-bottom: 0;}

.floot .floot1 .con2 .con_le .le2 .li img{width: 20px;}

.floot .floot1 .con2 .con_le .le2 .li p{margin-left: 35px;width: calc(100% - 55px);display: flex;position: relative;}

.floot .floot1 .con2 .con_le .le2 .li p::after{content: "";width: 2px;height: 12px;background: #e4e4e4;position: absolute;left: -18px;top: 5px;}

.floot .floot1 .con2 .con_le .le2 .li p a{font-family: 'robr';}

.floot .floot1 .con2 .con_le .le2 .li p .sp3{margin: 0 10px;}

.floot .floot1 .con2 .con_le .le2 .li p a:hover{color: #f18d00;}

.floot .floot1 .con2 .con_re{}

.floot .floot1 .con2 .con_re .re1{display: flex;}
 
.floot .floot1 .con2 .con_re .re1 a{display: inline-block;margin-left: 30px;}

.floot .floot1 .con2 .con_re .re1 a:first-child{margin-left: 0;}

.floot .floot1 .con2 .con_re .re1 a:hover{color: #f18d00;}

.floot .floot1 .con2 .con_re .re2{overflow: hidden;margin: 40px 0 13px;}

.floot .floot1 .con2 .con_re .re2 .rs{display: flex;align-items: center;float: right;color: #333333;}

.floot .floot1 .con2 .con_re .re2 .rs s{display: block;width: 1px;height: 12px;background: #cccccc;margin:0 15px ;}

.floot .floot1 .con2 .con_re .re2 .rs img{width: 25px;}

.floot .floot1 .con2 .con_re .re3{overflow: hidden;}

.floot .floot1 .con2 .con_re .re3 .res{display: flex;float: right;}

.floot .floot1 .con2 .con_re .re3 .res .img{margin-left: 20px;text-align: center;}

.floot .floot1 .con2 .con_re .re3 .res .i{border: 1px solid #cccccc;margin-bottom: 10px;}

.floot .floot2{background: #fcfcfc;}

.floot .floot2 .con{display: flex;justify-content: space-between;align-items: center;height: 56px;}

.floot .floot2 .con .con_le{display: flex;}

.floot .floot2 .con .con_le a:hover{color: #f18d00;}

.floot .floot2 .con .con_le .ac{margin-right: 10px;}

.floot .floot2 .con .con_le .ac a{display: inline-block;line-height: 14px;border-bottom: 1px solid #fff;color: #004a99;}

.floot .floot2 .con .con_le .ac a:hover{border-bottom: 1px solid #004a99;}

.floot .floot2 .con .con_re{}

.floot .floot2 .con .con_re a:hover{color: #f18d00;}


/* 走进普尔菲特 */

.product_banner{position: relative;}

.product_banner .img{background: url(../images/pro_ban.jpg) center no-repeat fixed;background-size: cover;}

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

.product_banner .img .pc{opacity: 0;}

.product_banner .pro_con{position: relative;}

.product_banner .pro_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;}

.product_banner .pro_con .txt .ibox{height: 100%;display: flex;align-items: center;}

.erjdh{position: absolute;width: 100%;bottom: 0;height: 100px;display: flex;border-top: 1px solid #fff;}

.erjdh a{display: block;color: #fff;margin-right: 75px;height: 100%;line-height: 100px;position: relative;}

.switch_erjdh{display: block;}

/* .erjdh .swiper-slide{margin-right: 75px;width: auto;}

.erjdh .swiper-slide:last-child{margin-right: 0;}

.erjdh .swiper-container{width: 100%;} */

.erjdh a::after{content: "";width: 0%;height: 1px;position: absolute;left: 50%;transform: translateX(-50%);background: #f18d00;  top: -1px;transition: all 0.6s;}

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

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

.erjdh a:hover{color: #f18d00;}

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

.erjdh a.act{color: #f18d00;}

.switch_erjdh .fr_btn { width: 42px;height: 42px;border-radius: 50%;overflow: hidden;position: relative;background: #f18d00; position: absolute;top: 50%;margin-top: -21px;cursor: pointer;}

.switch_erjdh .fr_btn.prev{left: -60px;transform: rotate(180deg);}

.switch_erjdh .fr_btn.next{right: -60px;}

.switch_erjdh .fr_btn .btn_box { position: absolute;width: 200%;height: 100%;right: 0;top: 0;display: flex; }

.switch_erjdh .fr_btn:hover .btn_box { right: -100%; }

.switch_erjdh .fr_btn .btn_box p { display: flex;align-items: center;justify-content: center;width: 50%;height: 100%; }



.product1{padding: 150px 0 120px;position: relative;}

.product1 .con1{color: #333333;}

.product1 .con2{color: #666666;line-height: 32px;text-align: justify;margin: 40px 0 70px;}

.product1 .con2 p{margin-bottom: 15px;}

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

.product1 .con3{}

.product1 .con3 .ul{display: flex;justify-content: space-between;}

.product1 .con3 .ul .li{width: 32.5%;padding: 45px 70px 60px 45px;border: 1px solid #dddddd;border-radius: 30px;}

.product1 .con3 .ul .li .l1{width: 60px;margin-bottom: 18px;}
 
.product1 .con3 .ul .li .l2{}

.product1 .con3 .ul .li .l3{width: 100%;height: 1px;background: #dddddd;margin: 28px 0 22px;}

.product1 .con3 .ul .li .l4{line-height: 24px;}

.product1 .con3 .ul .li:hover{background: #fafafa;}

.product2{position: relative;background: #f3f3f3;}

.product2 .con1{display: flex;}

.product2 .con1 .con_le{width: 50%;}

.product2 .con1 .con_le img{width: 100%;}

.product2 .con1 .con_re{width: 50%;background: #f3f3f3;}

.product2  .con_re{width: 50%;}


.product2 .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.product2 .con2 .ibox{height: 100%;display: flex;justify-content: space-between;align-items: center;}

.product2 .re1{color: #f18d00;}

.product2 .re2{margin: 30px 0 70px;}

.product2 .re3{line-height: 33px;text-align: justify;color: #666666;height: 165px;margin-bottom: 20px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;}

.product2 .con_re{padding-left: 90px;}

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

.pro2_prev,.pro2_next{width: 60px;height: 60px;left: 0;bottom: 0;margin: 0;top: auto;background: #05459b url(../images/pro2_2.png) center no-repeat;background-size: 100% 100%;border-radius: 100%;}

.pro2_next{left: 80px;transform: rotate(180deg);}

.pro2_prev:hover,.pro2_next:hover{background-color: #f18d00;}

.product2 .ss{background: #f3f3f3;}


.product3{position: relative;background: url(../images/pro3_1.jpg) bottom no-repeat;background-size: cover;padding: 120px 0 100px;}


.product3 .con1{text-align: center;margin-bottom: 55px;}

.product3 .con1 .c1{color: #f18d00;margin-bottom: 30px;}

.product3 .con2{padding-left: 8.333%;}

.product3 .con2 .ss img{width: 100%;}

.pro3_ss{left: 0 !important;width: 90.9% !important;bottom: 3px !important;background: #fff;height: 4px !important;}

.pro3_ss .swiper-scrollbar-drag{background: #f18d00;border-radius: 0;height: 4px;}

.product3 .con2 .swiper-container{padding-bottom: 15px;border-radius: 0;}


.about4{position: relative;}

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

.about4 .con1 .c1{margin-bottom: 30px;color:#f18d00 ;}

.about4 .con2{display: flex;justify-content: space-between;position: relative;}

.about4 .con2 .con_le{width: 73.7%;}


.about4 .con2 .con_re{width: 26%;background: #074594;position: relative;}

.about4 .con2 .con_re .re{position: absolute;width: 100%;height: 100%;background: #f3f3f3;padding:30px 35px 40px 35px ;}

.about4 .con2 .con_re .ul{height: 100%;overflow-y: auto;padding-right: 17px;display: none;}

.about4 .con2 .con_re .ul::-webkit-scrollbar{ width:4px;height: 4px;}

.about4 .con2 .con_re .ul::-webkit-scrollbar-thumb{ background:#f18d00 url(../images/ab4_5.png) center no-repeat;border-radius: 10px;}

.about4 .con2 .con_re .ul::-webkit-scrollbar-track{ background:#f18d0020;} 

.about4 .con2 .con_re .ul .li{height: 31%;margin-bottom: 6%;position: relative;cursor: pointer;overflow: hidden;}

.about4 .con2 .con_re .ul .li .img {height: 100%;}

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

.about4 .con2 .con_re .ul .li::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 4px solid #fff;z-index: 2;transition: all 0.6s;opacity: 0;}

.about4 .con2 .con_re .ul .li s{position: absolute;width: 110%;height: 110%;background: url(../images/ab4_4.png) center no-repeat;background-size: 100% 100%;z-index: 1;top: -5%;left: -5%;transition: all 0.6s;}

.about4 .con2 .con_re .ul .li img{height: 100%;}

.about4 .con2 .con_re .ul .li.act::after{opacity: 1;transition: all 0.6s;}

.about4 .con2 .con_re .ul .li.act s{opacity: 0;transition: all 0.6s;}

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


.swiper_bg{width: 100%;height: 100%;padding-right: 20px;}

.swiper_bg .swiper-slide{cursor: pointer;}

.swiper_bg .swiper-slide .sbox{position: relative;overflow: hidden;width: 100%;height: 100%;}

.swiper_bg .swiper-slide .sbox img{width: 100%;height: 100%;object-fit: cover;}

.swiper_bg .swiper-slide .sbox s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../images/ab4_4.png) center no-repeat;background-size: cover;}

.swiper_bg .swiper-slide-active .sbox s{opacity: 0;}

.swiper_bg .scrollbar_bg{width: 4px;background: #f18d0020;}

.swiper_bg .scrollbar_bg .swiper-scrollbar-drag{ background:#f18d00 url(../images/ab4_5.png) center no-repeat;border-radius: 10px;}









.product5{position: relative;}

.product5 .con1 .c1{margin-bottom: 30px;color: #f18d00;}

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

.product5 .con2{}

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

.product5 .con2 .ss .img img{width: 100%;}

.product5 .con2 .ss .txt{position: absolute;bottom: 0;width: 53.125%;right: 0;z-index: 1;background: #fff;height: 90px;display: flex;align-items: center;line-height: 24px;padding-left: 32px;}


.product5 .con2 .ss .txt span{display: block;width: 70%;}

.product5 .con2 .an{position: absolute;width: 90px;height: 40px;position: absolute;right: 8.33%;bottom: 20px;}

.pro5_prev,.pro5_next{width: 40px;height: 40px;border-radius: 100%;background: #fff url(../images/pro5_1.png) center no-repeat;background-size: 100% 100%;box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);margin: 0;top: 0;}

.pro5_prev{left: 0;}

.pro5_next{right: 0;transform: rotate(180deg);}

.pro5_prev:hover,.pro5_next:hover{background: #f18d00 url(../images/pro5_2.png) center no-repeat;background-size: 100% 100%;}

.about3{background: url(../images/ab3.jpg) center no-repeat fixed;background-size: cover;position: relative;padding: 80px 0 120px;}

.about3 .con1{text-align: center;color: #fff;margin-bottom: 45px;}

.about3 .con1 .c1{margin-bottom: 30px;color: #f18d00;}

.about3 .con2{text-align: center;color: #fff;line-height: 30px;margin-bottom: 55px;}

.about3 .con3 .ss{}

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



































































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



@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: 44px;}

    .f_58{font-size: 44px;}

    .f_64{font-size: 50px;}

    .f_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .pt_120{padding-top: 100px ;}

    .p_120{padding: 100px 0;}

    .head{height: 100px;}

    .head.act{height: 80px;}

    .index2 .con2 .ss::after{top: 74px;}

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

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

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

    .biaodiantc .biaod_con{width: 900px;height: 600px;}
}


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

    .product5 .con2 .ss .txt span{width: 65%;}

   
}

@media screen and (max-width:1400px) {
    .product2 .re3{line-height: 30px;height: 150px;}

    .product2 .con_re{padding-left: 50px;}
   
}

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

    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_19{font-size: 16px;}

    .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:20px; }

    .f_36{ font-size:20px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_42{font-size: 22px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 24px;}

    .f_50{font-size: 24px;}

    .f_52{font-size: 26px;}

    .f_54{font-size: 26px;}

    .f_56{font-size: 26px;}

    .f_58{font-size: 26px;}

    .f_60{font-size: 26px;}

    .f_64{font-size: 26px;}

    .f_68{font-size: 26px;}

    .f_72{font-size: 30px;}

    .f_80{font-size: 30px;}

    .pt_120{padding-top: 40px;}

    .p_120{padding: 40px 0;}
   
    .mhead{display: block;}
  
    .head{display: none;}

    body{min-width: 200px;margin-top: 50px;}
    
    .ibox,.ibox2,.ibox3{min-width: 200px;width: 90%;}

    .wow{opacity: 1;}

    .pc{display: none;}

    .yd{display: block;}

    .banner .ss .txt{background:rgba(0,0,0,0.3);}

    .banner .ss .txt .tc .n2{width: 100%;line-height: 30px;}

    .banner .ding{bottom: 50px;}

    .banner .ban_con{height: auto;position: static;}

    .banner.act .ban_con{position: static;}

    .banner .zhez{display: none;}

    .banner{height: auto;}
   
    .banner .ss .img{height: auto;}

	.banner .ss .img .yd1{position: static;animation: none !important;width: 100%;}

    .banner .ss .txt .tc{bottom: 100px;}

    .banner .ss .img img{width: auto;max-width: none;}

    .bann_sp .swiper-pagination-bullet-active s{width: 50px;}

    .index2{padding: 40px 0;}

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

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

    .index2 .con2 .ss::after{height: 100px;top: 62px;right: 28px;}

    .index2 .con2 .ss{padding-right: 60px;}

    .index2 .con2 .a2{margin: 30px 0;}

    .index2 .con2 .a3{margin-bottom: 25px;}

    .index2 .con2 .index2_sw{padding-bottom: 50px;}

    .index3{padding: 40px 0;}

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

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

    .index3 .con .con_le img{width: 100%;}

    .index3 .con .con_re{width: 100%;padding: 30px 0;}
    
    .index3 .con .con_re .res{width: 100%;}

    .index3 .con .con_re .re2{margin: 30px 0 30px;}

    .index3 .con .con_re .re4{margin: 25px 0 40px;}

    .floot .floot1 .con2{flex-wrap: wrap;padding: 25px 0 30px;}

    .floot .floot1 .con1{padding: 30px 0 15px;}

    .floot .floot1 .con2 .con_re{width: 100%;}

    .floot .floot1 .con2 .con_re .re1{display: none;}

    .floot .floot1 .con2 .con_le .le2 .li p .sp1{ white-space: nowrap;}

    .floot .floot1 .con2 .con_le .le2 .li p .sp2{width: calc(100% - 50px);}

    .floot .floot1 .con2 .con_le .le2 .li{align-items: flex-start;}

    .floot .floot1 .con2 .con_le .le2 .li p .sp3{display: none;}

    .floot .floot1 .con2 .con_re .re3 .res{float: none;}

    .floot .floot1 .con2 .con_re .re3 .res .img:first-child{margin-left: 0;}

    .floot .floot1 .con2 .con_re .re2{width: 145px;margin: 10px 0 ;}

    .floot .floot2 .con{flex-wrap: wrap;justify-content: center;height: auto;line-height: 20px;padding: 20px 5% ;text-align: center;}

    .floot .floot2 .con .con_le{width: 100%;flex-wrap: wrap;justify-content: center;}

    .cebianl{right: 5px;width: 40px;top: 60%;}

    .cebianl .img{width: 40px;height: 40px;}

    .biaodiantc .biaod_con{width: 90%;height: 530px;padding: 0 20px;}

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

    .biaodiantc .biaod_con .con2 .ul .li{margin-bottom: 15px;}

    .biaodiantc .biaod_con .con2 .ul .li input{height: 40px;}

    .biaodiantc .biaod_con .con2 .ul .li{width: 100%;}

    .biaodiantc .biaod_con .con2 .ul .li .yzm{width: 100px;height: 36px;right: 3px;}

    .index3 .con .con_re .re2{justify-content: left;}

    .index3 .con .con_re .re2 a{margin-right: 20px;}

    .index3 .con .con_re .re2 a:last-child{margin-right: 0;}

    .product1{padding: 40px 0;}

    .product1 .con2{margin: 20px 0 30px;}

    .product1 .con2{line-height: 30px;}

    .product1 .con3 .ul .li{padding: 30px ;}

    .product1 .con3{width: 100%;overflow-y: auto;}

    .product1 .con3 .ul{width: 750px;}

    .product1 .con3 .ul .li .l1{width: 50px;}

    .product2 .con2{display: none;}

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

    .erjdh{display: none;}

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

    .product2 .con1 .con_re{width: 100%;padding: 30px 5%;}

    .pro2_sp{bottom: 0 !important;}

    .pro2_sp span{background: #f18d00;}

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

    .product3{padding: 40px 0;}
    
    .product3 .con2{padding: 0 5%;}

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

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

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

    .about4 .con2{flex-wrap: wrap;padding-left: 0;}

    .about4 .con2 .con_le{width: 100%;display: none;}

    .about4 .con2 .con_re{width: 100%;}

    .about4 .con2 .con_re .re{position: relative;overflow: auto;padding:  0px;background: #fff;}

    .swiper_bg{padding: 0 0 20px 0;}

    .swiper_bg .scrollbar_bg{width: 100%;height: 4px;}

    .about4 .con2 .con_re .ul{overflow: hidden;overflow-x: auto; display: flex;height:auto;width:  100%;padding-right: 0;padding-bottom: 10px;}

    .about4 .con2 .con_re .ul .li{width: 200px;margin-right: 20px;margin-bottom: 0;height: auto;overflow:unset;}

    .about4 .con2 .con_re .ul .li img{width: 200px;max-width: none;}

    .about4 .con2 .con_re .ul .li:hover img{}

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

    .about4 .con2 .con_le .txt{position: static;transform: translate(0);width: 100%;height: 50px;}

    .about4 .con2 .con_le .txt br{display: none;}

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

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

    .product5 .con2 .ss .txt{position: static;width: 100%;padding: 0 5%;}

    .product5 .con2 .ss{padding-bottom: 20px;}

    .about3{padding: 40px 0;}

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

    .about3 .con2 br{display: none;}

    .about3 .con2{margin-bottom: 20px;}

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

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

    .about3 .con3 .swiper-container{padding-bottom: 30px;}
    
    .index2 .con2{padding-left: 5%;}

	.floot .floot1 .con2 .con_re .re2 .rs{float:left;}

	.index3 .con{padding-top: 75px;}

	.index3 .con .con_re .re1{position: absolute;left: 0;top: 0px;}

	.index3 .con .con_re .re2{position: absolute;width: 100%;top: 30px;margin: 0;}

	.cebianl .i{width: 20px;}

	.about4 .con2 .con_re .ul .li:hover img{transform: scale(1);}

	.about4 .con2 .con_re .ul .li s{width: 100%;height: 100%;left: 0;top: 0;}

    .contact_cont .address .ar_left .cl .l  p{display: flex;}

    .contact_cont .address .ar_left .cl .l .sp1{ white-space: nowrap;}

    .contact_cont .address .ar_left .cl .l .di{display: block;}

}

@media screen and (max-width:800px) {
    .banner .ss .txt { background: rgba(0, 0, 0, 0.2); }
}