/* 前端江文哲 */
@charset "UTF-8";
*,*: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: #333333;font-family: Arial, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}
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:#e94609;}
body::-webkit-scrollbar-track{ background:#fff;} 

@font-face {
	font-family: "din";
	src: url("../fonts/DIN-REGULAR-2.woff") format("woff"),
		 url("../fonts/DIN-REGULAR-2.ttf") format("truetype"),
		 url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"),
		 url("../fonts/DIN-REGULAR-2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }

.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_42{font-size: 42px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}
.f_52{font-size: 52px;}
.f_54{font-size: 54px;}

.f_56{font-size: 56px;}
.f_60{font-size: 60px;}
.f_64{font-size: 64px;}
.f_72{font-size: 72px;}
.f_88{font-size: 88px;}
.f_120{font-size: 120px;}
.p_60{padding: 60px 0;}
.p_80{padding:80px 0}
.p_90{padding: 90px 0;}
.p_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.p_100_45{padding: 100px 0 45px;}
.p_100_120{padding: 100px 0 120px;}
.pb_120{padding-bottom: 120px ;}
.p_100_50{padding: 100px 0 50px;}
.p_100_80{padding: 100px 0 80px;}
.p_75_100{padding: 75px 0 100px;}
.pb_120{padding-bottom: 120px;}
.p_20_120{padding: 20px 0 120px;}
.p_100_60{padding: 100px 0 60px;}
.p_80_100{padding: 80px 0 100px;}
.p_120_80{padding: 120px 0 80px;}
.p_120_100{padding: 120px 0 100px;}
.box {max-width:1400px;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;}
.ibox {max-width:1600px;min-width: 1200px;width:83%; 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);}
.wow{opacity: 0;}
.wow1{opacity: 1;}
.fbd{font-weight: bold;}
.fw{font-weight: 100;}
.yd{display: none;}


/* 头部 */
/* 移动端头部 */
/* 头部 */
.mhead,.mnav2,.mnav{display: none;}
  
.hdbox{display: none;}

.head{display: none;}

.mhead{display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 9;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: 7px;}

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

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

.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: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}

.mnav .mbox .ul1 li .ltop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

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

.nav{position: fixed;width: 100%;height: 100px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(0, 0, 0, .02);}

.nav .nav_con{display: flex;justify-content: space-between;margin: 0 auto;height: 100%;}

.nav .nav_con .logo{display: flex;align-items: center;}

.nav .nav_con .logo a{display: block;position: relative;}

.nav .nav_con .logo a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .ul{display: flex;height: 100%;}

.nav .nav_con .nav_txt{display: flex;}

.nav .nav_con .nav_txt .txt_re{display: flex;}

.nav .nav_con .nav_txt .txt_re .re1  {display: flex;align-items: center;padding:0 30px;position: relative;}

.nav .nav_con .nav_txt .txt_re .re1::after{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.nav .nav_con .nav_txt .txt_re .re1::before{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}


.nav .nav_con .nav_txt .txt_re .re1 a{display: block;display: flex;align-items: center;line-height: 20px;}

.nav .nav_con .nav_txt .txt_re .re1 a span{display: block;line-height: 20px;color: #fff;margin-top: 2px;}

.nav .nav_con .nav_txt .txt_re .re1 a .img{width: 20px;height: 20px;position: relative;margin-right: 5px;}

.nav .nav_con .nav_txt .txt_re .re1 a .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .nav_txt .txt_re .re2 {position: relative;padding: 0 30px;}

.nav .nav_con .nav_txt .txt_re .re3{padding-left: 25px;display: flex;align-items: center;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3 .res{position: absolute;right: 30px;width: 0;overflow: hidden;}

.nav .nav_con .nav_txt .txt_re .re3 .res input{width: 100px;height: 25px;outline: none;padding-left: 15px;border-radius: 5px;border: 1px solid #333333;background: #fff}

.nav .nav_con .nav_txt .txt_re .re3  a{display: block;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3  a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}


.nav .nav_con .nav_txt .txt_re .re2::after{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.nav .nav_con .nav_txt .txt_re .re2::before{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}



.nav .nav_con .nav_txt .txt_re .re2 .r1{display: flex;color: #fff;align-items: center;cursor: pointer;height: 100%;}

.nav .nav_con .nav_txt .txt_re .re2 .r2{position: absolute;width: 100%;background: #fff;padding: 20px 0;border-radius: 5px;transform: translateY(20px);left: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a{display: block;text-align: center;line-height: 25px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img{position: relative;margin-left: 5px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .ul .li{padding: 0 30px;position: relative;}

.nav .nav_con .ul a.lia{display: block;height: 100%;line-height: 100px;color: #fff;position: relative;}

.nav .nav_con .ul .li.act a.lia{color: #e94609;}

.nav .nav_con .ul .li .li_txt{position: absolute;width: 100%;padding: 20px 10px;background: #fff;left: 0;border-radius: 5px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(5px);box-shadow: 0 0 1px 1px #f3f4f6;}

.nav .nav_con .ul .li .li_txt a{display: block;line-height: 40px;text-align: center;}

.nav .nav_con .ul .li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}

.nav .nav_con .ul .li:hover a.lia{color: #e94609;}

.nav .nav_con .nav_txt .txt_re .re3:hover .res{width: 100px;}

.nav.act4{background: none;}

.nav.act1,.nav.act2,.nav.act3{background: #fff;}

.nav.act1 .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia,.nav.act3 .nav_con .ul a.lia,.nav.act4 .nav_con .ul a.lia{color: #333333;;}

.nav.act1 .nav_con .nav_txt .txt_re .re1 a span,.nav.act2 .nav_con .nav_txt .txt_re .re1 a span,.nav.act3 .nav_con .nav_txt .txt_re .re1 a span,.nav.act4 .nav_con .nav_txt .txt_re .re1 a span{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act3 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{opacity: 1;}

.nav.act1 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act3 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re3 a img:last-child{opacity: 1;}


.nav.act1 .nav_con .nav_txt .txt_re .re1 a .img img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re1 a .img img:last-child,.nav.act3 .nav_con .nav_txt .txt_re .re1 a .img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re1 a .img img:last-child{opacity: 1;}

.nav.act1 .nav_con .nav_txt .txt_re .re1 a .img img:first-child,.nav.act2 .nav_con .nav_txt .txt_re .re1 a .img img:first-child,.nav.act3 .nav_con .nav_txt .txt_re .re1 a .img img:first-child,.nav.act4 .nav_con .nav_txt .txt_re .re1 a .img img:first-child{opacity: 1;}


.nav.act1 .nav_con .logo a img:last-child,.nav.act2 .nav_con .logo a img:last-child,.nav.act3
 .nav_con .logo a img:last-child,.nav.act4 .nav_con .logo a img:last-child{opacity: 1;}

 .nav.act1 .nav_con .logo a img:first-child,.nav.act2 .nav_con .logo a img:first-child,.nav.act3
 .nav_con .logo a img:first-child,.nav.act4 .nav_con .logo a img:first-child{opacity: 0;}


.nav.act4 .nav_con .ul a.lia{color: #333333;}

.nav .nav_con .ul .li:hover a.lia::after{width: 100%;left: 0;right: auto;transition: all 0.6s;}

.nav .nav_con .nav_txt .txt_re .re2:hover .r2{opacity: 1;pointer-events: visible;visibility: visible;z-index: 100;transform: translateY(1px);} 

.nav .nav_con .nav_txt .txt_re .re1 a:hover span{color: #e94609;}

.nav .nav_con .ul .li.act   a.lia::after{width: 100%;}

.nav .nav_con .ul .li:hover  a.lia::after{width: 100%;}

.nav .nav_con .ul .li .li_txt a:hover{color: #e94609;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a:hover{color: #014099;}

.nav .nav_con .nav_txt .txt_re .re1 a:hover{color: #014099;}


.nav.acts .nav_con .ul a.lia{color: #333333;}

.nav.acts .nav_con .nav_txt .txt_re .re1 a .img img:last-child{opacity: 1;}

.nav.acts .nav_con .nav_txt .txt_re .re1 a .img img:first-child{opacity: 0;}

.nav.acts .nav_con .nav_txt .txt_re .re3 a img:last-child{opacity: 1;}

.nav.acts .nav_con .nav_txt .txt_re .re3 a img:first-child{opacity: 0;}

.nav.acts .nav_con .logo a img:last-child{opacity: 1;}

.nav.acts .nav_con .logo a img:first-child{opacity: 0;}

.nav.acts .nav_con .nav_txt .txt_re .re1 a span{color: #333333;}







/* 头部结束 */
@keyframes cx {
    0%{opacity: 0;}
    30%{opacity: 0;padding-top: 50px;}
    /* 40%{opacity: 0;padding-top: 50px;} */
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx2 {
    0%{opacity: 0;}
    35%{opacity: 0;padding-top: 50px;} 
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx3 {
    0%{opacity: 0;}   
    40%{opacity: 0;padding-top: 50px;}  
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx4 {
    0%{opacity: 0;}
    45%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx5 {
    0%{opacity: 0;}
    50%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx6 {
    0%{opacity: 0;}
    60%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}

@keyframes pf {
    0%{opacity: 0;margin-top: 25px;}
    /* 50%{opacity: 1;} */
    70%{opacity: 1;}
    100%{opacity: 0.5;margin-top: 0px;}

}

@keyframes rc {
  0%{opacity: 0.5;}

  100%{opacity: 1;}

  0%{opacity: 0.5;}

}
@keyframes xz {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}


@keyframes xia {
    from{bottom: 50px;}
    to{bottom: 30px;}
}


.time{padding-top: 50px;opacity: 0;}
.section.active .time{padding-top: 0;opacity: 1;animation: cx 0.8s linear alternate;}
.section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1s linear alternate;}
.section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.2s linear alternate;}
.section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.4s linear alternate;}
.section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.6s linear alternate;}
.section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.8s linear alternate;}


.inx_con{position: relative;width: 100%;height: 100%;}

/* .inx_img{width: 100%;height: 100%;} */

.in1_con .img{position: relative;}

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

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

.in1_con img{width: 100%;height: 100%;}

.inx_con .in1_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;padding-top: 32.6vh;}

.inx_con .in1_txt .t1{margin-bottom: 40px;}

.inx_con .in1_txt .t2{line-height: 40px;}

.in1_con{width: 100%;height: 100%;position: relative;}

.in1_con img{width: 100%;height: 100vh;}

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

.in1_con .txt .t1{margin-bottom: 20px;}

.in1_con .txt .t2{line-height: 30px;}



/* 左侧滑动 */

.youc{position: absolute;left: 50px;bottom:50px;z-index: 2;color: #fff;animation: xia 1.5s  infinite linear alternate ;}

.youc span{writing-mode:vertical-rl;transform: translateX(-3px);margin-bottom: 20px;letter-spacing:5px}

.in1_con .swiper-slide .txt{padding-top: 50px; opacity: 0;transition-delay: 0.3s;}

.in1_con .swiper-slide-active  .txt{padding-top: 0;opacity: 1;transition: all 0.6s;transition-delay: 0.5s;}

.in1_con .swiper-pagination-bullet{width: 6px;height: 6px;background: #919fa1;opacity: 1;margin: 0 15px !important;position: relative;}

.in1_con .swiper-pagination-bullet-active{width: 24px;height: 24px;border: 1px solid #919fa1;background: none;}

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

.in1_con .in1_sp{display: flex;align-items: center;justify-content: center;bottom: 50px;}

.weizhit{position: fixed;left: 50px;top: 50%;transform: translateY(-50%);z-index: 5;}

.weizhit a{display: block;width: 6px;height: 6px;background: #e94609;border-radius: 100%;margin-bottom: 20px;margin: 0 auto 20px;}

.weizhit a:last-child{margin-bottom: 0;}

.weizhit a.act{width: 12px;height: 12px;border: 1px solid #e94609;background: none;}


/* 侧边栏 */

.cebian{position: fixed;right: -100px;bottom: 50px;z-index: 20;}

.cebian.act{right: 25px;}

.cebian .ce {margin-bottom: 15px;cursor: pointer;position: relative;}

.cebian .ce a{display: block;}

.cebian .ce:last-child{margin-bottom: 0;}

.cebian .ce .img{width: 48px;height: 48px;border-radius: 100%;background: rgba(153, 153, 153, .5);position: relative;}

.cebian .ce .txt{line-height: 30px;color:#666666;text-align: center;font-weight: 100;}

.cebian .ce:hover .img{background: #e94609;}

.cebian .ce:hover .txt{color: #e94609;}

.cebian .ce .img .dh{width: 200px;color: #fff;background: rgba(233, 70, 9, 0.8);height: 50px;position: absolute;right: 80px;top: 50%;transform: translateY(-50%);text-align: center;line-height: 50px;border-radius: 50px; letter-spacing:1px;opacity: 0;pointer-events: none;}

.cebian .ce .img .ewm{width: 140px;height: 140px;position: absolute;right: 80px;padding: 10px;background: rgba(233, 70, 9, 0.8);top: 50%;transform: translateY(-50%);opacity: 0;pointer-events: none;}

.cebian .ce .img .ewm img{width: 100%;}

.cebian .ce:hover .img .dh{right: 70px;opacity: 1;pointer-events: visible;}

.cebian .ce:hover .img .ewm{right: 70px;opacity: 1;pointer-events: visible;}

.in2_con{width: 100%;height: 100%;background: url(../images/in2_b.jpg) center no-repeat;background-size: 100% 100%;padding-top: 100px;}

.in2_con .con1{display: flex;}

.in2_con .con_le{width: 46.875%;}

.in2_con .con_le img{width: 100%;}

.in2_con .con_re{width: 45.4%;padding: 100px 0 0 160px;position: relative;}

.in2_con .con_re .re1{line-height: 45px;}

.in2_con .con_re .re2{line-height: 28px;color: #666666;margin-top: 35px;height: 140px;padding-right: 15px;overflow-y: auto;text-align: justify;}

.in2_con .con_re .re2::-webkit-scrollbar{ width:2px;height: 1px;}
.in2_con .con_re .re2::-webkit-scrollbar-thumb{ background:#e94609;}
.in2_con .con_re .re2::-webkit-scrollbar-track{ background:rgba(0, 0, 0, 0.1);} 

.in2_con .con_re .re3{position: absolute;left: 0;bottom: 0;}

.in2_con .con_re .re3 a{display: block;width: 160px;height: 160px;display: flex;align-items: center;justify-content: center;text-align: center;color: rgba(255, 255, 255, 0.7);background: #06387f;}

.in2_con .con_re .re3 a img{margin: 0 auto 18px;}

.in2_con .con_re .re3 a:hover{background: #e94609;}

.in2_con .con2 .ul{display: flex;justify-content: space-between;margin-top: 45px;}

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

.in2_con .con2 .ul .l1 p{color: #06387f;display: flex;align-items: center;}

.in2_con .con2 .ul .l1 img{margin-right: 15px;}

.in2_con .con2 .ul  .li s{display: block;width: 205px;height: 1px;background: #d6d6d6;position: relative;left: 50px;margin: 35px 0 20px;}

.in2_con .con2 .ul .l2{color: #666666;padding-left: 50px;}

.in3_con{width: 100%;height: 100vh;background: url(../images/in3_b.jpg) center no-repeat;background-size: cover;overflow: hidden;}

.in3_con .con1{padding-top: 15.27vh;margin-bottom: 30px;height: 100%;}

.in3_con .con1 .c2{line-height: 30px;color: #333333;margin-bottom: 35px;text-align: center;}

.in3_con .con1 .c1{text-align: center;}

.in3_con .con_con{display: flex;justify-content: space-between;overflow: hidden;}

.in3_con .con_con .con_le{width: 49.375%;}

.in3_con .con_con .con_re{width: 50%;}

.in3_con .con_con a{display: block;position: relative;}

.in3_con .con_con .con_re .re1{margin-bottom: 1.2%;height: 50%;}

.in3_con .con_con .con_re .re2{display: flex;justify-content: space-between;height: 48%;}

.in3_con .con_con .con_re .re2 .re2_l{width: 49.375%;}

.in3_con .con_con .img{position: relative;overflow: hidden;}

.in3_con .con_con .img img{width: 100%;}

.in3_con .con_con .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.in3_con .con_con .con_le .img::after{background: url(../images/in3_11.png) center no-repeat;background-size: cover;}

.in3_con .con_con .txt{position: absolute;left: 25px;bottom:30px;width: calc(100% - 50px);color: #fff;}

.in3_con .con_con .txt .t1{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.in3_con .con_con .txt .t2{line-height: 30px;margin-top: 5px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.in3_con .con_con .con_re .re2 .re2_l:first-child .img::after{background: url(../images/in3_31.png) center  no-repeat;background-size: cover;}


.in3_con .con_con a:hover .img img{transform: scale(1.05);}

.in4_con  {position: relative;}

.in4_con  .con_img img{width: 100%;height: 100%;}


.in4_con  .con_img {position: relative;width: 100%;height: 100vh;background: #000;}

/* .in4_con  .con_img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .4);} */

.in4_con  .con_img .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}


.in4_con  .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 8.33%;}


.in4_con  .con_txt .in3_sw{height: 100%;}

.in4_con .con_txt .in3_sw .im{display: none;}

.in4_con  .con_txt .in3_sw .ss{height: 100%;padding-top: 33vh;color: #fff;border-left: 1px solid rgba(255, 255, 255, 0.2);padding-left: 30px;padding-right: 30px;opacity: 0.3;}

.gengd{color: #fff;width: 180px;height: 47px;text-align: center;line-height: 45px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 100px;display: flex;align-items: center;justify-content: center;}

.in3_sw .swiper-pagination{display: none;}

.gengd img{margin-left: 15px;}

.gengd:hover{background: #e94609;}

.in4_con  .con_txt .in3_sw .s2 {margin-bottom: 45px;}

.in4_con  .con_txt .in3_sw .s2 span{display: block;line-height: 38px;padding-left: 20px;position: relative;}

.in4_con  .con_txt .in3_sw .s2 span::after{content: "";width: 5px;height: 5px;background: #fff;border: 100%;position: absolute;left: 0;top: 15px;border-radius: 3px;}

.in4_con  .con_txt .in3_sw .s{margin-bottom: 35px;}

.in4_con  .con_txt .in3_sw .s1{margin-bottom: 25px;}

.in4_con  .con_img .img.act{opacity: 1;}

.in4_con  .con_txt .in3_sw .s2{opacity: 0;}

.in4_con  .con_txt .in3_sw .s3{opacity: 0;pointer-events: none;}

.in4_con  .con_txt .in3_sw .ss:hover{opacity: 1;}

.in4_con  .con_txt .in3_sw .ss:hover .s2{opacity: 1;}

.in4_con  .con_txt .in3_sw .ss:hover .s3{opacity: 1;pointer-events: visible;}

.in4_con  .con_txt  .swiper-button-prev{width: 8.33%;height: 100%;top: 0;margin-top: 0;left: 0;background: none;}

.in4_con  .con_txt  .swiper-button-next{width: 8.33%;height: 100%;top: 0;margin-top: 0;right: 0;background: none;}

.in5_con{width: 100%;height: 100%;background: url(../images/in3_b.jpg) center no-repeat;background-size: cover;padding-top: 15.27vh;}

.gengd2 {width: 180px;height: 47px;text-align: center;line-height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(51, 51, 51, .3);border-radius: 100px;}

.gengd2 img{margin-left: 15px;}

.gengd2  .img{width: 20px;height: 20px;position: relative;}

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

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

.in5_con .con1 .con_le .le2{line-height: 30px;color: #333333;}

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

.gengd2:hover .img img:last-child{opacity: 1;}

.gengd2:hover .img img:first-child{opacity: 1;}

.in5_con .con2 a{display: block;width: 100%;}

.in5_con .con2 a .a1{margin-bottom: 15px;}

.in5_con .con2 a .a3{width: 100%;}

.in5_con .con2 a .at{margin-bottom: 15px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.in5_con .con2 a .a2{margin-bottom: 30px; overflow: hidden;}

.in5_con .con2 a .a3 .ab{  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;line-height: 25px;height: 50px;}

.in5_con .con2 a .a4{display: flex;justify-content: space-between;align-items: center;height: 35px;margin-top: 30px;color: #06387f;width: 110px;border-bottom: 1px solid #06387f;}

.in5_con .con2 a .a1 span:last-child{color: #999999;}

.in5_con .con2 a:hover .a4{width: 100%;}


.in5_con .con2 a:hover .at{color: #06387f;}

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


.floot{background: url(../images/floot_b.jpg) center no-repeat;background-size: cover;}

.floot .fl1{padding: 95px 0 80px;display: flex;justify-content: space-between;}

.floot .fl1 .ll .l1{color: #fff;line-height: 30px;}

.floot .fl1 .ll s{display: block;width: 20px;height: 2px ; background: #e94609;margin: 18px 0 50px;}

.floot .fl1 .ll .l2 .l{display: flex;align-items: flex-start;margin-bottom: 22px;line-height: 30px;}

.floot .fl1 .ll .l2 .l:first-child{color: #fff;} 

.floot .fl1 .ll .l2 .l:first-child a{color: #fff;}

.floot .fl1 .ll .l2 .l:first-child span{color: #fff;}

.floot .fl1 .ll .l2 .l span:first-child{margin-right: 18px;}

.floot .fl1 .ll .l2 .l span{color: rgba(255, 255, 255, 0.5);}

.floot .fl1 .ll .l2 .l a{color: rgba(255, 255, 255, 0.5);}

.floot .fl1 .lr a{display: block;color: rgba(255, 255, 255, 0.5);line-height: 36px;}

.floot .fl1 .lr a:first-child{color: #fff;height: 70px;position: relative;line-height:normal;}

.floot .fl1 .lr a:first-child::after{width: 20px;height: 2px;background: #e94609;content: "";position: absolute;left: 0;bottom: 20px;}

.floot .fl1 .lr .li{margin-right: 105px;}

.floot .fl1 .lr .li:last-child{margin-right: 0;}

.floot .fl1 .ll .l2 .l a:hover{color: #fff;}


.floot .fl1 .lr .ul{display: flex;}

.floot .fl1 .lr a:hover{color: #fff;}

.floot .fl2{border-top: 1px solid rgba(255, 255, 255, 0.1);}

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

.floot .fl2 .con a{color: rgba(255, 255, 255, 0.5);}

.floot .fl2 .con span{color: rgba(255, 255, 255, 0.5);}

.floot .fl2 .con  img{display: inline-block;width: 12px;}

.floot .fl2 .con .flr{display: flex;align-items: center;}

.floot .fl2 .con .flr .youl{height: 35px;width: 210px;border: 1px solid rgba(255, 255, 255, 0.2);line-height: 35px;color: rgba(255, 255, 255, 0.5);padding: 0 20px;position: relative;margin-right: 50px;cursor: pointer;}

.floot .fl2 .con .flr .youl::after{content: "";width: 10px;height: 5px;position: absolute;right: 20px;top: 15px;background: url(../images/jiao.png) center ;transform: rotate(180deg);}

.floot .fl2 .con .flr .youl .la{position: absolute;width: 100%;background: rgba(0, 0, 0, .5);left: 0;bottom: 35px;padding:10px 20px;opacity: 0;pointer-events: none;transform: translateY(-10px);}

.floot .fl2 .con .flr .youl .la a:hover{color: #fff;}

.floot .fl2 .con .flr .youl.act .la{opacity: 1;pointer-events: visible;transform: translateY(0);}

.floot .fl2 .con .flr .youl.act::after{transform: rotate(0);}


@media screen and (max-width:1800px) {
    .floot .fl1 .lr .li{margin-right: 80px;}

    .in2_con .con_re .re3 a{width: 140px;height: 140px;}

    .in2_con .con_re{padding: 70px 0 0 160px;}

    .in2_con .con_re .re1{line-height: 40px;}

    .in2_con .con_re .re2{margin-top: 25px;}
}



@media screen and (max-width:1680px) {
    .f_18{font-size: 16px;}
    .f_20{font-size: 18px;}
    .f_22{font-size: 20px;}
    .f_24{font-size: 22px;}
    .f_26{font-size: 22px;}
    .f_28{font-size: 26px;}
    .f_30{font-size: 26px;}
    .f_32{font-size: 26px;}
    .f_36{font-size: 32px;}
    .f_40{font-size: 32px;}
    .f_42{font-size: 36px;}
    .f_48{font-size: 40px;}
    .f_52{font-size: 40px;}
    .f_54{font-size: 46px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 42px;}
    .f_72{font-size: 52px;}
    .f_88{font-size: 60px;}
    .p_100{padding: 70px 0;}
    .p_100_45{padding: 70px 0 30px;}
    .p_100_120{padding: 70px 0 80px;}
    .pb_120{padding-bottom: 80px;}
    .p_100_80{padding: 70px 0 50px;}
    .p_75_100{padding: 50px 0 70px;}
    .p_20_120{padding: 20px 0 80px;}
    .p_80{padding: 50px 0;}
    .p_100_50{padding: 70px 0 30px;}
    .p_80_100{padding: 50px 0 70px;}

    .p_100_60{padding: 70px 0 50px;}
    .p_120_80{padding: 90px 0 50px;}
    .p_120{padding: 90px 0;}
    .p_120_100{padding: 90px 0 80px;}
    .floot .fl1 .lr .li{margin-right: 60px;}

    .in4_con .con_txt .in3_sw .ss{padding-left: 20px;padding-right: 20px;}

    .floot .fl1{padding: 60px 0 50px;}

    .cebian.act{right: 15px;}

}



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

    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

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

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

    .box{min-width: 200px;width: 90%;}
    .f_16{font-size: 14px;}
    .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: 22px;}
    .f_36 {font-size: 22px;}
    .f_40{font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_52{font-size: 26px;}
    .f_54{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_88{font-size: 24px;}
    .p_100{padding: 30px 0;}
    .p_100_45{padding: 30px 0 10px;}
    .p_100_120{padding: 30px 0;}
    .pb_120{padding-bottom: 30px;}
    .p_100_80{padding: 30px 0;}
    .p_80{padding: 30px 0;}
    .p_75_100{padding: 30px 0;}
    .p_20_120{padding: 20px 0 30px;}
    .p_100_50{padding: 30px 0;}
    .p_80_100{padding: 30px 0;}
    .p_100_60{padding: 30px 0;}
    .p_120{padding: 30px 0;}
    .p_120_80{padding: 30px 0;}
    .p_120_100{padding: 30px 0;}
    .nav{display: none;}

    .nav_y{display: block;}

    .fw{font-weight: 400;}

    .youc{display: none;}

    .in1_con img{height: 100%;}

    .weizhit{display: none;}

    .in2_con{padding: 30px 0;}

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

    .in2_con .con_le{width: 100%;}

    .in2_con .con_re{width: 100%;padding: 30px 5% 0;}

    .in2_con .con_re .re3{position: static;}

    .in2_con .con_re .re1{line-height: 36px;}

    .in2_con .con_re .re2{margin: 25px 0;}

    .in2_con .con_re .re3 a{width: 100px;height: 100px;}

    .in2_con .con_re .re3 a img{margin: 0 auto 12px;}

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

    .in2_con .con2 .ul .li{margin-bottom: 30px;width: 48%;}

    .in2_con .con2 .ul .li s{width: 120px;margin:15px 0;left: 40px;}

    .in2_con .con2 .ul .l1 img{width: 30px;height: 30px;margin-right: 10px;}

    .in2_con .con2 .ul .l2{padding-left: 40px;}

    .time{opacity: 1;padding-top: 0;}

    .in3_con .con1{padding-top: 30px;margin-bottom: 0;}

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

    .in3_con .con_con .con_le{width: 100%;margin-bottom: 4px;}

    .in3_con .con_con .con_re{width: 100%;}

    .in3_con .con_con .txt{left: 20px;bottom: 20px;width: calc(100% - 40px);}

    .in3_con .con1 .c2{margin-bottom: 20px;}

    .in4_con .con_txt{position: static;padding: 0 5%;}

    .in4_con .con_img{display: none;}

    .in4_con .con_txt .in3_sw {background: #000;}

    .in4_con .con_txt .in3_sw .ss{opacity: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 30px;}

    .in4_con .con_txt .in3_sw .s2{opacity: 1;}

    .in4_con .con_txt .in3_sw .s3{opacity: 1;pointer-events: visible;}

    .gengd{width: 150px;height: 44px;line-height: 42px;}

    .in4_con .con_txt .in3_sw .s{margin-bottom: 25px;}

    .in4_con .con_txt .in3_sw .s1{margin-bottom: 20px;}

    /* .in4_con .con_txt .in3_sw .s2 span{line-height: 32px;} */
    .in4_con .con_txt .in3_sw .im{display: block;width: 100%;}

    .in4_con .con_txt .in3_sw .s2{margin-bottom: 30px;}

    .in3_con{padding-bottom: 30px;}

    .in5_con{padding: 30px 0;}

    .gengd2{width: 150px;height: 44px;line-height: 42px;}

    .in5_con .con1{margin-bottom: 20px;}

    .floot .fl1 .lr{display: none;}

    .in1_con .in1_sp{bottom: 25px;}

    /* .floot{} */

    .floot .fl1{padding: 30px 0 10px;}

    .floot .fl1 .ll s{margin: 15px 0 25px;}

    .floot .fl1 .ll .l2 .l{margin-bottom: 15px;line-height: 25px;}

    .floot .fl1 .ll .l2 .l span img{width: 25px;}

    .floot .fl1 .ll .l2 .l span:first-child{margin-right: 10px;width: 25px;}

    .floot .fl1 .ll .l2 .l span:last-child{width: calc(100% - 35px);}

    .floot .fl2 .con{flex-wrap: wrap;height: auto;padding: 15px 0;line-height: 30px;justify-content: center;text-align: center;}

    .floot .fl2 .con .flr{flex-wrap: wrap;justify-content: center;}

    .floot .fl2 .con .flr .youl{margin-right: 0;margin: 5px auto;}

    /* .floot .fl2 .con a{display:block;} */

    .floot .fl2 .con .flr .r{width: 100%;}

    .in1_con .img video{display: none;}

    .in3_sw .swiper-pagination{display: block;}

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

    .in5_sw .swiper-pagination{display: block;}

    .in5_sw {padding-bottom: 50px;}

    .mhead,.mnav2,.mnav{display: block;}

    .hdbox{display: block;}

    .in1_con .swiper-pagination-bullet{margin: 0 10px !important;}

    .in4_con .con_txt .swiper-button-next,.in4_con .con_txt .swiper-button-prev{display: none;}
  
}