/* 前端江文哲 */

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

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

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

@font-face {
    font-family: 'hell';
    src: url("../fonts/HELVETICANEUE-THIN.OTF"),
    url("../fonts/HELVETICANEUE-THIN.svg"),
    url("../fonts/HELVETICANEUE-THIN.woff");
}

@font-face {
    font-family: 'dinb';
    src: url("../fonts/DINPro-Bold.otf");
}

@font-face {
    font-family: 'robl';
    src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: 'robm';
    src: url("../fonts/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'helb';
    src: url("../fonts/HELVETICANEUECONDENSEDBOLD.TTF");
}

.hell{font-family: hell;}

.dinb{font-family: dinb;}

.robl{font-family: robl;}

.robm{font-family: robm;}

.helb{font-family: helb;}

.bik{-webkit-text-stroke: 0.5px #005bac;}

.bik2{-webkit-text-stroke: 1.5px #005bac;}


.f_12{ font-size:12px; }

.f_14{font-size: 14px;}

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.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_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_68{font-size: 68px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}

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

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

.p_100{padding: 100px 0;}

.p_120{padding: 120px 0;}

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

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

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

.p_100_130{padding: 100px 0 130px;}

.p_t120{padding-top: 120px;}

.p_120_140{padding: 120px 0 140px;}

.p_180_100{padding: 180px 0 100px;}

/* 可视范围 */

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

.ibox2 {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;}



/*分页*/


.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%;}

/* 头部 */

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

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

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

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

.head .he_con .con_re{display: flex;}

.head .he_con .con_re .re1{position: relative;}

.head .he_con .con_re .re1 .ul{display: flex;align-items: center;font-weight: 400;}

.head .he_con .con_re .re1 .ul .li{height: 100%;position: relative;}

.head .he_con .con_re .re1 .ul .li .lt{height: 100%;padding: 0% 25px;}

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

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

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

.head .he_con .con_re .re2 .r21{display: flex;align-items: center;}

.head .he_con .con_re .re2 .r21 a{color: #fff;display: flex;align-items: center;}

.head .he_con .con_re .re2 .r21 a span{color: #fff;}

.head .he_con .con_re .re2 .r21 a .img{width: 20px;height: 20px;position: relative;background: url(../images/head_1.png) center no-repeat;background-size: 100% 100%;margin-right: 7px;transition: all 0.6s;}

.head .he_con .con_re .re2 .r22 a{width: 20px;height: 20px;background: url(../images/head_4.png) center no-repeat;background-size: 100% 100%;transition: all 0.6s;}

.head .he_con .con_re .re2 .r23{height: 18px;width: 1px;background: rgba(255, 255, 255, 0.40);margin: 0 28px;}

.head .he_con .con_re .re2 .r24 span{width: 20px;height: 20px;background: url(../images/head_7.png) center no-repeat;background-size: 100% 100%;display: block;cursor: pointer;}

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

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


.head.act,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.15);transition: all 0.6s;}

.head.act .he_con .con_re .re1 .ul .li .lt a,.head.act2 .he_con .con_re .re1 .ul .li .lt a,.head.act3 .he_con .con_re .re1 .ul .li .lt a{color: #111111;}

.head.act .he_con .con_re .re2 .r21 a span,.head.act2 .he_con .con_re .re2 .r21 a span,.head.act3 .he_con .con_re .re2 .r21 a span{color: #333;}

.head.act .he_con .con_re .re2 .r21 a .img,.head.act2 .he_con .con_re .re2 .r21 a .img,.head.act3 .he_con .con_re .re2 .r21 a .img{background-image: url(../images/head_3.png);}

.head.act .he_con .con_re .re2 .r22 a,.head.act2 .he_con .con_re .re2 .r22 a,.head.act3 .he_con .con_re .re2 .r22 a{background-image: url(../images/head_6.png);}

.head.act .he_con .con_re .re2 .r24 span,.head.act2 .he_con .con_re .re2 .r24 span,.head.act3 .he_con .con_re .re2 .r24 span{background-image: url(../images/head_9.png);}

.head.act .he_con .con_re .re2 .r23,.head.act2 .he_con .con_re .re2 .r23,.head.act3 .he_con .con_re .re2 .r23{background: rgba(0, 0, 0, 0.4);}

.head.act .he_con .con_le a img:last-child,.head.act2 .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{opacity:0 ;}

.head .he_con .con_re .re2 .r21 a:hover .img {background-image: url(../images/head_2.png);}

.head .he_con .con_re .re2 .r21 a:hover span{color: #c70019;}

.head .he_con .con_re .re2 .r22 a:hover{background-image: url(../images/head_5.png);transition: all 0.6s;}

.head .he_con .con_re .re2 .r24 span:hover{background-image: url(../images/head_8.png);transition: all 0.6s;}

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

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

.head .cpxl{position: absolute;left: 0;width: 120%;padding: 40px 25px 10px;top: 100px;display: none;height: auto;background: #fff;border: 1px solid rgba(0, 0, 0, 0.05);}


.head .dise{width: 100%;position: absolute;left: 0;top: 100px;width: 100%;height: 500px;background: rgba(255, 255, 255, 0.9);display: none !important;}

.head .cpxl .cnn{display: flex;flex-wrap: wrap;}

/* .head .cpxl s{width: 400%;height: 100%;background: rgba(255, 255, 255, 0.9);position: absolute;left: -200%;top: 0;display: block;} */

.head .cpxl .cp{position: relative;z-index: 2;margin-right: 3.845%;margin-bottom:30px;flex: 1;}

/* .head .cpxl .cp:nth-child(3n){margin-right: 0;} */

.head .cpxl .cp a{display: block;}

.head .cpxl .cp .c1{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #dbdbdb;}

.head .cpxl .cp .c2 a{margin-bottom: 20px;}

.head .cpxl .cp .c2 a:last-child{margin-bottom: 0;}

.head .cpxl a:hover{color: #c70019;}

.head .he_con .con_re .re1 .ul .li .li_txt{position: absolute;left: 50%;width: 200%;top: 100px;text-align: center;transform: translateX(-50%);padding: 40px 0;display: none;z-index: 2;background: #fff;border: 1px solid rgba(0, 0, 0, 0.05);}

.head .he_con .con_re .re1 .ul .li .li_txt a{display: block;margin-bottom: 35px;}


.head .he_con .con_re .re1 .ul .li .li_txt a:last-child{margin-bottom: 0;}

.head .he_con .con_re .re1 .ul .li .li_txt a:hover{color: #c70019;}

.head.act{height: 70px;}

.head.act .he_con .con_le a{width: 150px;}

.head.act .cpxl{top: 70px;}

.head.act .he_con .con_re .re1 .ul .li .li_txt{top: 70px;}



.sbxh{position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;z-index: 5;color: #fff;text-align: center;}

.sbxh .i{width: 26px;height: 40px;background: url(../images/xh2.png) center no-repeat;background-size: 100% 100%;margin: 0 auto 10px;overflow: hidden;position: relative;}

.sbxh .i::after{width: 2px;height: 8px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);animation: sbdh 2s linear infinite;content: "";}


@keyframes sbdh {
    
    0%{top: -100%;}
    100%{top: 100%;}

}

.in_banner{position: relative;height: 100vh;}

.in_banner .xian{height: 10px;position:absolute;left: 0;bottom: 0;background: #005bac;width: 100%;z-index: 5;}

.in_banner .ss{position: relative;}

.in_banner .ss .img{position: relative;}

.in_banner .ss .img img{height: 100vh;}

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

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

.in_banner .ss .txt{position: absolute;left: 0;bottom: 164px;width: 100%;height: auto;color: #fff;z-index: 2;}

.in_banner .ss .txt .c1{line-height: 1.3;position: relative;left: 200px;opacity: 0;font-weight: 400;}

.in_banner .ss .txt .c2{line-height: 1.5;margin-top: 25px;position: relative;left: 200px;opacity: 0; font-weight: 400;}

.in_banner .ss .txt .c3{margin-top: 75px;position: relative;left: 200px;opacity: 0;}

.in_banner .swiper-slide-active .ss .txt .c1{left: 0;opacity: 1;transition-delay: 0.4s;}

.in_banner .swiper-slide-active .ss .txt .c2{left: 0;opacity: 1;transition-delay: 0.6s;}

.in_banner .swiper-slide-active .ss .txt .c3{left: 0;opacity: 1;transition-delay: 0.8s;}

.banner_prev,.banner_next{width: 30px;height: 60px;background: url(../images/ban_2.png) center no-repeat;background-size: 100% 100%;opacity: 0.9;}


.banner_prev{transform: rotate(180deg);left: 30px;}

.banner_next{right: 30px;}

.banner_prev:hover,.banner_next:hover{opacity: 1;}

.banner_sp {width: auto;left: 0;text-align: left;bottom: 70px !important;position: absolute;left: 50% !important;transform: translateX(-50%);width: 83.33% !important;}

.banner_sp span{margin: 0 15px !important;background: rgba(255, 255, 255, 0.40);opacity: 1;position: relative;width: 4px;height: 4px;}

.banner_sp span::after{content: "";width: 24px;height: 24px;position: absolute;left: 50%;top: 50%;border-radius: 100%;border: 1px solid rgba(255, 255, 255, 0.40);transform: translate(-50%,-50%);opacity: 0;}

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


.banner_sp .swiper-pagination-bullet-active{background: #fff;} 

.banner_sp .swiper-pagination-bullet-active::after,.banner_sp .swiper-pagination-bullet-active::before{opacity: 1;}


.gengd{width: 160px;height: 52px;color: #fff;display: flex;align-items: center;border-radius: 5px;position: relative;background: #c70019;transition: all 0.6s;padding: 0 0 0  30px;}

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

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

.gengd .i{margin-left: 12px;position: relative;display: flex;align-items: center;}

.gengd .i img{display: none;}

.gengd .i::after{width: 9px;height: 9px;border-top: 1px solid #fff;border-right: 1px solid #fff;content: "";position: relative;transform: rotate(45deg);right: 8.7px;}

.gengd .i::before{width: 17px;height: 1px;background: #fff;content: "";transition: all 0.6s;position: relative;}


.gengd:hover .i::before{width: 27px;transition: all 0.6s;}

/* .gengd:hover {box-shadow: 0 0px 5px 1px #c7001980;transition: all 0.6s;} */

.gengd2{color: #c70019;justify-content: center;padding: 0;border: 1px solid #c70019;background: transparent;}

.gengd2:hover{background: #c70019;}

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

.index2{position: relative;}

.index2 .con{position: relative;display: flex;justify-content: space-between;height: 100vh;z-index: 5;}

.index2 .con .con_le{width: 50%;position: relative; }

.index2 .con .con_le img{width: 100%;height: 100%;opacity: 0.5;}

.index2 .con .con_re{background: url(../images/index2_2.jpg) right bottom no-repeat;background-size: cover;width: 50%;padding: 0 200px 0 180px;display: flex;padding-top: 27.89vh;}

.index2 .con .con_re .re{z-index: 6;}


.index2 .con .con_re .r2{line-height: 1.4;margin: 48px 0;}

.index2 .con .con_re .r3{display: flex;flex-wrap: wrap;}

.index2 .con .con_re .r3 a{display: block;width:126px;height: 42px;border: 1px solid #dbdbdb;background: #f9f9f9;text-align: center;line-height: 40px;border-radius: 5px;margin-bottom: 25px;margin-right: 15px;}

.index2 .con .con_re .r3 a:hover{border: 1px solid #c70019;font-weight: 600;color: #c70019;}

.index2 .con .con_re .r3 a.act{border: 1px solid #c70019;font-weight: 600;color: #c70019;}


.index2 .con .con_re .r4{margin-top: 35px;width: 64px;height: 64px;position: relative;}

.tiaoz{width: 64px;height: 64px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: 64px 64px;transform: translate(-50%,-50%);overflow: hidden;}

/* .tiaoz .is{width: 128px;height: 64px;position: absolute;right: 0px;display: flex;align-items: center;top: 0;} */

.tiaoz::after{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #c70019;content: "";border-radius: 100%;transition: all 0.6s;}

.tiaoz .is{right: 0;top: 0;width: 200%;height: 100%;z-index: 2;position: absolute;display: flex;align-items: center;}

.tiaoz .is img{height: 100%;transform: rotate(180deg);}


.tiaoz s{}

.tiaoz:hover .is{right: -64px;transition: all 0.6s;}

.qhqh{position: absolute;height: auto;top: 64.21%;right: 0;width: 132px;left: calc(50% + 180px);}

.qhqh .swiper-button-prev,.qhqh .swiper-button-next{width: 56px;height: 56px;border-radius: 100%;background: url(../images/index4_7.png) center no-repeat;background-size: 100% 100%;border: 1px solid #6d6d6d;}

.qhqh .swiper-button-next{transform: rotate(180deg);right: 0 !important;}

.qhqh .swiper-button-prev{left: 0 !important;}

.qhqh .swiper-button-prev:hover,.qhqh .swiper-button-next:hover{border: 1px solid #c70019;background:#c70019 url(../images/index4_8.png) center no-repeat;background-size: 100% 100%;}

.index2  .qhqh .swiper-button-prev,.index2  .qhqh .swiper-button-next{border: 1px solid #c70019;background:#c70019 url(../images/index4_8.png) center no-repeat;background-size: 100% 100%;}






.index2 .qeih{position: absolute;right: 30px;bottom: 0;width: 520px;height: 15vh;z-index: 5;}

.index2 .qeih .c{position: absolute;right: 0;bottom:30px;right: 36px;z-index: 5;width: 100%;}

.index2 .qeih .txt{text-align: center;margin-top: 10px;}

.index2 .qeih .swiper-slide .img {padding: 5px;border: 1px solid transparent;cursor: pointer;}

.index2 .qeih .swiper-slide .img img{width: 100%;}

.index2 .qeih .act .img{border: 1px solid #666666;}

.index2 .qeih .img img{width: 100%;}

.index2 .qeih .act .txt{color: #005bac;}

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

.dingwei{width: 100%;position: absolute;left: 0;height: 1px;}

.mhead,.mnav2,.mnav{display: none;}
  
/* 进度条 */

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

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

.index3{background: url(../images/index3.jpg) center no-repeat;background-size: cover;padding: 150px 0 210px;}

.index3 .con2{width: 725px;color: #333333;line-height: 1.7;margin: 40px 0 105px;}

.index3 .con3 {}

.index3 .con3 .ul:first-child{margin-bottom: 95px;}

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

.index3 .con3 .ul .li{display: flex;width: 22%;border-right: 1px solid #dbdbdb;}

.index3 .con3 .ul .li:nth-child(4n){width: auto;min-width: 18%;border: 0;}

.index3 .con3 .ul .li .lc{display: flex;}




.index3 .con3 .ul .li .ll{position: relative;width: 50px;margin-right: 17px;}

.index3 .con3 .ul .li .ll img{position: absolute;bottom: 5px;}

.index3 .con3 .ul .li .lr .r1{margin-bottom: 13px;color: #005bac;}

.index3 .con3 .ul .li .lr .r2{color: #444444;}

.index3 .con3 .ul .li .lr .r1 .zi{transform: translateY(-3px);display: inline-block;margin: 0 3px 0 5px;}

.index3 .con3 .ul .li .lr .r1 .sp2{display: inline-block;transform: translateY(4px);}

.index4{}

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

.index4  .con1_re{width: 132px;position: absolute;right: 0;top: 0;height: 56px;}

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

.index4 .con2 .con2_le{width: 40.625%;}

.index4 .con2 .con2_re{width: 55.625%;position: relative;}

.index4 .con2 .con2_le a{display: block;}

.index4 .con2 .con2_le .txt{padding: 45px 45px 60px;background: #f7f7f7;}

.index4 .con2 .con2_le .txt .t1{display: flex;align-items: center;margin-bottom: 25px;color: #333333;}

.index4 .con2 .con2_le .txt .t1 span{display: inline-block;line-height: 20px;transform: translateY(2px);}

.index4 .con2 .con2_le .txt .t1 .time{margin-right: 5px;}

.index4 .con2 .con2_le .txt .t2{height: 70px;line-height: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;margin-bottom: 10px;}

.index4 .con2 .con2_le .txt .t3{display: flex;align-items: center;}

.index4 .con2 .con2_le .txt .t3 .sp2{position: relative;display: inline-block;margin-left: 5px;line-height: 35px;color: #333333;}

.index4 .con2 .con2_le .txt .t3 .sp2 img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.index4 .con2 .con2_re .re{width: 100%;position: absolute;bottom: 0;}

.index4 .con2 .con2_re .re .txt{padding: 35px 40px 45px;background: #f7f7f7;}

.index4 .con2 .con2_re .re .txt .t1{margin-bottom: 25px;display: flex;align-items: center;color: #333333;}

.index4 .con2 .con2_re .re .txt .t1 span{display: inline-block;line-height: 20px;transform: translateY(2px);}

.index4 .con2 .con2_re .re .txt .t1 .time{margin-right: 5px;}

.index4 .con2 .con2_re .re .txt .t2{line-height: 30px;height: 60px;margin-bottom: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.index4 .con2 .con2_re .re .txt .t3{display: flex;align-items: center;}

.index4 .con2 .con2_re .re .txt .t3 .sp2{position: relative;margin-left: 5px;display: inline-block;color: #333333;}

.index4 .con2 .con2_re .re .txt .t3 .sp2 img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

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

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

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

.index4 .con2 .ss::after{content: "";width: 0;height: 6px;background: #c70019;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: all 0.6s;}

.index4 .con2 .ss:hover .img img{transform: scale(1.05);}

.index4 .con2 .ss:hover::after{width: 100%;transition: all 0.6s;}

.index4 .con2 .ss:hover .t2{color: #c70019;}

.index4 .con2 .ss:hover .t3 span{color: #c70019;}

.index4 .con2 .ss:hover .txt .t3 .sp2 img:last-child{opacity: 1;}

.index4 .con2 .ss:hover .txt .t3 .sp2 img:first-child{opacity: 0;}

.index4 .con3{display: flex;justify-content: center;margin-top: 50px;}

.in4_prev,.in4_next{width: 56px;height: 56px;border-radius: 100%;border: 1px solid #6d6d6d;background: url(../images/index4_7.png) center no-repeat;background-size: 100% 100%;}

.in4_prev{left: 0;}

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

.in4_prev:hover,.in4_next:hover{background: #c70019 url(../images/index4_8.png) center no-repeat;background-size: 100% 100%;border: 1px solid #c70019;}

.index5{width: 100%;height: 300vh;position: relative;overflow: hidden;z-index: 5;}

.index5 .con{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;}

.index5 .con .img{width: 100%;height: 100%;position: relative;overflow: hidden;}

.index5 .con video{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}

.index5 img{width: 100%;}

.index5.act .con{position: fixed;}

.index5.act2 .con{position: absolute;top: auto;bottom: 0;}

.index5 .txty{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;opacity: 0;transition: all 0.6s;}

.index5 .txty .txt{position: absolute;width: 100%;bottom: 0;text-align: center;z-index: 5;background: #fff;padding-bottom: 9.5vh;}

.index5 .txty .txt .t1{line-height: 1.5;}

.index5 .txty .txt .t2{display: flex;justify-content: center;margin-top: 50px;}

.index5 .txty .im{}

.index5 .txty .im img{width: 200%;max-width: 99999px;position: absolute;left: 50%;top: 30%;transform: translate(-50%,-50%);}

.index5 .txty.act{opacity: 1;transition: all 0.6s;}


.floot{background: #0b161f;}

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

.floot .con1  .con1_le{width: 28.2%;}

.floot .con1  .con1_le .le2{color: #fff;margin-top: 20px;}

.floot .con1  .con1_le .le2 .l1{display: flex;align-items: center;}

.floot .con1  .con1_le .le2 .l1 img{margin-right: 5px;;}

.floot .con1  .con1_le .le2 .l2 a{color: #0087ff;margin: 15px 0 30px;}

.floot .con1  .con1_le .le3{color: #fff;}

.floot .con1  .con1_le .le3 a{color: #fff;}

.floot .con1  .con1_le .le3 p{display: flex;line-height: 20px;}

.floot .con1  .con1_le .le3 p:first-child{margin-bottom: 18px;;}

.floot .con1  .con1_le .le3 p span{display: block;}

.floot .con1  .con1_le .le3 p img{margin-right: 5px;width: 20px;height: 20px;}

.floot .con1  .con1_le .le3 p .sp1{width: 50px;}

.floot .con1  .con1_le .le3 p .sp2{width: calc(100% - 75px);}

.floot .con1  .con1_le .le3 p a:hover{color: #c70019;}

.floot .con1  .con1_le .le4{color: #fff;margin-top: 28px;display: flex;}

.floot .con1  .con1_le .le4 .l{width: 100px;position: relative;cursor: pointer;}

.floot .con1  .con1_le .le4 .l:first-child{margin-right: 25px;}

.floot .con1  .con1_le .le4 .txt{height: 20px;line-height: 20px;text-align: center;margin-top: 5px;background: rgba(255, 255, 255, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.3);}

.floot .con1  .con1_le .le4 .l .f{width: 180px;height: 180px;position: absolute;left: 50%;top: -200px;transform: translateX(-50%);background: #fff;z-index: -2;opacity: 0;pointer-events: none;visibility: hidden;}

.floot .con1  .con1_le .le4 .l .f::after{content: "";width: 10px;height: 10px;position: absolute;bottom: -5px;background: #fff;left: 50%;transform: translateX(-50%) rotate(45deg);}

.floot .con1  .con1_le .le4 .l .f img{width: 100%;}

.floot .con1  .con1_le .le4 .l:hover .f{opacity: 1;z-index: 2;visibility: visible;top: -190px;}

.floot .con1  .con1_re{width: 68.75%;}

.floot .con1  .con1_re a{color: rgba(255, 255, 255, 0.40);display: block;margin-bottom: 17px;}

.floot .con1  .con1_re a:first-child{color: #fff;height: 70px;border-bottom: 1px solid #fff;line-height: 70px;position: relative;margin-bottom: 23px;}

.floot .con1  .con1_re a span{width: 15px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/floot_7.png) center no-repeat;background-size: 100% 100%;}

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

.floot .con1  .con1_re .ul .li{width: 16.4%;}

.floot .con1  .con1_re a:hover{color: #c70019;}

.floot .con1 .con1_re a:hover span{background-image: url(../images/floot_8.png);}

.floot .con1 .con1_re a:hover{color: #c70019;}

.floot .con2 {display: flex;justify-content: space-between;color: rgba(255, 255, 255, 0.40);padding: 30px 0;border-top: 1px solid rgba(255, 255, 255, 0.2);}

.floot .con2  a{color: rgba(255, 255, 255, 0.40);}

.floot .con2 .con2_le{display: flex;line-height: 30px;}

.floot .con2 .con2_re {}

.lianj{width: 320px;height: 30px;position: relative;}

.lianj .lian{width: 100%;display: flex;align-items: center;height: 100%;cursor: pointer;}

.lianj .lian .l1{width: calc(100% - 50px);height: 100%;line-height: 28px;border: 1px solid rgba(255, 255, 255, 0.2);border-right: 0;padding-left: 10px;}

.lianj .lian .l2{width: 50px;background: #c70019;height: 100%;position: relative;}

.lianj .lian .l2 img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.lianj .xl{width: 100%;background: #0b161f;border: 1px solid rgba(255, 255, 255, 0.1); padding: 5px 11px;line-height: 30px;position: absolute;left: 0;bottom: 30px;opacity: 0;pointer-events: none;}

.lianj .xl a{display: block;}

.lianj .xl a:hover{color: #fff;}

.lianj.act .xl{opacity: 1;pointer-events: visible;}


.lianj.act .lian .l2 img{transform: translate(-50% , -50%) rotate(180deg);}

.floot .con2 .con2_le a{padding: 0 18px;}

.floot .con2 .con2_le s{width: 1px;height: 13px;background: rgba(255, 255, 255, 0.6);display: inline-block;}

.floot .con2 .con2_le .re a{padding: 0;}

.floot .con2 .con2_le .c img{width: 16px;height: 16px;display: inline-block;transform: translateY(2px);}

/* .floot .con2 .con2_le .c a{display: flex;align-items: center;} */

.floot .con2 .con2_le  a:hover{color: #c70019;}

.lianj:hover .l1{color: #fff;}


.shiyibf{width: 40px;height: 40px;position: absolute;right: 50px;bottom: 50px;background: url(../images/sheng.png) center no-repeat;background-size: 100% 100%;cursor: pointer;z-index: 50;}

.shiyibf.act{background-image:  url(../images/sheng2.png);}








@media screen and (max-width:1800px) {
    .index2 .con .con_re{padding: 27vh 150px 0;}

    .qhqh{left: calc(50% + 150px);}
}


@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_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_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .p_80{padding: 80px 0;}

    .p_100_80{padding: 80px 0;}

    .p_80_100{padding: 80px 0 ;}

    .p_100{padding: 80px 0;}

    .p_120{padding: 100px 0;}

    .p_100_120{padding: 100px 0;}

    .p_120_100{padding: 100px 0;}

    .p_80_120{padding: 80px 0 ;}

    .p_100_130{padding: 100px 0 ;}

    .p_t120{padding-top: 100px;}

    .p_120_140{padding: 100px 0 ;}

    .p_180_100{padding: 150px 0 100px;}

    .head .he_con .con_re .re1 .ul .li .lt{padding: 0 20px;}

    .head .he_con .con_le a{width: 160px;}

    .head .he_con .con_re .re2 .r23{margin: 0 22px;}

    .qhqh{left: calc(50% + 120px);}

    .index2 .con .con_re{padding: 25vh 120px 0;}

    .index3{padding: 120px 0 180px;}

    .index3 .con3 .ul .li .lr .r2{font-size: 14px;}
    
    .lianj{width: 250px;}

    .head{height: 80px;}

    .head .he_con .con_re .re1 .ul .li .li_txt{top: 80px;}


    .head .dise{height: 420px;top: 80px;}

    .head .cpxl{padding: 40px 20px 10px;top: 80px;}

    .head .cpxl .cp{margin-bottom: 40px;}

    .head .cpxl .cp .c1{margin-bottom: 20px;padding-bottom: 15px;}

    .head .he_con .con_re .re1 .ul .li .li_txt a{margin-bottom: 30px;}

}

@media screen and (max-width:1600px) {
    .index2 .con .con_re{padding: 24vh 120px 0;}
    .qhqh {top: 67.21%;}
    .floot .con2{flex-wrap: wrap;justify-content: center;}

    .floot .con2 .con2_re{width: 100%;margin-top: 8px;display: flex;justify-content: center;}
}


@media screen and (max-width:1500px) {
    .head .he_con .con_re .re2{margin-left: 40px;}

    .head .he_con .con_re .re1 .ul .li .lt{padding: 0 15px;}

    .floot .con1 .con1_le{width: 30%;}

    .floot .con1 .con1_re{width: 65%;}

  
    .index3{padding: 100px 0 150px;}

    .index3 .con2{margin: 40px 0 50px;}
}

@media screen and (max-width:1400px) {
    .index2 .con .con_re{padding: 15vh 80px 0;}

    .qhqh{left: calc(50% + 80px);}

    .qhqh{top: auto;bottom: 160px;}

    .index2 .qeih{width: 450px;}

    
}


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

    .head .he_con .con_re .re2{margin-left: 20px;}
    
    .head .he_con .con_le a{width: 155px;}

    .head .he_con .con_re .re1 .ul .li .lt{padding: 0 12px;}
    
}





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

    html,body{overflow-x: hidden;}

    .head{display: none;}

    .ibox2{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: 14px;}

    .f_16{ font-size:14px; }

    .f_18{ 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:22px; }

    .f_36{ font-size:24px; }

    .f_38{ font-size:24px; }

    .f_40{font-size: 24px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 26px;}

    .f_50{font-size: 28px;}

    .f_52{font-size: 28px;}

    .f_54{font-size: 28px;}

    .f_68{font-size: 28px;}

    .f_80{font-size: 36px;}

    .p_80{padding: 40px 0;}

    .p_100_80{padding: 40px 0;}

    .p_80_100{padding: 40px 0 ;}

    .p_100{padding: 40px 0;}

    .p_120{padding: 40px 0;}

    .p_100_120{padding: 40px 0;}

    .p_120_100{padding: 40px 0;}

    .p_80_120{padding: 40px 0 ;}

    .p_100_130{padding: 40px 0 ;}

    .p_t120{padding-top: 40px;}

    .p_120_140{padding: 40px 0 ;}

    .p_180_100{padding: 40px 0;}

    .wow{opacity: 1;}


    .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/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: 30px;margin-top: 11px;}
  
    .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: 15;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: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}
  
    .mnav2 .mbox .dl1 dd .dtop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}
  
    .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;}

    .gengd{width: 120px;height: 40px;padding: 0 0 0 19px;}

    .gengd .i{margin-left: 8px;}

    .gengd:hover .i::before{width: 3px;}

    .gengd2{padding: 0;}

    .sbxh{display: none;}

    .banner_sp{bottom: 50px !important;}

    .in_banner .ss .img video{display: none;z-index: -20;pointer-events: none;visibility: hidden;}

    .in_banner .ss .txt{align-items: normal;bottom: auto;top: 30%;}

    .in_banner .ss .txt .con{transform: translateY(0px);}

    /* .index2 {padding-bottom: 150px;} */


    .index2 .nr{}

    .qhqh{right: 5%;left: auto;width: 110px;z-index: 20;height: 50px;top: 70%;display: none;}

    .qhqh .swiper-button-prev, .qhqh .swiper-button-next{width: 50px;height: 50px;}

    .index2 .qeih{width: 100%;height: auto;padding-bottom: 40px;bottom: 0;right: 0;}

    .index2 .qeih .c{right: 0;width: 100%;padding: 0 5%;position: static;}

    .index2 .con{flex-wrap: wrap;height: auto;}

    .index2 .con .con_le{width: 100%;display: none;}

    .index2 .con .con_re{width: 100%;padding: 60px 5% 220px;}

    .index2 .con .con_re .r4{margin-top: 20px;}

    .tiaoz{width: 50px;height: 50px;}

    .tiaoz s{width: 50px;height: 50px;}

    .tiaoz .is{width: 100px;height: 50px;}

    .tiaoz .is img {width: 50px;}

    .tiaoz:hover .is{right: -50px;}

    .index3 .con2{width: 100%;}

    .index3{padding: 40px 0;}

    .index3 .con2{margin: 25px 0 30px;}
    
    .index3 .con3 .ul .li{width: 45%;margin-bottom: 30px;}


    .index3 .con3 .ul .li:nth-child(4n){width:45%;}

    .index3 .con3 .ul:first-child{margin-bottom: 0;}

    .index3 .con3 .ul .li:nth-child(2n){border: 0;}

    .index3 .con3 .ul .li .lr .r2{line-height: 1.4;}

    .index3 .con3 .ul .li .lr .r1 .sp2{transform: translateY(1px);}

    .index3 .con3 .ul .li .lr .r1 .zi{margin: 0  0  0 3px;}

    .index4 .con2 .con2_re .re .txt{padding: 20px;}

    .index4 .con2 .con2_le .txt{padding: 20px;}

    .index4 .con2 .con2_re .re .txt .t1{margin-bottom: 10px;}

    .index4 .con2 .con2_le .txt .t1{margin-bottom: 10px;}

    .in4_prev, .in4_next{width: 50px;height: 50px;}

    .index4 .con1_re{width: 115px;display: none;}

    .index4 .con1{margin-bottom: 50px;}

    .index4 .con1_re{display: none;}

    .index4 .in4_sw{padding-bottom: 60px;}

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

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

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

    .floot .con2 .con2_le{flex-wrap: wrap;justify-content: center;margin-bottom: 5px;line-height: 26px;}

    .floot .con1 .con1_le .le1{width: 150px;}

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

    .floot .con1 .con1_le .le3 p:first-child{margin-bottom: 10px;}

    .lianj.act .xl{background: #0b161f;border: 1px solid rgba(255, 255, 255, 0.1);}

    .index4 .con3{margin-top: 0px;}

    .floot .con2 .con2_le s{height: 10px;}

    .in_banner{height: auto;}

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

    .index5{height: 250vh;}

    .index5 .con video{display: none;z-index: -20;pointer-events: none;visibility: hidden;opacity: 0;}

    .index5 .con .img img{width: auto;height: 100vh;max-width: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

    .in_banner .ss .txt .c2{display: none;}

    .shiyibf{display: none;}

}


@media screen and (max-width:800px) {
    .banner_sp{bottom: 30px !important;}

    /* .in_banner .ss .txt .c2{margin-top: 20px;} */

    .banner_prev, .banner_next{height: 40px;width: 20px;top: 60%;}
    

    .banner_prev{left: 5%;}

    .banner_next{right: 5%;}

    .in_banner .ss .txt{top: 15%;}

    .qhqh{top: 50%;}

    .index2 .con .con_re{padding: 40px 5% 120px;}

    .index2 .nr .swiper-slide{height: auto;}

    .index2 .con .con_re .r2{margin: 25px 0;}

    .index2 .con .con_re .r3 a{margin-bottom: 10px;}

    .index2 .con .con_le{}

    .index2 .con .con_le img{height: auto;}


    .index3 .con3 .ul .li{width: 45%;margin-bottom: 30px;padding-right: 20px;width: 48%;}

    .index3 .con3 .ul .li:nth-child(2n){padding-right: 0;width: 45%;}

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

    .index4 .con2{flex-wrap: wrap;}

    .index4 .con2 .con2_le{width: 100%;}


    .index4 .con2 .con2_re{width: 100%;margin-top: 30px;}

    .index4 .con2 .con2_re .re{position: relative;}

    .index4 .con1_re{position: relative;margin-top: 20px;}

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

    .index3 .con3 .ul .li .lr .r1{margin-bottom: 8px;}

    .index5 .txty .txt .t1 br{display: none;}

    .index5 .txty .txt .t1{padding: 5%;font-size: 20px;}

    .floot .con2 .con2_le{font-size: 12px;}

    .floot .con2 .con2_le a{padding:  0 8px;line-height: 24px;}


    .floot .con1 .con1_le .le4{justify-content: center;}

    .index3 .con3 .ul .li .ll{width: 32px;margin-right: 8px;}

    .index3 .con3 .ul .li .lr{width: calc(100% - 40px);}

    .index5{height: 240vh;}
 

}