@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:din, 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: #333333;}
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:#887774;}
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_44{font-size: 44px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}
.f_50{font-size: 50px;}
.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_72{font-size: 72px;}
.f_80{font-size: 80px;}
.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;}
.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;}

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

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

.f_nav a {
    font-size:18px;
    font-weight: 100;
}
@media screen and (max-width: 1680px) {
    .f_nav a{
        font-size: 16px;
    }
}


/* 头部 */
/* 移动端头部 */
.nav_y{width: 100%;height: 50px;position: fixed;top: 0;left: 0;background: #fff;display: none; z-index: 100;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.nav_y .con_y{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.nav_y .con_y .logo_y{width: 45px;display: flex;align-items: center;}
.nav_y .con_y .logo_y a{display: block;}
.nav_y .con_y .san{width: 25px;height: 25px;cursor: pointer;}
.nav_y_con{width: 100%;height: 100vh;background: #fff;position: absolute;left: 0;top: 0;transform: translateX(110%);transition: all 0.6s;z-index: 101;}
.nav_y_con.act{transform: translateX(0);transition: all 0.6s;}
.nav_y_con .cuo{position: absolute;right: 5%;top: 30px;width: 30px;height: 30px;cursor: pointer;z-index: 102;}
.nav_y_con .navy_top{display: flex;justify-content: space-between;padding: 100px 5% 20px;}
.nav_y_con .navy_top .top_le,.nav_y_con .navy_top .top_re{width: 40px;height: 40px;border:1px solid #b5b5b5;border-radius: 50px;line-height: 38px;text-align: center;display: block;color: #999999;}
.nav_y_con .navy_top .top_re{background: url(../images/sso.png) no-repeat center;background-size: 20px;border: 1px dashed;}
/* .nav_y_con .ul{padding-top: 100px;} */
.nav_y_con .ul{overflow-y:auto;height: 100%;}
.nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;}
.nav_y_con .ul::-webkit-scrollbar-thumb{ background:#0069d1;}
.nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} 
.nav_y_con .li{padding-left: 15px;margin-bottom: 10px;}
.nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;}
.nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #20bf86;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;}
.nav_y_con .li .ptop.act::before{transform: rotate(90deg);}
.nav_y_con .li .txt{padding-left: 5px;display: none;}
.nav_y_con .li .txt .atxt{padding-left: 15px;}
.nav_y_con .li .txt a{display: block;line-height: 35px;}
.nav_y_con .li.lis .txt .at{font-weight: bold;}

.nav{position: fixed;width: 100%;height: 110px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid transparent;}

.nav .nav_con{display: flex;justify-content: space-between;margin: 0 40px 0 15px;}

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

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

.nav .nav_con .logo a img{height: 100%;}

.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;align-items: center;margin-left: 75px;}

.nav .nav_con .nav_txt .txt_re a{display: block;width: 40px;height: 40px;text-align: center;line-height: 38px;color: #fff;border: 1px solid #fff;}

.nav .nav_con .nav_txt .txt_re a.act{opacity: 0.5;}

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

.nav .nav_con .ul .li.act .lia{font-weight: bold;}

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

.nav .nav_con .ul a.lia::after{position: absolute;left: auto;right: 0;bottom:30px;width: 0;height: 3px;background: #fff;content: "";transition: all 0.6s;}

.nav .nav_con .ul .li .li_txt{position: absolute;width: 160%;padding: 20px 10px;background: #fff;left: -30%;border-radius: 5px;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(20px);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 .nav_txt .txt_re .re3:hover .res{width: 100px;}

.nav.act4{background: none;}

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

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

.nav.act1 .nav_txt .txt_re a,.nav.act2  .nav_txt .txt_re a,.nav.act3  .nav_txt .txt_re a,.nav.act4 .nav_txt .txt_re a{color: #0088d7;border: 1px solid #0088d7;}

.nav.act1 .nav_con .ul a.lia::after,.nav.act2 .nav_con .ul a.lia::after,.nav.act3 .nav_con .ul a.lia::after,.nav.act4 .nav_con .ul a.lia::after{background: #0088d7;}

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

.nav.act1 .nav_con .ul .li.act a,.nav.act2 .nav_con .ul .li.act a,.nav.act3 .nav_con .ul .li.act a,.nav.act4 .nav_con .ul .li.act a{color: #0088d7;}


.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 .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: #0088d7;}

.nav .nav_con .nav_txt .txt_re a:hover{opacity: 1;}



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

.nav.acts .nav_con .nav_txt .txt_re a{color: #887774;border: 1px solid #887774;}

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

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



/* 头部结束 */
@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);}
}


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


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

/* 首页侧边 */

.ceb{position: fixed;left: 40px;bottom: 0;height: calc(100% - 110px);border-left: 1px solid rgba(255, 255, 255, .4);z-index: 50;}

.ceb .b{position: absolute;left: 0;top:50%;transform: translateY(-60%);}

.ceb a{display: flex;color: rgba(255, 255, 255, .6);line-height: 40px;padding-left: 20px;position: relative;width: 120px;}


.ceb a::after{content: "";width: 7px;height: 7px;position: absolute;left: -4px;top: 50%;transform: translateY(-50%);border: 1px solid #ffffff;border-radius: 100%;opacity: 0.4;}

.ceb a::before{content: "";width: 13px;height: 13px;position: absolute;left: -7px;top: 50%;transform: translateY(-50%);border: 1px solid #ffffff;border-radius: 100%;opacity: 0;}

.ceb a.act::after{opacity: 1;}

.ceb a.act::before{opacity: 1;}

.ceb.act2{left: -100px;}

.ceb.act{border-left: 1px solid rgba(136, 119, 119, .4);}

.ceb.act a{color: rgba(136, 119, 119, .4);}

.ceb a:hover{color: #fff;}

.ceb.act a:hover{color:rgba(136, 119, 119, 1);}


.ceb.act a.act{color: rgba(136, 119, 119, 1);}

.ceb.act a::after{border: 1px solid rgba(136, 119, 119, 1);}

.ceb.act a::before{border: 1px solid rgba(136, 119, 119, 1);}



.ceb a.act{color: #ffffff;}

/* 第一屏 */

.ind_con .img{position: relative;}

/* .ind_con .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/z3.png) center no-repeat;background-size: cover;z-index: 5;} */

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

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


.ind_con .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(4, 23, 34 , .25);}


/* 第二屏 */

@keyframes diqiu {
    from{left: -50px;}

    to{left: 0px;}

}

.in_2  .ind_con {overflow: hidden;}

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

.img_txt .txt{display: flex;justify-content: space-between;align-items: center;}

.img_txt .txt_le{}

.img_txt .txt_re{width: 51.25%;color: #fff;}

.img_txt .txt_re .re1{line-height: 60px;margin-bottom: 20px;}

.img_txt .txt_re .re2{color: rgba(255, 255, 255, .9);line-height: 30px;}

.img_txt .txt_re .re3{margin-top: 50px;display: flex;justify-content: space-between;align-items: center;}

/* .img_txt .txt_re .re3 .gengd{background: url(../images/index6_3.png);} */

/* .img_txt .txt_re .re3 .gengd img:last-child{opacity: 1;}

.img_txt .txt_re .re3 .gengd img:first-child{opacity: 0;} */

.img_txt .txt_re .re3 .gengd:hover {transform: rotate(-45deg);background: #f2eae5;}

.img_txt .txt_re .re3 .gengd:hover img:last-child{opacity: 0;}

.img_txt .txt_re .re3 .gengd:hover img:first-child{opacity: 1;}


.img_txt .txt_re .re3 s{display: block;width: calc(100% - 75px);background: rgba(255, 255, 255, .4);height: 1px;}

.img_txt .txt_re .re4{display: flex;align-items: center;margin-top: 60px;}

.img_txt .txt_re .re4 .r{margin-right: 110px;}

.img_txt .txt_re .re4 .r:last-child{margin-right: 0;}

.img_txt .txt_re .re4 .r p:first-child{margin-bottom: 10px;}

.ind_con .img .lis{position: absolute;left: -50px;bottom: 0;width: 100%;height: auto;}

.left.act .img .lis{animation: diqiu 3s ;left: 0;}

.gengd{width: 30px;height: 30px;border-radius: 100%;background: #fff;position: relative;}

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

.gengd:hover{background: url(../images/index6_3.png);}

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

.gengd:hover img:first-child{opacity: 0;}


/* 第三屏 */

.in_3 .in3_c{display: none;}

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

.index3_txt .txt{padding: 21.58vh 0 0;height: 100%;color: #fff;}

.index3_txt .txt .tx2{position: absolute;bottom: 80px;display: flex;}

.index3_txt .txt .tx2 .con{width: 205px;height: 205px;background: #fff;padding: 25px 25px 20px;margin-right: 10px;position: relative;}

.index3_txt .txt .tx2 .con a{display: block;}

.index3_txt .txt .tx2 .con .co1{width: 580px;height: 205px;background: url(../images/index3_4.jpg) center no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;color: #fff;padding: 30px 90px 20px 35px;opacity: 0;z-index: 2;}

.index3_txt .txt .tx2 .con .co1 .c1{line-height: 35px;margin-bottom: 10px;}

.index3_txt .txt .tx2 .con .co1 .c2{line-height: 28px;height: 56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin-bottom: 25px;}

.index3_txt .txt .tx2 .con .co1 .c3{width: 30px;height: 30px;background: #fff;border-radius: 100%;}

.index3_txt .txt .tx2 .con .co2 .c2{color: #222222;line-height: 35px;height: 70px;margin: 10px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}

.index3_txt .txt .tx2 .con .co2 .c3{width: 30px;height: 30px;border-radius: 100%;background: #f2eae5;transform: rotate(-45deg);}

.index3_txt .txt .tx2 .con.act{width: 580px;height: 205px;}

.index3_txt .txt .tx2 .con.act .co1{opacity: 1;}

/* 第四屏 */

@keyframes piao {
    0%{transform: translateY(10px);opacity: 0;}
    50%{transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(-10px);opacity: 0;}

}

.in_4 .in4_c{display: none;}

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

.index4_con .top{position: absolute;left: 8.33%;top: 25.79%;color: #fff;}

.index4_con .con{width: 320px;height: 180px;border: 1px solid rgba(255, 255, 255, .9);position: absolute;padding: 25px 25px 20px;cursor: pointer;}

.index4_con .con::after{content: "";width: 2px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;}

.index4_con .con1{right: 340px;top: 220px;}

.index4_con .con2{top: 420px;right: 280px;}

.index4_con .con3{top: 420px;right: 620px;}



.index4_con .con .co1{color: #fff;}

.index4_con .con .co1 .c2{position: absolute;right: 25px;bottom: 20px;}

.index4_con .con .co2{position: absolute;width: 0px;height: 335px;right: -1px;top: -1px;z-index: 5;opacity: 0;pointer-events: none;overflow: hidden;}

.index4_con .con .co2 .cs{width: 560px;height: 335px;padding: 35px 30px 30px 40px;position: absolute;right: 0;top: 0;background: url(../images/index4_4.jpg) center no-repeat;background-size: 100%;}

/* .index4_con .con .co2 .c2{width: 560px;} */


.index4_con .con .co2 .c1 img{position: absolute;right: 30px;top: 35px;}

.index4_con .con .co2 s{display: block;width: 20px;height: 2px;background: #20bf86;margin: 15px 0 25px;}

.index4_con .con .co2 .c2{line-height: 28px;color: #887774;text-align: justify;padding-right: 60px;overflow-y: auto;height: 168px;font-family: 'din';}

.index4_con .con .co2 .c2::-webkit-scrollbar{ width:4px;height: 1px;}
.index4_con .con .co2 .c2::-webkit-scrollbar-thumb{ background:#20bf86;}
.index4_con .con .co2 .c2::-webkit-scrollbar-track{ background:#20bf8620;} 

.index4_con .con:hover .co2{opacity: 1;pointer-events: visible;width: 560px;}

.index4_con .con3.act .co2{width: 560px;opacity: 1;pointer-events: visible;}


/* 第五屏 */

.in_5 .ind_con .cons2{display: none;}

.in_5 .ind_con.act .cons2{display: block;}


.in_5 .ind_con.act .cons1{display: none;}

.ind_con .in5_img img{width: 100%;height: 100vh;}

.ind_con .in5_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.ind_con .in5_txt .txt{padding: 240px 0 0;}

.ind_con .in5_txt .c .t{margin-left: 8px;width: 50px;}

.ind_con .in5_txt .c .t span{display: block;color: #20bf86;}

.ind_con .in5_txt .c .t span:last-child{transform: scale(1);line-height: 18px;}

.ind_con .in5_txt .c{position: absolute;display: flex;align-items: center;}

.ind_con .in5_txt .c1{left: 8.33%;top: 54.73%;}

.ind_con .in5_txt .c2{left: 13.3%;top: 52.63%;}

.ind_con .in5_txt .c3{left: 32.55%;top: 51.58%;}

.ind_con .in5_txt .c4{left: 37.24%;top: 49.47%;}

.ind_con .in5_txt .c5{left: 42.45%;top:57.89%;}

.ind_con .in5_txt .c6{left: 38.3%;top:80%;}

.ind_con .in5_txt .c7{left: 43%;top:69.5%;}

.ind_con .in5_txt .c8{left: 51.3%;top:60.5%;}

.ind_con .in5_txt .c9{left: 61.2%;top:52.1%;}

.ind_con .in5_txt .c10{left: 64.3%;top:52.1%;}

.ind_con .in5_txt .c11{left: 60.15%;top:71%;}

.ind_con .in5_txt .c12{left: 59%;top: 57.9%;}

.ind_con .in5_txt .c .piao{animation: piao 1.5s infinite linear ;}

.ind_con .in5_txt .c .cs2{color: #887774;margin-left: 8px;}

.in_5 .ind_con .cons2 .c1{left: 41.66%;top: 63.15%;}


.in_5 .ind_con .cons2 .c2{left: 44.3%;top: 67.4%;}

.in_5 .ind_con .cons2 .c3{left: 57%;top: 68%;}



.ind_con .in5_txt .con2{width: 360px;height: 460px;background: #fefcfc;position: absolute;right: 8.33%;top: 30.5%;padding: 45px 40px 0 33px;}

.ind_con .in5_txt .con2 .cot span{margin-right: 40px;color: rgba(64, 60, 58, .4);cursor: pointer;}

.ind_con .in5_txt .con2 .cot span:last-child{margin-right: 0;}

.ind_con .in5_txt .con2 .cot span.act{color: #302b28;}

.ind_con .in5_txt .con2 .cot{margin-bottom: 50px;}

.ind_con .in5_txt .con2 .ob{display: none;}

.ind_con .in5_txt .con2 .ob.act{display: block;}

.ind_con .in5_txt .con2 .ob .b{padding: 20px 0;border-bottom: 1px solid #beb3b3;color: #887774;}

.ind_con .in5_txt .con2 .ob .b:last-child{border: none;}

.ind_con .in5_txt .con2 .ob .b p{display: flex;align-items: flex-end;}

.ind_con .in5_txt .con2 .ob .b p:last-child{margin-top: 5px;}

.ind_con .in5_txt .con2 .ob .b p span:last-child{transform: translateY(2px);margin-left: 5px;}

/* 第六屏 */

.in_6 .in6_con {background: url(../images/index6_b.jpg) center no-repeat;background-size: 100% 100%;width: 100%;height: 100%;padding-top: 17.9vh;}

.in_6 .in6_con .con1{display: flex;justify-content: space-between;margin-bottom: 55px;}

.in_6 .in6_con .con1 .re {display: flex;align-items: flex-end;}

.in_6 .in6_con .con1 .re a{display: block;line-height: 30px;margin-left: 90px;color: #a7a29e;}

.in_6 .in6_con .con1 .re a:hover{color: #887774;}

.in_6 .in6_con .con1 .re a.act{color: #887774;}

.in_6 .in6_con .con2{margin-left: 8.33%;}

.in_6 .in6_con .con2 .ss .c{opacity: 0;}

.in_6 .in6_con .con2 .ss .txt{background: #fff;padding: 15px 40px 40px 35px;}

.in_6 .in6_con .con2 .ss .txt .t{line-height: 25px;margin-bottom: 15px;color: #999999;}

.in_6 .in6_con .con2 .ss .txt .t2{line-height: 35px;height: 70px;margin-bottom: 60px;text-align: justify;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.in_6 .in6_con .con2 .ss .txt .t3{display: flex;justify-content: space-between;line-height: 30px;color: #999999;}

 .geng{width: 30px;height: 30px;border-radius: 100%;background: #f2eae5;transform: rotate(-45deg);position: relative;}

 .geng img{width: 100%;height: 100% !important;}

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

.in_6 .in6_con .con2 .ss .img{overflow: hidden;}

.in_6 .in6_con .con2 .ss .img img{width: 100%;}

.in_6 .in6_con .con2 .ss:hover .t2{color: #887774;}

.in_6 .in6_con .con2 .ss:hover .geng{transform: rotate(0);background: url(../images/index6_3.png) center no-repeat;background-size: contain;}

.in_6 .in6_con .con2 .ss:hover .geng img:last-child{opacity: 1;}

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

.in_6 .in6_con .con2 .ss2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;padding: 65px 35px  40px 40px;right: 0;}

.in_6 .in6_con .con2 .ss2 .s1{color: #999999;margin-bottom: 20px;line-height: 25px;}

.in_6 .in6_con .con2 .ss2 .s2{line-height: 35px;height: 70px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-bottom: 30px;}

.in_6 .in6_con .con2 .ss2 .s3{line-height: 25px;color: rgba(34, 34, 34, .67);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;text-align: justify;}

.in_6 .in6_con .con2 .ss2 .s4{position: absolute;left: 0;bottom: 40px;display: flex;justify-content: space-between;width: 100%;padding: 0 35px 0 40px;align-items: center;color: #999999;}

.in_6 .in6_con .con2 .ss:hover .s2{color: #887774;}

.in_6 .in6_con .con2 .swiper-slide .ss{opacity: 0.6;}

.in_6 .in6_con .con2 .swiper-slide-active .ss{opacity: 1;}

.in_6 .in6_con .con2 .swiper-slide-next .ss{opacity: 1;}

.in_6 .in6_con .con2 .swiper-slide-next + .swiper-slide .ss{opacity: 1;}

.index7{padding-top: 80px;border-top: 8px solid #918685;background: url(../images/floot.jpg) center no-repeat;background-size: 100% 100%;z-index: 10;position: relative;}

.index7 .con1{display: flex;justify-content: space-between;padding-bottom: 60px;}

.index7 .con1 .con_le{width: 480px;}

.index7 .con1 .con_re{width: 56.25%;}

.index7 .con1 .con_le s{display: block;width: 100%;height: 1px;background: rgba(135, 113,99, .2);margin: 55px 0 30px;}

.index7 .con1 .con_le .le2{display: flex;justify-content: space-between;}

.index7 .con1 .con_le .le2 .c{border: 1px solid #c8bdbe;padding: 5px;}

.index7 .con1 .con_le .le2 .c span{text-align: center;display: block;margin-top: 5px;color: #222222;}

.index7 .con1 .con_le .le2 .l{padding-top: 10px;}

.index7 .con1 .con_le .l2{display: flex;align-items: center;color: rgba(34, 34, 34, .6);margin-top: 20px;}

.index7 .con1 .con_re .ul{display: flex;justify-content: space-between;}

.index7 .con1 .con_re .ul .li a{display: block;line-height: 32px;color: rgba(34, 34, 34, .67);}

.index7 .con1 .con_re .ul .li a:first-child{color: #222222;height: 45px;}

.index7 .con1 .con_re .ul .li a:hover{color: #8d7a6c;}

.index7 .con2{height: 80px;display: flex;justify-content: space-between;border-top: 1px solid rgba(135, 113,99, .2);align-items: center;color: rgba(34, 34, 34, .6);}

.index7 .con2 a{color: rgba(34, 34, 34, .6);}

.index7 .con2 a:hover{color: #8d7a6c;}



























@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_44{font-size: 36px;}
    .f_46{font-size: 36px;}
    .f_48{font-size: 40px;}
    .f_50{font-size: 40px;}

    .f_54{font-size: 46px;}
    .f_58{font-size: 46px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 42px;}
    .f_72{font-size: 52px;}
    .f_80{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{padding: 80px 0;}
    .nav .nav_con .ul .li{padding: 0 20px ;}

    .img_txt .txt_re{width: 55%;}

    .index4_con .con .co2{width: 500px;height: 300px;padding: 30px;}

    .in_6 .in6_con .con2 .ss .txt .t2{margin-bottom: 30px;}

    .ceb a{padding-left: 10px;font-size: 12px;}
   
    .ind_con .in5_txt .con2{width: 300px;height: 400px;}

    .ind_con .in5_txt .con2 .cot{margin-bottom: 20px;}

    .ind_con .in5_txt .con2 .cot span{margin-right: 20px;}

    .ind_con .in5_txt .con2{width: 300px;height: 400px;}


}

@media screen and (max-width:1500px) {
    .ind_con .in5_txt .con2{width: 280px;height: 360px;padding: 30px 30px 0 30px;}

    .ind_con .in5_txt .con2 .cot span{margin-right: 20px;}

    .ind_con .in5_txt .con2 .cot{margin-bottom: 20px;}

    .ind_con .in5_txt .con2 .ob .b{padding: 15px 0;}
    
    .ind_con .in5_txt .c .t{transform: scale(0.7);margin-left: -5px;}

    .ceb a{padding-left: 10px;}

    .ceb a{font-size: 12px;}

    .ceb{left: 20px;}

    /* .ind_con .in5_txt .con2 .ob .b p span:first-child{font-size: 30px;} */
    .f_46{font-size: 30px;}

    .ind_con .in5_txt .con2{top: 25%;}
}

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

    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

    body{min-width: 200px;}

    .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_44{font-size: 24px;}
    .f_46{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_50{font-size: 24px;}

    .f_54{font-size: 26px;}
    .f_58{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_80{font-size: 24px;}

    .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;}
    .nav{display: none;}

    .nav_y{display: block;}

    .ind_con{position: relative;}
   
    .ind_con .img img{height: auto;}

    .ceb{display: none;}

    .img_txt .txt{flex-wrap: wrap;}

    .img_txt .txt_le{display: none;}

    .img_txt .txt_re{width: 100%;}

    .img_txt .txt_re .re1{line-height: 35px;margin-bottom: 70px;text-align: center;}

    .img_txt .txt_re .re3{margin-top: 60px;}

    .img_txt .txt_re .re2{line-height: 28px;}

    .in_2 .img_txt{position: static;background: url(../images/diqui2.jpg) center no-repeat;padding: 70px 0;} 

    .img_txt .txt_re .re4 .r{margin-right: 20px;}

    .img_txt .txt_re .re4{justify-content: space-between;margin-top: 70px;}

    .in_3 .in3_c{display: block;position: relative;}

    .in_3 .in3_c .swiper-pagination{bottom: 30px;}

    .in_3 .ind_con{display: none;}

    .in_3 .in3_c .a{position: relative;}

    .in_3 .in3_c .a .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;padding: 80px 5% 30px;}

    .in_3 .in3_c .top{position: absolute;left: 0%;top: 30px;z-index: 2;color: #fff;width: 100%;padding: 0 5%;text-align: center;line-height: 35px;}

    /* .in_3 .in3_c a img{height: 100vh;} */


    .in_3 .in3_c .a .txt .t1{line-height: 35px;margin-bottom: 20px;text-align: center;}
    
    .in_3 .in3_c .a .txt .t2{line-height: 30px;margin-bottom: 30px;}

    .in_3 .in3_c .swiper-pagination-bullet{background: #987f7a;}


    .in_4{width: 100%;}

    .in_4 .in4_c{display: block;height: 100%;}

    .in_4 .in4_c .top{padding: 30px 5% 0;text-align: center;}

    .in_4 .in4_c  .swiper-pagination{bottom: 55px;}

    .in_4 .ind_con{display: none;}

    .in_4 .s{background: url(../images/index4_4.jpg) center no-repeat; background-size: cover;height: 340px;margin: 30px 5%;}

    .in_4 .s .s1{line-height: 30px;margin-bottom: 25px;position: relative;}

    .in_4 .s .s1 img{position: absolute;right: 0;top: 0;width: 35px;}

    .in_4 .s .s2{line-height: 30px;}

    .in_4 .s s{display: block;width: 20px;height: 2px;background: #20bf86;margin: 25px 0;}

    .in_4 .swiper-pagination-bullet{background: #987f7a;}

    .ind_con  .in5_imgs {padding:80px 5% 0}

    .ind_con .in5_img img{height: auto;}


    .ind_con .in5_txt .txt{padding: 25px 0 0 0;}

    .in_5 .ind_con{margin-bottom: 30px;} 

    .ind_con .in5_txt .con2{top: 200px;right: 0%;transform: translateX(0%);position: static;background: none;}

    .ind_con .in5_txt .con2 .cot{display: flex;justify-content: center;}

    .ind_con .in5_txt .c .piao{width: 5px;}

    .ind_con .in5_txt .c12{transform: scale(0.5);}

    .ind_con .in5_txt .c .t{transform: scale(0.3);}
    
    .in_6 .in6_con{padding: 30px 0;}

    .in_6 .in6_con .con1{flex-wrap: wrap;margin-bottom: 25px;}

    .in_6 .in6_con .con1 .le{width: 100%;text-align: center;}

    .in_6 .in6_con .con1 .re a{margin-left: 0;}

    .in_6 .in6_con .con1 .re{justify-content: space-between;width: 100%;margin-top: 20px;padding: 0 50px;}

    .in_6 .in6_con .con2{margin: 0;padding: 0 5%;}

    .in_6 .in6_con .con2 .index6_sw {padding-bottom: 40px;}

    .in_6 .in6_con .con2 .swiper-pagination-bullet{background: #987f7a;}

    .in_6 .in6_con .con2 .ss .txt{padding: 15px 20px;}

    .in_6 .in6_con .con2 .ss2{padding: 40px 30px;}

    .in_6 .in6_con .con2 .ss .txt .t2{margin-bottom: 20px;}

    .in_6 .in6_con .con2 .ss2 .s1{margin-bottom: 10px;}

    .in_6 .in6_con .con2 .ss2 .s2{margin-bottom: 20px;}

    .index7 .con1 .con_re{display: none;}

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

    .index7{padding-top: 30px;}

    .index7 .con1 .con_le .le1 img{width: 150px;}

    .index7 .con1 .con_le s{margin: 25px 0;}

    /* .index7 .con1 .con_le .le2{flex-wrap: wrap;} */

    .index7 .con1 .con_le .le2 .l{width: calc(100% - 120px);margin-bottom: 25px;}

    .index7 .con1{padding-bottom: 30px;}

    .index7 .con1 .con_le .l2{margin-top: 10px;line-height: 25px;}

    .index7 .con1 .con_le .l2 img{margin-right: 5px;}

    .index7 .con2{flex-wrap: wrap;height: auto;padding: 15px 0;justify-content: center;text-align: center;line-height: 25px;}

    .in_1 .ind_con{height: 100vh;}

    .in_1 .ind_con .img img{height: 100vh;}

    .ind_con .in5_txt .con2 .ob{overflow: hidden;}

    .ind_con .in5_txt .con2 .ob .b{float: left;width: 33%;border: none;}

    .ind_con .in5_txt .con2 .ob .b p{justify-content: center;}

    .ind_con .in5_txt .con2{width: 90% !important;height: auto !important;padding: 30px 20px 0;margin: 0 auto;}

    .ind_con .in5_txt .con{display: none !important;}
 
    .ind_con .in5_txt{position: static;}

    .ind_con .in5_txt .txt{position: absolute;left: 5%;top: 30px;padding-top: 0;text-align: center;}

    .ind_con .img::after{background: rgba(4, 23, 34 , .10);}
















}