/* 前端江文哲 */

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

*{ margin:0; padding:0;}

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

html{overflow-x: hidden}

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

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

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

.clearfix { *zoom:1; }

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

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

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

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

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

body::-webkit-scrollbar-thumb{ background:#e77c13;}

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

.zijj1{letter-spacing:1px;}

.zijj2{letter-spacing:2px;}

.zijj4{letter-spacing:4px;}

.miaob1{-webkit-text-stroke:1px #e77c13 }


@font-face {
    font-family: 'siyuanxi';
    src: url("../fonts/siyuan-xi.otf");
}

@font-face {
    font-family: 'siyuanchang';
    src: url("../fonts/siyuan-changgui.otf");
}
@font-face {
    font-family: 'siyuanh';
    src: url("../fonts/siyuan-heil.otf");
}

@font-face {
    font-family: 'siyuanz';
    src: url("../fonts/siyuan-zhong.otf");
}

@font-face {
    font-family: 'siyuanc';
    src: url("../fonts/siyuan-cu.otf");
}

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

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

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

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

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

/* .siyuanxi{font-family: 'siyuanxi';} */

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

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

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

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

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

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

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

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

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

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


.f_12{ font-size:12px; }

.f_14{font-size: 14px;}

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_19{font-size: 19px;}

.f_20{ font-size:20px; }  

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px;}

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_42{font-size: 42px;}

.f_44{font-size: 44px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_52{font-size: 52px;}

.f_54{font-size: 54px;}

.f_56{font-size: 56px;}

.f_58{font-size: 58px;}

.f_60{font-size: 60px;}

.f_64{font-size: 64px;}

.f_68{font-size: 68px;}

.f_72{font-size: 72px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}

.p_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_160_100{padding: 160px 0 100px;}

/* 可视范围 */

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

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

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



.cebiand{position: fixed;right: 6%;top: 50%;transform: translateY(-50%);z-index: 2;}

.cebiand a{display: block;color: #fff;margin: 16px 0;}

.cebiand a s{display: block;width: 12px;height: 12px;border-radius: 100%;position: relative;}

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

.cebiand a span{display: block;margin: 8px 0;}

.cebiand a .xian{width: 2px;height: 20px;background: #fff;margin: 0 auto;}

.cebiand a .yin{transform: scale(0);height: 0;overflow: hidden;}

.cebiand a.act s{background: #d94014;}

.cebiand a.act s::after{background: #d94014;}

.cebiand a.act .yin{transform: scale(1);height: auto;}


.cebiand2 a s::after{background: #858585;}

.cebiand2 a .xian{background: #222222;}

.cebiand2 a span{color: #222222;}

.cebiand.act{right: -20%;}

/* 头部 */



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

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

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

.mhead .logo img{display: block;height: 45px;margin-top: 2px;}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.mnav.act{left: 0;}

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

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

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

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

.mnav2 .mbox .dl1{}

.mnav2 .mbox .dl1 dd{}

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

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

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

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


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

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



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

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

.mnav2.act{left: 0;}

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




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

.head .head_con{height: 100%;position: relative;z-index: 1;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);}

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

.head .he_con .con_le{padding-left: 55px;display: flex;align-items: center;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.head .he_con .con_re .re2 .r1{display: flex;border-left: 1px solid #dbdbdb;}

.head .he_con .con_re .re2 .r1 a{display: block;margin-left: 30px;border-bottom: 1px solid #fff;}

.head .he_con .con_re .re2 .r1 a.act{border-bottom: 1px solid #717171;}

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

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

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

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

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

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

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

.chanpxl{position: absolute;top: 100%;background: #fff;width: 100%;display: none;}

.chanpxl .con{display: flex;margin: 0 auto;width: 1065px;transform: translateX(100px);padding: 30px 0;}

.chanpxl .con .con_le{width: 285px;padding-right: 70px;border-right: 1px solid #dcdcdc;}

.chanpxl .con .con_le a{color: #000000;}

.chanpxl .con .con_con{width: 335px;border-right: 1px solid #dcdcdc;padding:0 70px 0 55px;}

.chanpxl .con .con_con a{color: #555555;}

.chanpxl .con .con_re{width: 445px;padding-left: 120px;}

.chanpxl .con .con_re a{display: block;}

.chanpxl .con .con_re a .a1{overflow: hidden;transition: all 0.6s;}

.chanpxl .con .con_re a .a1 img{transition: all 0.6s;}

.chanpxl .con .con_re a .a2{line-height: 30px;margin-top: 12px;transition: all 0.6s;}

.chanpxl .con .ul li a{display: block;line-height: 46px;}

.chanpxl .con_le .ul li a{background: url(../images/nav2.png) right center no-repeat;background-size: 15px 15px;}

.chanpxl .con_le .ul li.act a{color: #e97d13;}

.chanpxl .con_con .ul li.act a{color: #e97d13;}

.chanpxl .con .ul li:hover a{color: #e97d13;}

.chanpxl .con .con_con,.chanpxl .con .con_le{overflow-y: auto;max-height: 506px;}

.chanpxl .con .con_con::-webkit-scrollbar{ width:4px;height: 1px;}

.chanpxl .con .con_con::-webkit-scrollbar-thumb{ background:#e77c13;}

.chanpxl .con .con_con::-webkit-scrollbar-track{ background:#e77c1350;} 

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

.chanpxl .con .con_le::-webkit-scrollbar-thumb{ background:#e77c13;}

.chanpxl .con .con_le::-webkit-scrollbar-track{ background:#e77c1350;} 

.chanpxl .con .con_re a:hover .a1 img{transform: scale(1.05);transition: all 0.6s;}

.chanpxl .con .con_re a:hover .a2{color: #e97d13;transition: all 0.6s;}


@keyframes rcdh1 {
    0%{top: 50px;opacity: 0;}
    50%{top: 50px;opacity: 0;}
 
    100%{top: 0;opacity: 1;}
}

@keyframes rcdh2 {
    0%{top: 0px;opacity: 1;}
    50%{top: 0px;opacity: 1;}
    100%{top: 50px;opacity: 0;}
}


.time1{position: relative;top: 50px;opacity: 0; animation:  rcdh2 0.3s;}

.time2{position: relative;top: 50px;opacity: 0;animation:  rcdh2 0.3s;}

.time3{position: relative;top: 50px;opacity: 0;animation:  rcdh2 0.3s;}

.time4{position: relative;top: 50px;opacity: 0;animation:  rcdh2 0.3s;}

.time5{position: relative;top: 50px;opacity: 0;animation:  rcdh2 0.3s;}

.time6{position: relative;top: 50px;opacity: 0;animation:  rcdh2 0.3s;}


.section.active .time1{top: 0;opacity: 1;animation: rcdh1 1s;}

.section.active .time2{top: 0;opacity: 1;animation: rcdh1 1.1s;}

.section.active .time3{top: 0;opacity: 1;animation: rcdh1 1.2s;}

.section.active .time4{top: 0;opacity: 1;animation: rcdh1 1.3s;}

.section.active .time5{top: 0;opacity: 1;animation: rcdh1  1.4s;}

.section.active .time6{top: 0;opacity: 1;animation: rcdh1 1.5s;}


.ljgd{width: 192px;height: 54px;border: 1px solid #fff;border-radius: 100px;display: flex;justify-content: space-between;align-items: center;padding:0 14px 0 32px;}

.ljgd .i{width: 26px;height: 26px;border-radius: 100%;background: #fff;}

.ljgd span{color: #fff;}

.ljgd:hover{background: #e97d13;border: 1px solid #e97d13;}

.in1_sp {bottom: 30px !important;}

.in1_sp span{width: 11px;height: 11px;border-radius: 100%;position: relative;background: none;opacity: 1;}

.in1_sp span::after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 100%;border: 1px solid #fff;content: "";opacity: 0;}

.in1_sp span::before{width: 5px;height: 5px;position: absolute;left: 3px;top:3px; background: #fff; content: "";border-radius: 100%;}

.in1_sp span.swiper-pagination-bullet-active::after{opacity: 1;}

.in1_sp span.swiper-pagination-bullet-active::before{opacity: 0;}


.in1_sp{}

.in_1{}

.in_1 .ss{position: relative;}

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

.in_1 .ss .img img{width: 100%;height: 100vh;}

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

.in_1 .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;display: flex;align-items: center;background: rgba(0, 0, 0, 0.1);}

.in_1 .ss .txt .tx1{color: #fff;line-height: 1.4;text-align: center;position: relative;top: 50px;opacity: 0;transition: all 0.6s;}

.in_1 .ss .txt .tx2{display: flex;justify-content: center;margin-top: 90px; position: relative;top: 50px;opacity: 0;transition: all 0.6s;}


.in_1 .swiper-slide-active .ss .txt .tx1{top: 0;opacity: 1;transition-delay: 0.6s;}

.in_1 .swiper-slide-active .ss .txt .tx2{top: 0;opacity: 1;transition-delay: 1s;}


.xial{position: absolute;right: 106px;bottom: 40px;z-index: 2;color: #fff;}

.xial s{display: block;margin: 7px auto 0;width: 2px;height: 40px;position: relative;background: rgba(255, 255, 255, 0.2);overflow: hidden;}


.xial s::after{content: "";width: 2px;height: 16px;position: absolute;left: 0;top: 0;background: #fff;animation: donghua1 2s infinite linear ;transition: all 0.6s;}

@keyframes donghua1 {
    0%{top: -15px;}
    100%{top: 55px;}
   
}

.mengceng{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(255, 255, 255, 0.1);}

.in2_con{width: 100%;height: 100vh;background: url(../images/in2_1.jpg) center no-repeat;background-size:cover;}

.in2_con .txt{width: 100%;height: 100%;padding-top: 20vh;color: #fff;text-align: center;position: relative;z-index: 3;}

.in2_con .txt .tx2{margin: 15px 0 25px;}

.in2_con .txt .tx3{margin: 0 auto;width: 625px;line-height: 35px;}

.in2_con .txt .tx4{display: flex;justify-content: center;margin-top: 6.84vh;}

.in2_con .txt .tx5{margin-top: 14.7vh;}

.in2_con .txt .tx5 .ul{display: flex;justify-content: space-between;border-bottom: 1px solid #ae8561;}

.in2_con .txt .tx5 .ul .li{flex: 1;padding-bottom: 5.47vh;position: relative;}

.in2_con .txt .tx5 .ul .li::after{content: "";width: 0%;height: 8px;background: #cb7e33;border-top: 1px solid #cb7e3350;border-bottom: 1px solid #cb7e3350;position: absolute;left: 50%;transform: translateX(-50%);bottom: -4px;transition: all 0.6s;}

.in2_con .txt .tx5 .ul .li .l1{padding-bottom: 4.73vh;transition: all 0.6s;color: #fff;}

.in2_con .txt .tx5 .ul .li .l1 span{transition: all 0.6s;color: #fff;}

.in2_con .txt .tx5 .ul .li .l1{}

.in2_con .txt .tx5 .ul .li:hover::after{width: 100%;transition: all 0.6s;}

.in2_con .txt .tx5 .ul .li:hover .l1,.in2_con .txt .tx5 .ul .li:hover span{color: #e77c13;transition: all 0.6s;}

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

.in3_con .img{height: 100vh;position: relative;}

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

.in3_con .img img.act{opacity: 1;}

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

.in3_con .swiper-slide:first-child .ss{border-left: 1px solid #cbcbcb80;}

.in3_con .txt .ss{height: 100vh;display: block;color: #fff;position: relative;border-right: 1px solid #cbcbcb80;}

.in3_con .txt .ss .ns1{position: absolute;width: 100%;top: 50.5vh;text-align: center;}

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

.in3_con .zhe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.15);}

.in3_con .txt .ss .s1 img{width: 100%;}

.in3_con .txt .ss .ns1 .n2{margin-top: 20px;}

.in3_con .txt .ss .ns2{position: absolute;bottom: 11.578vh;width: 100%;text-align: center;font-weight: 200;}

.in3_con .txt .ss:hover {background: #cb7e33;}

.in3_con .txt .ss:hover .ns2{font-weight: 400;}

.biaot{position: absolute;left: 0;width: 100%;top: 20vh;text-align: center;z-index: 2;color: #fff;}

.biaot .b2{margin-top: 15px;}

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

.in4_con a .zhe{display: none;}

.in4_con .zhe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.15);}

.in4_con .img{height: 100vh;position: relative;}

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

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

.in4_con  .txt{position: absolute;width: 100%;bottom: 7.368vh;}

.in4_con  .txt .ss{display: block;color: #fff;}

.in4_con  .txt .ss .s1 img{width: 100%;}

.in4_con  .txt .swiper-wrapper{display: flex;justify-content: space-between;}

.in4_con  .txt .swiper-wrapper .swiper-slide{width: auto;}

.in4_con  .txt .swiper-wrapper .ss{padding: 40px 45px;}

.in4_con  .txt .ss:hover{background: #cb7e33;}

.in5_con{height: 100vh;background: #f0f3f4;padding-top: 20vh;}

.in5_con .con1{text-align: center;}

.in5_con .con1 .c2{margin-top: 15px;color: #cccccc;}

.in5_con .con2{margin-top: 5.26vh;display: flex;justify-content: space-between;}

.in5_con .con2 .con_le{width: 50%;}

.in5_con .con2 .con_re{width: 46.45%;position: relative;}

.in5_con .con2 .con_le a{display: block;position: relative;}

.in5_con .con2 .con_le a .img{overflow: hidden;position: relative;}

.in5_con .con2 .con_le a .img s{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/zhe.png) center no-repeat;background-size: 100% 100%;}

.in5_con .con2 .con_le a .img img{width: 100%;}

.in5_con .con2 .con_le a .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 80px 65px 45px 45px;color: #fff;}

.in5_con .con2 .con_le a .txt .t2{line-height: 40px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin-top: 25px;}


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

.in5_con .con2 .con_le a:hover .txt .t1{color: #cb7e33;}

.in5_con .con2 .con_re .re1{margin-bottom:7%;}

.in5_con .con2 .con_re .re1 a{display: flex;justify-content: space-between;padding: 18px 22px;background: #cb7e33;color: #fff;align-items: center;}

.in5_con .con2 .con_re .re1 a .img{width: 50.37%;overflow: hidden;}

.in5_con .con2 .con_re .re1 a .txt{width: 47.4%;}

.in5_con .con2 .con_re .re1 a .txt .t2{margin: 16px 0 10px;line-height: 35px;}

.in5_con .con2 .con_re .re1 a .txt .t3 img{width: 25px;}


.in5_con .con2 .con_re .re1 a .txt .t2 p{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

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

.in5_con .con2 .con_re .re1 a:hover .txt .t3 img{transform: translateX(10px);}


.in5_con .con2 .con_re .re2 a{display: flex;margin-bottom: 6.5%;}

.in5_con .con2 .con_re .re2 a span:first-child{width: 113px;}


.in5_con .con2 .con_re .re2 a span:last-child{width: calc(100% - 115px); overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

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

.in5_con .con2 .con_re .re3 a{display: inline-block;border-bottom: 1px solid #f0f3f4;color: #e77c13;line-height: 18px;}

.in5_con .con2 .con_re .re3 a:hover{border-bottom: 1px solid #e77c13;}

.in5_con .con2 .con_re .re2 a:hover span{color: #e77c13;}


.in6_con{background: #1a1a1a;}

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

.in6_con .con1 .con_le{width: 29%;}

.in6_con .con1 .con_le .le1{margin-bottom: 20px;}

.in6_con .con1 .con_le .le2 a{display: block;color: rgba(255, 255, 255, 0.6);}

.in6_con .con1 .con_le .le2 p{display: flex;color: rgba(255, 255, 255, 0.6);line-height: 22px;margin-bottom: 17px;}

.in6_con .con1 .con_le .le2 p:last-child{margin-bottom: 0;}

.in6_con .con1 .con_le .le2 p span.sp1{display: block;}

.in6_con .con1 .con_le .le2 p span.sp2{display: block;width: calc(100% - 85px);}

.in6_con .con1 .con_le .le2 p s{display: block;width: 1px;height: 13px;background: rgba(255, 255, 255, 0.6);transform: translateY(5px);margin: 0 10px 0 6px;}

.in6_con .con1 .con_le .le2 img{width: 20px;height: 20px;transform: translateY(2px);}

.in6_con .con1 .con_le .le2 p a:hover{color: #fff;}

.in6_con .con1 .con_le .le3 .img{position: relative;width: 95px;}

.in6_con .con1 .con_le .le3 .i{width: 95px;border-radius: 5px;overflow: hidden;cursor: pointer;}

.in6_con .con1 .con_le .le3 .i span{color: rgba(255, 255, 255, 0.6);text-align: center;display: block;margin-top: 14px;}

.in6_con .con1 .con_le .le3 .i img{width: 100%;}

.in6_con .con1 .con_le .le3 .fd{position: absolute;width: 150px;height: 150px;bottom: 130%;left: 50%;transform: translateX(-50%);pointer-events: none;opacity: 0;}

.in6_con .con1 .con_le .le3 .fd img{border-radius: 5px;}

.in6_con .con1 .con_le .le3 .fd::after{width: 12px;height: 12px;position: absolute;left: 50%;bottom: -8px;background: #fff;content: "";transform: rotate(45deg) translateX(-50%);}

.in6_con .con1 .con_le .le3 .fd img{width: 100%;}

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

.in6_con .con1 .con_le .le3 .img:hover .fd{opacity: 1;z-index: 2;bottom: 115%;}








.in6_con .con1 .con_re{width: 67.82%;}

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

.in6_con .con1 .con_re .ul .li{}

.in6_con .con1 .con_re .ul .li a{color: rgba(255, 255, 255, 0.8);display: block;line-height: 22px;margin-bottom: 11px;}

.in6_con .con1 .con_re .ul .li a:first-child{color: #fff;margin-bottom: 32px;}

.in6_con .con1 .con_re .ul .li a:hover{color: #cb7e33;}

.in6_con .con2{display: flex;justify-content: space-between;color: rgba(255, 255, 255, 0.6);padding: 22px 0 20px;border-top: 1px solid #313131;}

.in6_con .con2 .con_le{display: flex;align-items: baseline;}

.in6_con .con2 .con_re{display: flex;align-items: baseline;}

.in6_con .con2 a{color: rgba(255, 255, 255, 0.6);}

.in6_con .con2 .con_le a{margin:0 20px ;display: block;}

.in6_con .con2 .con_le .c{display: flex;}

.in6_con .con2 .con_le .c a{margin: 0;}

.in6_con .con2 .con_le .c span{display: block;margin: 0 5px;}

.in6_con .con2 .con_re a{margin-left: 30px;}

.in6_con .con2 .con_re a:first-child{margin-left: 0;}

.in6_con .con2 a:hover{color: #cb7e33;}




/* 视频弹框 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

.z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1200px;max-height: 90%;margin: 0 auto;-webkit-transform: translateY(5%);   -moz-transform: translateY(5%);    -ms-transform: translateY(5%);     -o-transform: translateY(5%);        transform: translateY(5%);opacity: 0;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }

.z_tanchuang .tbox .modal .out {position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;-o-background-size: 20px;   background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5;  }

.z_tanchuang .tbox .modal .img { width: 100%;  margin: 0 auto;  }

.z_tanchuang .tbox .modal .img2 { width: 100%;  margin: 0 auto; height: 80vh; }

.z_tanchuang .tbox .modal .img video {display: block;width: 100%;max-width: 100%;-o-object-fit: cover;   object-fit: cover;  }

.z_tanchuang .tbox .modal .img img { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); max-width: 90%;max-height: 90%;}

.z_tanchuang .tbox .modal .out:hover {background: #fff url(../images/out2.png) center no-repeat;-o-background-size: 20px;   background-size: 20px;-moz-transform: rotate(180deg); -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);     transform: rotate(180deg);-webkit-transform: rotate(180deg);  }

.z_tanchuang.act {visibility: visible;pointer-events: visible;opacity: 1;  }

.z_tanchuang.act .tbox .modal {-webkit-transform: translateY(0);   -moz-transform: translateY(0);    -ms-transform: translateY(0);     -o-transform: translateY(0);        transform: translateY(0);opacity: 1;  }


@media (max-width: 1200px) {
  .z_tanchuang .tbox .modal {
    width: 90%;
    padding: 5px;
  }
  .z_tanchuang .tbox .modal .out {
    right: 0;
    top: -50px;
  }
}






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

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }  

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:24px; }

    .f_28{ font-size:26px; }

    .f_30{ font-size:26px; }

    .f_32{ font-size:28px;}

    .f_34{ font-size:30px; }

    .f_36{ font-size:32px; }

    .f_38{ font-size:32px; }

    .f_40{font-size: 36px;}

    .f_42{font-size: 36px;}

    .f_44{font-size: 38px;}

    .f_46{font-size: 38px;}

    .f_48{font-size: 40px;}

    .f_50{font-size: 44px;}

    .f_52{font-size: 44px;}

    .f_54{font-size: 44px;}

    .f_56{font-size: 44px;}

    .f_58{font-size: 44px;}

    .f_64{font-size: 50px;}

    .f_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .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_160_100{padding: 120px 0 80px;} */

    .head .he_con .con_re .ul .li{padding: 0 25px;}

    .head{height: 80px;}

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

    .cebiand{right: 4%;}

    .in2_con .txt .tx3{line-height: 30px;}

    .in5_con .con2 .con_re .re2 a{margin-bottom: 5%;}

    .in5_con .con2 .con_re .re1{margin-bottom: 6%;}

    .in5_con .con2 .con_le a .txt{padding: 50px 40px 40px;}

    .chanpxl .con .ul li a{line-height: 40px;}

   
}


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

    .in2_con .txt .tx5{margin-top: 12vh;}

    .in2_con .txt .tx5 .ul .li .l1{padding-bottom: 3vh;}

    .in2_con .txt .tx5 .ul .li{padding-bottom: 4vh;}

    .ljgd{width: 160px;height: 46px;}

    .in5_con .con2 .con_le a .txt .t2{line-height: 35px;margin-top: 15px;}

    .chanpxl .con .con_con, .chanpxl .con .con_le{max-height: 435px;}

    .chanpxl .con{transform: translateX(0);}
  
}

@media screen and (max-width:1400px) {
    .cebiand{right: 2%;}

    .in5_con .con2 .con_le{width: 43%;}

    .in5_con .con2 .con_re{width: 55%;}

    .in5_con .con2 .con_re .re1 a .img{width: 43%;}

    .in5_con .con2 .con_re .re1 a .txt{width: 55%;}

    .in5_con .con2 .con_re .re1{margin-bottom: 3%;}

    .in5_con .con2 .con_re .re2 a{margin-bottom: 2.5%;}

    .in2_con .txt,.in5_con{padding-top: 17vh;}

    .biaot{top: 17vh;}

    .in5_con .con2{margin-top: 4vh;}
   
}


@media screen and (max-width:1300px) {
    .cebiand{right: 1%;}

    .in2_con .txt .tx4{margin-top: 5vh;}

    .in2_con .txt .tx5{margin-top: 10vh;}

    

  

}





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

    html,body{overflow-x: hidden;}

    .head{display: none;}

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

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

    .mhead{display: block;}

    .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_42{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_56{font-size: 32px;}

    .f_58 {font-size: 32px;}

    .f_64{font-size: 36px;}

    .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_160_100{padding: 40px 0;}

    .wow{opacity: 1;}

    .cebiand,.xial{display: none;}

    .time1{position: relative;top: 0px;opacity: 1; animation:  rcdh2 0.3s;}

    .time2{position: relative;top: 0px;opacity: 1;animation:  rcdh2 0.3s;}

    .time3{position: relative;top: 0px;opacity: 1;animation:  rcdh2 0.3s;}

    .time4{position: relative;top: 0px;opacity: 1;animation:  rcdh2 0.3s;}

    .time5{position: relative;top: 0px;opacity: 1;animation:  rcdh2 0.3s;}

    .time6{position: relative;top: 0px;opacity: 1;animation:  rcdh2 0.3s;}

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

    .in6_con .con1 .con_le{width: 100%;}
  
    .in6_con .con2{flex-wrap: wrap;justify-content: center;line-height: 26px;}

    .in6_con .con2 .con_le{flex-wrap: wrap;justify-content: center;}
   
    .in6_con .con2 .con_re{flex-wrap: wrap;justify-content: center;}

    .in6_con .con2 .con_re a{margin-left: 10px;}

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

    .in6_con .con1 .con_le .le3 .img{margin: 0 auto;}

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

    .in_1 .swiper-slide .ss .txt .tx2{margin-top: 30px;}

    .in2_con{height: auto;position: relative;}

    .in2_con .txt .tx3{width: 100%;}

    .in2_con .txt, .in5_con{padding: 60px 0;}

    .in2_con .txt .tx2{margin: 10px 0 20px;}

    .in2_con .txt .tx5 .ul{flex-wrap: wrap;border-bottom: 0;justify-content:left;}

    .in2_con .txt .tx5 .ul .li{width: 33.33%;padding-bottom: 30px;flex: none;}

    .in2_con .txt .tx5{margin-top: 50px;}

    .in4_con{height: auto;}

    .in4_con .txt{position: relative;bottom: 0;}

    .in3_con{height: auto;}

    .in3_con .txt{position: relative;}

    .in3_con .txt .ibox2{width: 100%;}

    .biaot{top: 60px;}

    .in4_con .txt .swiper-wrapper .swiper-slide{position: relative;width: 100%;}

    .in4_con .txt .swiper-wrapper .swiper-slide .ss{position:relative;}

    .in4_con .txt .ss .s2{position: absolute;bottom: 60px;width: 100%;text-align: center;}

    .in3_con .txt .ss{height: auto;border: 0;}

    .in3_con .txt .ss .ns2{bottom: 60px;}

    .in3_con .txt .ss .ns1{top: 50%;}

    .in4_con .txt .swiper-wrapper .ss{padding: 0;}

    .in4_con .txt .ibox2{width: 100%;}

    .in3_con .txt .ss .s1 img{transform: scale(1.005);}

    .in5_con{height: auto;}

    .in5_con .con2{margin-top: 30px;flex-wrap: wrap;}

    .in5_con .con1 .c2{margin-top: 10px;}

    .in5_con .con2 .con_le{width: 100%;}

    .in5_con .con2 .con_re{width: 100%;margin-top: 20px;}

    .in5_con .con2 .con_re .re3{position: relative;}

    .in4_con a .zhe{display: block;}

    .in3_con .txt .ss .s2{background: rgba(0, 0, 0, 0.15);}

    .yddfysh.yddfy{bottom: 30px !important;}


















}

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

    .in5_con .con2 .con_re .re1 a{flex-wrap: wrap;padding: 20px;}

    .in5_con .con2 .con_re .re1 a .img{width: 100%;}

    .in5_con .con2 .con_re .re1 a .txt{width: 100%;margin-top: 20px;}

    .in5_con .con2 .con_re .re2 a{margin-bottom: 20px;}

    .in5_con .con2 .con_re .re1{margin-bottom: 20px;}

    .in5_con .con2 .con_re .re2 a span:first-child{width: 100px;}

    .in5_con .con2 .con_re .re2 a span:last-child{width: calc(100% - 100px);}






}