@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:16px;  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:#192d7f;}
body::-webkit-scrollbar-track{ background:#fff;} 

.inner {
    width: 84%;
    margin: 0 auto;
}

.padd {
    padding: 98px 0;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

@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_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;}
.b_40{ padding-bottom:40px;}
.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;}

/* 头部 */
/* 移动端头部 */
.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: 140px;}
.nav_y .con_y .logo_y a{vertical-align: middle;}
.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: 30px;}
/* .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:#192d7f;}
.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: #192d7f;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;}
.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: 80px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}

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

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

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

.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 35px;position: relative;}

.nav .nav_con .nav_txt .txt_re .re1::after{content: "";width: 1px;height: 15px;background: rgba(20, 0, 0, 0.3);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(0, 0, 0, 0.3);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}


.nav .nav_con .nav_txt .txt_re .re1 a{display: block;color: #333;}

.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: 150%;background: #fff;padding: 20px 0;border-radius: 5px;transform: translateY(20px);left: -25%;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;box-shadow: 0 0 1px 1px #f3f4f6;}

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

.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 36px;position: relative;}

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

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

.nav .nav_con .ul .li .li_txt{position: absolute;width: 110%;padding: 20px 0px;background: #fff;left: -5%;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: 20px;padding: 10px 0;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: #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,.nav.act2 .nav_con .nav_txt .txt_re .re1 a,.nav.act3 .nav_con .nav_txt .txt_re .re1 a,.nav.act4 .nav_con .nav_txt .txt_re .re1 a{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::before,.nav.act2 .nav_con .nav_txt .txt_re .re1::before,.nav.act3 .nav_con .nav_txt .txt_re .re1::before,.nav.act4 .nav_con .nav_txt .txt_re .re1::before{background: #999999;}

.nav.act1 .nav_con .nav_txt .txt_re .re1::after,.nav.act2 .nav_con .nav_txt .txt_re .re1::after,.nav.act3 .nav_con .nav_txt .txt_re .re1::after,.nav.act4 .nav_con .nav_txt .txt_re .re1::after{background: #999999;}

.nav.act1 .nav_con .nav_txt .txt_re .re2::before,
.nav.act2 .nav_con .nav_txt .txt_re .re2::before,
.nav.act3 .nav_con .nav_txt .txt_re .re2::before,
.nav.act4 .nav_con .nav_txt .txt_re .re2::before{background: #999999;}


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

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

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

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

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

.in_2 .inx_img{position: relative;}

.in_2 .inx_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .1);}

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

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

.shgipt video{width: 100%;}

.shgipt img{width: 30px;height: 30px;position: absolute;right: 0;top: -70px;cursor: pointer;}

.shgipt .shig_con{width: 90%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}

/* 第一屏 */

.in_1 .in1_sw {width: 100%;height: 100%;}

.in_1 .in1_sw .sw_con{position: relative;width: 100%;height: 100%;}

.in_1 .in1_sw .sw_con .con_img {width: 100%;height: 100%;}

.in_1 .in1_sw .sw_con .con_img img{width: 100%;height: 100%;}

.in_1 .in1_sw .sw_con .ship_b{display: flex;align-items: center;color: #fff;justify-content: center;cursor: pointer;z-index: 20;margin-top: 40px;position: relative;display: none;}

.in_1 .in1_sw .sw_con .ship_b img{width: 25px;height: 25px;}

.in_1 .in1_sw .sw_con .ship_b img{margin-right: 10px;}

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

.in_1 .in1_sw .sw_con .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;padding-top: 32.6vh;}

.in_1 .in1_sw .swiper-slide .sw_con .con_txt .txt{padding-top: 1px;opacity: 0;}

.in_1 .in1_sw .sw_con .con_txt .t1{margin-bottom: 40px;color: #fff; text-shadow: 2px 2px 4px #555;letter-spacing: 2px;}

.in_1 .in1_sw .sw_con .con_txt .t2{line-height: 40px;color: #fff; text-shadow: 2px 2px 2px #555;letter-spacing: 2px;}

.in_1 .in1_sw .swiper-slide-active .sw_con .con_txt .txt.time{padding-top: 0;opacity: 1;animation: cx 1s linear alternate;transition-delay:0.8s;}

.in_1 .in1_sp{bottom:45px ;} 

.in_1 .in1_sp .swiper-pagination-bullet{margin: 0 50px;border: 2px solid rgba(255, 255, 255, 0.3);background: none;opacity: 1;}

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

.in_1 .in1_sp span {position: relative;}

.in_1 .in1_sp span::after{content: "";width: 102px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;left: 6px;top: 1px;}

.in_1 .in1_sp span:last-child::after{content: none;}

.in_1 .in1_sp  .swiper-pagination-bullet-active::before{content: "";width: 35px;height: 35px;background: url(../images/shuang.png) center no-repeat;position: absolute;left: -15px;top: -15px;animation: xz 2s infinite linear ;}


.indTit {
    position: relative;
}

.indTit>div {
    display: inline-block;
}

.indTit span {
    line-height: 1.5;
}

.indTit p {
    line-height: 1.4;
    color: #192d7f;
}

.indTit.center {
    text-align: center;
}

.indTit.black span,
.indTit.black p {
    color: #333;
}

.indTit.white span,
.indTit.white p {
    color: #fff;
}

.indPro_ico {
    margin-top: 68px;
    margin-right: 10px;
}

.indAb {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: right;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/bg5.jpg);
    background-size: cover;
}

.indAb_l {
    position: relative;
    width: 52%;
    height: 100%;
    float: left;
}

.indAb_ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 91, 163, 0.18);
    transition: all 0.48s;
    text-align: center;
}

.indAb_ico a {
    width: 80px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.indAb_ico_bg {
    width: 100%;
    animation: bgAnimation 3s infinite alternate cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@keyframes bgAnimation {
    0% {
        opacity: 0.8;
        transform: scale(1)
    }
    100% {
        opacity: 0.48;
        transform: scale(1.2)
    }
}

.indAb_ico_img {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.indAb_l:hover .indAb_ico {
    opacity: 1;
}

.indAb_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.indAb_img_mbl {
    width: 100%;
    display: none;
}

.indAb_r {
    display: inline-block;
    text-align: left;
    width: 45%;
    position: relative;
    top: 42%;
    transform: translateY(-50%);
}

.indAb_r>div {
    width: 80%;
    max-width: 628px;
    margin-left: 8%;
}

.indAb_p {
    font-size: 17px;
	text-align:justify;
    line-height: 1.8;
    margin-top: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indAb_num {
    position: absolute;
    left: 25.8%;
    width: 67%;
    bottom: 0;
    background: #fff;
    box-sizing: border-box;
    z-index: 11;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.indAb_num li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px 0;
}

.indAb_num li::before {
    content: "";
    position: absolute;
    top: 16%;
    left: 0;
    width: 1px;
    height: 68%;
    background: #e5e5e5;
}

.indAb_num li:first-child:before {
    content: none;
}

.indAb_num a {
    display: inline-block;
    text-align: left;
    color: #787878;
    font-size: 15px;
}

.indAb_num p {
    display: block;
    font-size: 15px;
    /* display: inline-block;
        font-size: 15px; */
    color: #787878;
    letter-spacing: 0.5px;
    margin-right: 14px;
}

.indAb_num p img {
    display: block;
    width: 42px;
}

.indAb_num img {
    display: block;
    width: 48px;
}

.indAb_num span {
    font-size: 48px;
    letter-spacing: -1px;
    /* font-size: 68px; 
    letter-spacing: -3px;*/
    color: #192d7f;
	padding: 10px 0;
    display: inherit;
	font-family: din;
	font-weight: 600;
}

@keyframes jiant {
    0%{transform: translateX(20px);}

    20%{transform: translateX(30px);}

    40%{transform: translateX(20px);}

    100%{transform: translateX(20px);}
}

/* video */

.yrVideo {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    text-align: center;
    z-index: 99999;
    cursor: pointer;
}

.yrVideo_box {
    z-index: 990;
    cursor: inherit;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    border: 12px solid #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.yrVideo_box video {
    display: block;
    position: relative;
    z-index: 4;
    width: 100%;
}

.yrVideo_cls {
    cursor: pointer;
    position: absolute;
    right: -12px;
    top: -11px;
    width: 42px;
    height: 42px;
    background: #fff;
    padding: 6px;
    z-index: 991;
    box-sizing: border-box;
}

.yrVideo_cls img {
    width: 100%;
}

@media(max-width: 1024px) {
    .indAb_img_ico {
        opacity: 1;
    }
    .indAb_img_ico img {
        width: 38px;
    }
    .yrVideo_box {
        border-width: 6px;
    }
    .yrVideo_cls {
        right: -6px;
        top: -5px;
        width: 38px;
        height: 38px;
        padding: 6px;
    }
}


.liaoj{width: 165px;height: 40px;color: #fff;display: flex;align-items: center;}

.liaoj .a_img{position: relative;transform: translateX(20px);animation: jiant 3s infinite linear alternate;}

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

.liaoj  span{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50px;}

/* .liaoj:hover .a_img{transform: translateX(30px);} */

.liaoj:hover{color: #192d7f;}

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

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

.liaoj:hover span{border: 1px solid #192d7f;}



/* .liaoj.act .a_img{transform: translateX(30px);} */

.liaoj.act{color: #192d7f;}

.liaoj.act .a_img img:last-child{opacity: 1;}

.liaoj.act .a_img img:first-child{opacity: 0;}

.liaoj.act span{border: 1px solid #192d7f;}



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

.in_3 .in3_txt .con{display: flex;justify-content: space-between;padding-right: 8.4%;height: 100%;}

.in_3 .in3_txt .con .txt_le{width: 55%;}

.in_3 .in3_txt .con .txt_le .le_img{position: relative;height: 100%;}

.in_3 .in3_txt .con .txt_le .le_img img{width: 100%;height: 100%;transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .le_img img.ding{position: absolute;left: 0;top: 0;}

.in_3 .in3_txt .con .txt_re{width: 32.95%;padding-top: 26.3vh;}

.in_3 .in3_txt .con .txt_re .re1{margin-bottom: 50px;}

.in_3 .in3_txt .con .txt_re .re2{margin-bottom: 20px;}

.in_3 .in3_txt .con .txt_re .re3{line-height: 30px;color: #555555;margin-bottom: 55px;text-align: justify;}

.in_3 .in3_txt .con .txt_re .ul{position: relative;width: 100%;height: 100%;}

.in_3 .in3_txt .con .txt_re .ul .li{position: absolute;left: 0;top: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(30px);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les{width: 0%;position: absolute;cursor: pointer;}

.in_3 .in3_txt .con .txt_le .le1{top: 31.6vh;left: 49.3%;}

.in_3 .in3_txt .con .txt_le .le2{top: 45.26vh;left: 50.2%;}

.in_3 .in3_txt .con .txt_le .le3{top: 58.95vh;left: 50.2%;}

.in_3 .in3_txt .con .txt_le .le4{top: 72.6vh;left: 49.3%;}

.in_3 .in3_txt .con .txt_le .les .l2{width: 50px;height: 50px;border: 2px solid rgba(1, 64, 153, 0.3);position: absolute;border-radius: 50px;left: 0;top: 0;transform: translate(-50%,-50%);opacity: 0;}

.in_3 .in3_txt .con .txt_le .les .l2::after{width: 50px;height: 50px;border-right: 2px solid #192d7f;content: "";left: -2px;top: -2px;border-radius:  0  100% 100% 100%;position: absolute;transform: rotate(-45deg);transition: all 0.6s;}


.in_3 .in3_txt .con .txt_le .les .l1{width: 8px;height: 8px;border-radius: 10px;background: #192d7f;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.in_3 .in3_txt .con .txt_le .les .l3{width: 150px;position: absolute;left: 15px;top: -10px;}

.in_3 .in3_txt .con .txt_re .ul .li.act{opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;transform: translate(0);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les.act .l3{left: 35px;}

.in_3 .in3_txt .con .txt_le .les.act .l2{opacity: 1;}

.in_3 .in3_txt .con .txt_le .les:hover .l2{opacity: 1;}

.in_3 .in3_txt .con .txt_le .les:hover .l2::after{transform: rotate(360deg);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les:hover .l3{left: 35px;}

.in_5 .in4_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 22.6vh;color: #fff;text-align: center;text-shadow: 0 0 4px #111;}

.in_5 .in4_txt .txt1{margin-bottom: 45px;text-shadow: 0 0 4px #111;}

.in_5 .in4_txt .txt2{line-height: 35px;margin-bottom: 25px;text-shadow: 0 0 4px #111;}

.in_5 .in4_txt .txt3{line-height: 30px;text-shadow: 0 0 4px #111;}

.in_5 .in4_txt .ul{display: flex;width: 1240px;margin: 0 auto;justify-content: space-between;margin-top: 11.58vh;}

.in_5 .in4_txt .ul .li a{color: #fff;display: block;}

.in_5 .in4_txt .ul .li:first-child{animation: cx2 1.5s linear alternate;}

.in_5 .in4_txt .ul .li img{margin: 0 auto;}

.in_5 .in4_txt .ul .li span{display: block;margin-top: 20px;text-shadow: 0 0 4px #111;}




.in_4 .inx_con{background: url(../images/ind6_b.jpg) left no-repeat;background-size: cover;padding-top:24.47vh ;}


.in_4  .in4_con{display: flex;justify-content: space-between;}

.in_4  .in4_con .con_le{width: 18.75%;color: #333333;}

.in_4  .in4_con .con_re{width: 75%;position: relative;}

.in_4  .in4_con .con_le .le_top{margin-bottom: 55px;}

.in_4  .in4_con .con_le .le_bot{margin-bottom: 23.15vh;}

.in_4  .in4_con .con_le .le_bot a{display: table;margin-bottom: 25px;}

.in_4  .in4_con .con_le .le_bot a.act{color: #192d7f;}

.in_4  .in4_con .con_re .ul{display: flex;position:absolute;left: 0;top: 0;width: 100%;opacity: 0;visibility:hidden;pointer-events: none;z-index: -2;}

.in_4  .in4_con .con_re .ul .li{width: 30%;margin-right: 5%;}

.in_4  .in4_con .con_re .ul .li a{display: block;}

.in_4  .in4_con .con_re .ul .li:last-child{margin-right: 0;}

.in_4  .in4_con .con_re .ul .li .li_tim span{display: block;font-family: din;}

.in_4  .in4_con .con_re .ul .li .li_tim span.sp1{margin-bottom: 5px;transform: translateX(-5px);}

.in_4  .in4_con .con_re .ul .li .li_img{overflow: hidden;margin: 35px 0 15px;}

.in_4  .in4_con .con_re .ul .li .li_img img{width: 100%;height: 24vh;object-fit: cover;}

.in_4  .in4_con .con_re .ul .li .li_txt .txt1{line-height: 35px;height: 70px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.in_4  .in4_con .con_re .ul .li .li_txt .txt2{line-height: 30px;text-align: justify;margin: 25px 0 30px;height: 60px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.in_4  .in4_con .con_re .ul .li .li_txt .txt3{position: relative;}

.in_4  .in4_con .con_re .ul .li .li_txt .txt3 img:last-child{position: absolute;left: 0;top: 0;}


.in_4  .in4_con .con_re .ul .li .li_txt .txt3 img:first-child{opacity: 0;}

.in_4  .in4_con .con_re .ul .li:hover .li_img img{transform: scale(1.05);}

.in_4  .in4_con .con_re .ul .li:hover .li_txt .txt3 img:last-child{opacity: 0;}

.in_4  .in4_con .con_re .ul .li:hover .li_txt .txt3 img:first-child{opacity: 1;}

.in_4  .in4_con .con_re .ul.act{opacity: 1;z-index: 2;pointer-events: visible;visibility: visible;}

.in_4 .in4_con .con_le .le_bot a:hover {color: #192d7f;}

.in_4 .in4_con .con_re .ul .li:hover .li_txt .txt1{color: #192d7f;}

.in_6 {background: #333333;}

/* .in_6  */

.in_6 .con_top{padding: 70px 0;display: flex;justify-content: space-between;}

.in_6 .con_top .top_le{width: 32.5%;color: rgba(255, 255, 255, 0.6);}

.in_6 .con_top .top_re{width: 59.375%;}

.in_6 .con_top  .top_le .le_le{width: 100%;margin-right: 20px;}

.in_6 .con_top  .top_le .le_le li{  float:left;width:33.33%;text-align: center;}

.in_6 .con_top  .top_le .le_re{width: 100%;}

.in_6 .con_top  .top_le .le_le img{margin: 0 auto 10px auto;}

.in_6 .con_top  .top_le .re1{display: flex;align-items: flex-start;line-height: 20px;margin-bottom: 17px;}

.in_6 .con_top  .top_le .re1 span:first-child{display: flex;align-items: center;}

.in_6 .con_top  .top_le .re1 .ls{width: calc(100% - 90px);}

.in_6 .con_top  .top_le .re1 s{display: block;width: 1px;height: 13px;background: rgba(255, 255, 255, 0.6);margin: 0 7px 0 10px;}

.in_6 .con_top  .top_le .re1 a{display: block;color:rgba(255, 255, 255, 0.6);}

.in_6 .con_top .top_re  .ul{display: flex;justify-content: space-between;}

.in_6 .con_top .top_re .li a:first-child{font-weight: bold;font-size: 18px;color: #fff;height: 40px;line-height: normal;}

.in_6 .con_top .top_re .li a{color: rgba(255, 255, 255, 0.6);display: block;line-height: 35px;}

.in_6 .con_bot{display: flex;justify-content: space-between;height: 60px;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1);}

.in_6 .con_bot a,.in_6 .con_bot span{display: block;color: rgba(255, 255, 255, 0.6);}

.in_6 .con_bot .bot_le{display: flex;}

.in_6 .con_bot .bot_re{display: flex;}

.in_6 .con_top  .top_le .re1 a:hover{color:#fff;}

.in_6 .con_top .top_re .li a:hover{color: #fff;}

.in_6 .con_bot a:hover{color: #fff;}

.a_dw{position: relative;top: -50px;display: none;}

@media screen and (max-width:1680px) {
    .f_22{font-size: 20px;}
    .f_24{font-size: 22px;}
    .f_26{font-size: 22px;}
    .f_28{font-size: 26px;}
    .f_32{font-size: 26px;}
    .f_36{font-size: 32px;}
    .f_42{font-size: 36px;}
    .f_48{font-size: 40px;}
    .f_54{font-size: 46px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 54px;}
    .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;}
    
    /*.nav .nav_con .ul .li{padding: 0 20px ;}*/
   
}

@media screen and (max-width:1468px) {
    /*.nav .nav_con .ul .li{padding: 0 15px;}*/

    .nav .nav_con .nav_txt .txt_re .re1{}

    .nav .nav_con .nav_txt .txt_re .re2{padding: 0 15px;}

    .nav .nav_con .nav_txt .txt_re .re3{padding-left: 15px;}

    .nav .nav_con .logo a img{}
	
	.indTit span {

    }
    .indTit p {
    font-size: 30px;
    }
	.indPro_ico {
    margin-top: 38px;
    margin-right: 10px;
    }
}

@media screen and (max-width:1100px) {
    .nav .nav_con .logo a img{width: 70px;}
}


@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: 16px;}
    .f_22{font-size: 18px;}
    
    .f_26{font-size: 18px;}
    .f_28{font-size: 20px;}
    
    .f_32{font-size: 22px;}
    .f_36 {font-size: 20px;}
    .f_42{font-size: 24px;}
    .f_48{font-size: 24px;}
    .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;}
    
    .a_dw{display: block;}

    .nav{display: none;}

    .nav_y{display: block;}

    .in_1 .in1_sp{bottom: 25px;}

    .in_1 .in1_sp .swiper-pagination-bullet-active::before{left: -16px;top: -16px;}

    .in_1 .in1_sw .sw_con .con_txt .t1{margin-bottom: 10px;}

    .in_1 .in1_sw .sw_con .con_txt{padding-top: 20vh;}
	
	.in_1 .in1_sw .sw_con .con_img img { height: 50vh;object-fit: cover;}

    .in_1 .in1_sp .swiper-pagination-bullet{margin: 0 20px;}

    .in_1 .in1_sp span::after{width: 40px;}
	
	.indTit p{ font-size:18px; padding-top:10px;}
	
	
	.indAb {
        padding: 40px 0 20px 0;
        background-position: right top;
		background:#efefef;
		margin-bottom:40px;
    }
    .indAb_l,
    .indAb_r {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
	.indAb_l{ width:90%; margin:5% 0 5% 5%;}
    .indAb_r {
        padding-bottom: 48px;
        top: 0;
        transform: translateY(0);
    }
    .indAb_r>div {
        max-width: 100%;
		width:90%;
		margin-left: 5%;
        box-sizing: border-box;
    }
    .indAb_num {
        position: relative;
        left: 5%;
        width: 90%;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.8);
    }
	.indAb_num span{ font-size:20px;}
    .indAb_img {
        display: none;
    }
    .indAb_img_mbl {
        display: block;
    }

    .in_3 .in3_txt .con{flex-wrap: wrap;padding: 0;}

    .in_3 .in3_txt .con .txt_le{width: 100%;position: relative;color: #fff;}

    .in_3 .in3_txt .con .txt_re{width: 100%;}

   .in_3 .inx_img{display: none;}

   .in_3 .in3_txt{position: static;}

   .in_3 .in3_txt .con .txt_re{padding-top: 30px;}

   .in_3 .in3_txt .con .txt_le .le1{left: 10%;top: 20%;}

   .in_3 .in3_txt .con .txt_le .le2{left: 10%;top: 40%;;}

   .in_3 .in3_txt .con .txt_le .le3{left: 10%;top: 60%;}

   .in_3 .in3_txt .con .txt_le .le4{left: 10%;top: 80%;}

   .in_3 .in3_txt .con .txt_re .ul{width: 100%;}

   .in_3 .in3_txt .con .txt_re .ul .li{padding:0 5%;}

    .in_3{}

    .in_3 .in3_txt .con .txt_re .re1{margin-bottom: 25px;}

    .in_3 .in3_txt .con .txt_re .re2{margin-bottom: 15px;}

    .in_3 .in3_txt .con .txt_re .re3{margin-bottom: 25px;max-height: 155px;overflow-y: auto;padding-right: 15px;}

    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar{ width:3px;height: 1px;}
    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-thumb{ background:#192d7f;}
    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-track{ background:#fff;}

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

    .in_5 .inx_img {display: none;}

    .in_5 .in4_txt{position: static;padding: 80px 0 100px;}

    .in_5 .in4_txt .txt1{margin-bottom: 25px;}

    .in_5 .in4_txt .txt2{margin-bottom: 15px;}

    .in_5 .in4_txt .ul{margin-top: 60px;}


    .in_5 .in4_txt .ul{width: 100%;flex-wrap: wrap;}

    .in_5 .in4_txt .ul .li{width:50%;margin-bottom: 20px;}

    .in_5 .in4_txt .ul .li .li_con ,.in_5 .in4_txt .ul .li .li_img {width: 170px;}

    .inx_top{padding-top: 30px;}

    .in_4 .inx_con{padding-top: 30px;}

    .in_4 .in4_con{flex-wrap: wrap;}

    .in_4 .in4_con .con_le{width: 100%;margin-bottom: 10px;}

    .in_4 .in4_con .con_re{width: 100%;height: auto;}

    .in_4 .in4_con .con_re .ul{flex-wrap: wrap;position: static; display:none;}

    .in_4 .in4_con .con_re .ul.act{ display:block;}

    .in_4 .in4_con .con_re .ul .li{width: 100%;margin-bottom: 30px;margin-right: 0;}

    .in_4 .in4_con .con_re .ul .li a{display: block;width: 100%;}

    .in_4 .in4_con .con_le .le_bot{margin-bottom: 0px;display: flex;margin-bottom: 15px;}

    .in_4 .in4_con .con_le .le_bot a{margin-right: 20px;margin-bottom: 10px;}

    .in_4 .in4_con .con_le .le_top{margin-bottom: 20px;}

    .in_4 .in4_con .con_re .ul .li .li_img{margin: 20px 0;}

    /* .in_4 .in4_con .con_re .ul .li .li_img img{width: 100%;} */

    .in_4 .in4_con .con_re .ul .li .li_txt .txt2{margin: 20px 0;}

    .in_4 .in4_con .con_re .ul .li .li_txt .txt1{line-height: 30px;height: 60px;}

    .in_6 .con_top .top_re{display: none;}

    .in_6 .con_top .top_le{width: 100%;}

    .in_6 .con_bot{flex-wrap: wrap;justify-content: center;height: auto;padding: 15px 0;line-height: 25px;}
    
    .in_6 .con_bot .bot_le{flex-wrap: wrap;justify-content: center;}

    .in_6 .con_bot .bot_re{flex-wrap: wrap;justify-content: center;}

    .in_6 .con_top{padding: 25px 0;}

    .in_6 .con_top .logo2{width: 180px;}

    .in_6 .con_top .top_le .le2{margin-top: 30px;}

    .in_1 .in1_sw .sw_con .con_txt .t1{letter-spacing: 0;}
	
    .in_1 .in1_sw .sw_con .con_txt .t2{line-height: 35px;letter-spacing: 0;}


    .in_4 .in4_con .con_re .ul .li .li_tim span.sp1{font-size: 30px;transform: translateX(0px);}

    /* .in_3 .in3_txt .con .txt_le .le_img img.ding{opacity: 0;} */

    .in_3 .in3_txt .con .txt_le .le_img{height: 280px;}

    .in_3 .in3_txt .con .txt_le .le_img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .5);}

    .in_3 .in3_txt .con .txt_re .ul{height: 400px;}

    .in_5 .in4_txt .ul .li img{width: 50px;}

    .in_3 .in3_txt .con .txt_le .les{z-index: 3;}

    .in_1 .in1_sw .sw_con .con_txt{pointer-events: visible !important;}

    .in_1 .in1_sw .sw_con .ship_b{display: flex;}
}

@media screen and (max-width:768px) {
.indAb_p {
        font-size: 14px;
        margin-top: 20px;
    }
    .indAb_r {
        padding-bottom: 28px
    }
    .indAb_num li {
        padding: 18px 0;
    }
    .indAb_num p {
        margin: 0;
        line-height: 1;
    }
    .indPro_ico {
        margin-top: 24px;
    }
    .indAb_ico a {
        width: 48px;
    }
    .indAb_ico_img {
        top: 44%;
    }
}

.Tit {
    margin-bottom: 60px;
    position: relative;
}

.Tit span {
    font-size: 44px;
    letter-spacing: 2px;
    line-height: 1.4;
    font-weight: 600;
	color:#333;
	position: relative;
    padding-bottom: 20px;
}

.Tit span:after{
    content: '';
    width: 80px;
    height: 3px;
	background:#192d7f;
	margin:0 auto;
	position:absolute;
	bottom:0;
	left: 28%;
}

.Tit span b {
    color: #192d7f;
    font-size: 44px;
    letter-spacing: 2px;
    font-weight: 600;
}

.Tit .titP {
    font-size: 18px;
    margin-top: 30px;
	line-height: 30px;
    color: #353535;
}
.Tit .tit{
    font-size: 17px;
    margin-top: 20px;
    color: #353535;
	text-align:justify;
	text-indent:2em;
}
.Tit.center {
    text-align: center;
}

.Tit.center span {
    justify-content: center;
}

.banN {
    width: 100%;
    height: 60vh;
	position:relative;
}

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

.banN_m {
    display: none;
}

/*.banNImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(107deg, rgba(0, 0, 0, 0.4) 0%, rgba(10, 35, 73, 0) 50%);
    position: absolute;
    left: 0;
    top: 0;
}*/

.banNImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*  */

.banNText {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
}

.banNText span {
    color: #fff;
    display: block;
    font-size: 46px;
    line-height: 1.4;
    font-weight: 600;
	padding-bottom:10px;
	text-shadow: 0 0 4px #666;
}


.banNText p {
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
    letter-spacing: 2px;
	text-shadow: 0 0 4px #666;
}


.gd {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    animation: dong3 1.5s linear infinite;
}

.gd img {
    width: 24px;
}

@keyframes dong3 {
    0% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, 15px);
    }

    100% {
        transform: translate(-50%, 0);
    }
}


.m2menu {

	text-align: center;

	padding: 30px 0 30px 0;
	
	background:#efefef;

}

.m2menu a{

	margin: 0px 2% 0px 2%;

	line-height: 55px;

	height: 55px;

	background: #EEEEEE;

	display: inline-block;

	font-size: 20px;

	padding: 0px 2%;

	border-radius: 0.1em;

	letter-spacing: 1px;

}



.m2menu_a {

	margin: 0px 15px 15px;

	line-height: 68px;

	height: 68px;

	background: #EEEEEE;

	display: inline-block;

	font-size: 24px;

	padding: 0px 55px;
	
	color:#555;

	border-radius: 0.1em;

	letter-spacing: 1px;

}

.m2micon {

	display: inline-block;

	height: 40px;

	width: 40px;

	margin-right: 7px;

	position: relative;

	top:-3px;

}

.m2menu_a text, .m2micon {

	vertical-align:middle;

}

.m2micon img {

	position:absolute;

	left:0;

	top:0;

	transition:all 0.5s ease-in-out;

}

.m2micon .iOpacity{

	opacity:0;

}

.m2menu_a:hover img {

	opacity:0;

}

.m2menu_a:hover img.iOpacity, .m2menu_a.on img.iOpacity {

	opacity:1;

}

.m2menu_a:hover, .m2menu_a.on {

	color: #FFF;

	background: #192d7f;

}


.brand-box .item0 {
  padding-top: 40px;
  padding-bottom: 80px;
  box-sizing: border-box;
  position: relative;
}

.brand-box .item0 .tit {
  line-height: 1;
}

.brand-box .item0 .item0-words {
  position: relative;
  z-index: 3;
}

.profile-wrap .cont{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 65px;
  font-size: 16px;
  color:#333333;
  line-height: 2.3;
}

.profile-wrap{
  padding-top: 115px; 
     padding-bottom: 135px; 
    transition: normal;
}
.profile-wrap .f48 {
    font-size: 40px;
    color: #0149AB;
    line-height: 50px;
	font-weight:bold;
    margin-bottom: 10px;
}
.wrap{ padding:0 0; width:100%;}
.profile-wrap .f36{
	font-size: 40px;
	line-height: 40px;
	color: #dddddd;
	font-family: Arial;
	text-transform: uppercase;
}
.profile-wrap.m-wrap .f36{
	font-size: 15px;
	line-height: 18px;
}
.profile0-about-wrap .left-images{
	width: 40%;
	margin-left:6%;
	margin-bottom:2%;
	height:auto;
}
.profile0-about-wrap .left-images img{
	transition:.5s ease;
	border-radius: 8px;
	width:100%;
}
/*.profile0-about-wrap .left-images:hover img{
	transition:.5s ease;
	transform:scale3d(1.05,1.05,1);
}*/
.profile0-about-wrap .right-words{
	width: 100%!important;
	float:none;
}

.profile0-about-wrap .right-words .Tit span:after{ left:0;}

.profile0-about-wrap .right-words .content p{ 
    text-indent:2em; 
	text-align:justify;
	font-size: 17px;
    line-height: 2;
    margin-bottom: 20px;
}

.profile-wrap .cont:after{
	content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.profile-wrap .cont .boxs{
	width: 43%;
	margin-right: 6%;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

@media (max-width: 1024px){
.profile0-about-wrap .left-images{
	display:none;
}
.profile-wrap .cont{ 
    margin-top:0;
}
}

@media(max-width:1480px) {
    .Tit {
        margin-bottom: 48px;
    }

    .Tit span,
    .Tit span b {
      
    }

    .Tit .titP {
      padding: 0 20px; 
    }

    .More a {
        padding: 10px 35px;
    }

    /*  */
    .banNText span {
        font-size: 45px;
    }

    .banNText p {
        font-size: 24px;
    }

    .dwNavR a {
        padding: 30px 0;
        font-size: 16px;
        margin-left: 80px;
    }
}

/* ===========================================================================about */

/*  */

.abWh {
    position: relative;
    overflow: hidden;
	background:#f3f3f3;
}

#abWh {
    position: absolute;
    top: -80px;
}

.abWh_bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 5%;
}

.abWhBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.abWhCen {
    width: 25%;
    padding-top: 27%;
    position: relative;
    z-index: 2;
}

.abWhCen span {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/abwhcen.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .4;
}

.abWhCen .abWhCen_img {
    width: 92%;
    height: 92%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/*  */

.abWhCen i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-image: url(../images/abwhcen_i.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%) scale(.3);
    opacity: .6;
    -webkit-animation: scaleWave 4s linear 0s infinite;
    animation: scaleWave 4s linear 0s infinite;
    transition: all .48s;
}

.abWhCen .i1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.abWhCen .i2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.abWhCen .i3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}


@-webkit-keyframes scaleWave {
    0% {
        opacity: .6;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.8);
        transform: translate(-50%, -50%) scale(1.8)
    }
}

@keyframes scaleWave {
    0% {
        opacity: .6;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.8);
        transform: translate(-50%, -50%) scale(1.8)
    }
}

.abWhText {
    width: 32%;
}

.abWh_li {
    position: relative;
    margin-bottom: 80px;
}

.abWh_li:last-child {
    margin-bottom: 0;
}

.abWh_li span {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 2px solid #e4e4e4;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
	transition: all .48s;
}

.abWh_li span::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c9c9c9;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
    z-index: 2;
}

.abWh_li span::after {
    content: '';
    width: 100px;
    height: 1px;
    border-bottom: 1px dashed #e4e4e4;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(100%, 100%);
}

.abWh_li:hover span{
    color:#192d7f;
	transition: all .48s;
	-webkit-transform:translateY(-5px);transform:translateY(-5px);
}

.abWh_li:nth-child(1) span::after {
    transform: translate(100%, 100%) rotate(40deg);
    transform-origin: left;
}

.abWh_li:nth-child(3) span::after {
    width: 80px;
    transform: translate(100%, 100%) rotate(-40deg);
    transform-origin: left;
}

.abWh_li span img {
    width: 25px;
    margin-right: 10px;
}

.abWh_li p {
    font-size: 20px;
    min-height: 68px;
	color:#444;
}

/*  */

.abWhR .abWh_li {
    text-align: right;
}

.abWhR .abWh_li span {
    justify-content: flex-end;
}

.abWhR .abWh_li span img {
    margin-right: 0px;
    margin-left: 10px;
}

.abWhR .abWh_li span::before {
    left: 0;
    transform: translate(-50%, 50%);
}


.abWhL .abWh_li:nth-child(2) {
    left: -100px;
}

.abWhR .abWh_li:nth-child(2) {
    right: -100px;
}

.abWhR .abWh_li span::after {
    right: initial;
    left: 0;
    transform: translate(-100%, 100%);
}

.abWhR .abWh_li:nth-child(1) span::after {
    transform: translate(-100%, 100%) rotate(-40deg);
    transform-origin: right;
}

.abWhR .abWh_li:nth-child(3) span::after {
    width: 80px;
    transform: translate(-100%, 100%) rotate(40deg);
    transform-origin: right;
}


/*  */

.abRyu {
    width: 100%;
    background: url(../images/abryu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#abRyu {
    position: absolute;
    top: -80px;
}

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

.abRyuImg {
    width: 90%;
    margin: 0 auto 110px;
}

.abRyuBox .swiper-slide p {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    transition: all .48s .68s;
}

.abRyuBox .swiper-slide-active p {
    opacity: 1;
    transform: translateY(0px);
}

.abRyuImg_i {
    width: 42%;
    position: absolute;
    left: 50%;
    top: 66%;
    transform: translateX(-50%);
}

.abRyuImg_i img {
    width: 100%;
}

.abRyuBox .swiper-slide {
    transform: scale(0.6);
    padding: 10px;
    transition: all .68s;
}

.abRyuBox .swiper-slide::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.abRyuBox .swiper-slide-active {
    transform: scale(1);
}

/*  */

.abRyu_but {
    width: 72px;
    height: 72px;
    border: 1px solid #999;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 2%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all .48s;
}

.abRyu_but svg {
    width: 26px;
    height: 26px;
}

.abRyu_but svg path {
    fill: #333;
}

.abRyu_but.prev {
    left: 8%;
}

.abRyu_but.next {
    right: 8%;
}

.abRyu_but.next svg {
    transform: rotate(180deg);
}

.abRyu_but:hover {
    background: #192d7f;
}

.abRyu_but:hover svg path {
    fill: #fff;
}

.abRyuBox .swiper-pagination {
    font-family: "pmzd";
    font-size: 18px;
}

.abRyuBox .swiper-pagination span {
    font-family: "pmzd";
    font-size: 18px;
}

.abRyuBox .swiper-pagination-current {
    color: #9a774b;
}


/*  */

.squRzuImg {
    border-radius: 20px;
    border: 1px solid #e1e5e6;
	margin:0 1%;
}

.squRzuImg img {
    object-fit: contain;
    padding: 8% 14%;
	margin: 0 auto;
	-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s
}

.squRzuImg:hover img {
    transform: scale(1.1);
	-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s
}

/*  */

@media(max-width:1480px) {

    /*  */
    .abWh_li span {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .abWh_li p {
        font-size: 17px;
		line-height:28px;
        min-height: 64px;
    }

    .abWh_li {
        margin-bottom: 65px;
    }

    /*  */
    .abRyuImg {
        margin: 0 auto 68px;
    }

    .abRyuBox .swiper-slide p {
        font-size: 21px;
    }

    .abRyu_but {
        width: 58px;
        height: 58px;
    }
}

@media(max-width:1480px) {

    /*  */


    .abRyuBox .swiper-slide {
        transform: scale(0.8);
    }

    .abRyuBox .swiper-slide-active {
        transform: scale(1);
    }

    .abRyuImg {
        margin: 0 auto 60px;
    }

    .abRyuBox .swiper-slide p {
        font-size: 18px;
    }

    .abRyuImg_i {
        top: 65%;
    }
}


@media(max-width:1480px) {

    .More .more_s i {
        font-size: 16px;
    }

}

@media(max-width:1280px) {
.abWhText {
        width: 26%;
    }

    .abWh_li p {
        font-size: 16px;
        min-height: 46px;
    }

    .abWh_li span {
        font-size: 20px;
    }

    .abWh_li span img {
        width: 20px;
        margin-right: 5px;
    }

    /*  */
    .abRyuBox .swiper-slide p {
        font-size: 16px;
    }

    .abRyu_but {
        width: 46px;
        height: 46px;
    }
}

@media(max-width:1024px) {
    .padd {
        padding: 60px 0;
    }
	.Tit span, .Tit span b{
        font-size: 30px;
		letter-spacing:0;
    }
	.Tit span:after{ width:60px;left:24%;}

    /*  */
    .abWhBox {
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .abWhText {
        width: 45%;
    }

    .abWhCen {
        display: none;
    }

    .abWhL .abWh_li:nth-child(2) {
        left: 0;
    }

    .abWhR .abWh_li:nth-child(2) {
        right: 0;
    }

    .abWh_li span::after, .abWh_li span::before {
        display: none;
    }

    .abWhR .abWh_li {
        text-align: left;
    }

    .abWhR .abWh_li span {
        justify-content: flex-start;
    }

    .abWhR .abWh_li span img {
        order: -1;
    }

    .abWh_li {
        margin-bottom: 25px;
    }

    /*  */
    .abRyuBox .swiper-slide p {
        font-size: 14px;
    }

    .abRyuImg_i {
        top: 50%;
    }

}

@media(max-width:680px) {
.banN{ height:32vh;}
.in_1 .in1_sw .sw_con .con_txt .t1{ font-size:28px; line-height:36px;}
.in_1 .in1_sw .sw_con .con_txt .t2{ font-size:16px!important;}
.m2menu{ display:none;}
.abWhText {
        width: 100%;
        margin-bottom: 20px;
    }

    .abWhR .abWh_li span img {
        margin-right: 10px;
        margin-left: 0px;
    }

    .abWh_li {
        margin-bottom: 20px;
    }

    .abWh_li p br {
        display: none;
    }

    .abWh_li p {
        min-height: auto;
    }

    /*  */
    .abRyuBox .swiper-container {
        padding-bottom: 0px;
    }

    .abRyu_but.prev {
        left: 0%;
        /*display: none;*/
    }

    .abRyu_but.next {
        right: 0%;
        /*display: none;*/
    }

    .abRyu_but {
        width: 40px;
        height: 40px;
    }
}

.new_service_box{ height:calc(100vh - 80px);bottom: 0;
    position: absolute;}
.new_service_box ul li{width:33.33%; height:calc(50vh - 40px);float:left;overflow:hidden;position:relative;transition: all 1s;}
.trevice_img{font-size:0;overflow:hidden;}
.trevice_img img{width:102%!important;z-index:999;}
.new_service_box .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    opacity: 0.7;
}


.new_service_box ul li span{display: block;position: absolute; background: #192d7f;z-index: 2;  -ms-transition:all 0.1s -moz-linear;transition:all 0.1s -webkit-linear;transition:all 0.1s linear;-o-linear;transition:all 0.1s linear;linear;transition:all 0.1s linear;z-index:999}

.new_service_box ul li:hover img{transform: scale(1.1);font-size:0;}
.new_service_box ul li:hover .mask{ background-image: linear-gradient(0deg, rgba(25, 45, 127, 0.8), rgba(25, 45, 127, 0));}


.new_service_box ul li:hover span{-ms-transform: translateY(0) translateX(0)!important;-moz-transform: translateY(0) translateX(0)!important;-webkit-transform: translateY(0) translateX(0)!important;-o-transform: translateY(0) translateX(0)!important;transform: translateY(0) translateX(0)!important;}

.new_service_box ul li span.red_hover{width: 102%;height:8px;bottom: 0;left:-2px;-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.new_service_box ul li:hover span.red_hover{-ms-transition-delay:.3s;-moz-transition-delay:.3s;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s; z-index:999;}

.service_text{position:absolute;left:0;top:75%;color:#fff;z-index:9999;width:100%;overflow:hidden;text-align:center;transition:all 0.2s linear;text-shadow: 0 0 4px #111;}
.service_text h1{display:inline-block;border-bottom: solid 2px #fff;border-top: solid 2px #fff;color:#fff;padding: 8px 0;}
.service_text p{width:95%;margin:0 auto;margin-top:10px;line-height: 22px;}
.service_text p a{color: #fff;}
.service_text h2{ width:auto; display: inline-block; margin-right: 0.4em; line-height: 1.6em;border-bottom: solid 2px #fff;
    border-top: solid 2px #fff;}
.service_text h2:last-child{ margin-right: 0;}
.service_text h2 a{ color:#fff; text-decoration: none;}

.new_service_box ul li:hover .service_text{top:66%;transition:all 0.2s linear;}

@media only screen and (max-width:1480px) {
.service_text{top:70%;}
.new_service_box ul li:hover .service_text{top:64%;}
}


@media only screen and (max-width:1180px) {
.service_text{top:60%;}
.new_service_box ul li:hover .service_text{top:60%;}
}

@media only screen and (max-width:1018px) {
.new_service_box{ position:relative; height:100%; overflow:hidden; width:90%; margin:0 auto;}
.new_service_box ul li{width:50%;}
}


@media only screen and (max-width:550px) {
.new_service_box ul li{width:100%;height: 35vh;margin-bottom: 3vh;}
.new_service_box ul li:hover .service_text{top:60%;}
}

.miso_scorll {
    position: absolute;
    bottom: 30%;
    z-index: 100;
    right: 1%;
    transform: translateX(-50%);
    text-align: center;
}
.miso_scorll .ico img{
    display: block;
    width: 3.8rem;
    filter: drop-shadow(2px 2px 4px #fff);
}
/*.miso_scorll .ico {
    animation: index_tips_scroll 2s linear infinite;
}*/
@keyframes index_tips_scroll {
    0% {
        cy: 4;
        opacity: 0;
        transform: translateY(0);
    }

    45%,55% {
        opacity: 1;
        cy: 9;
        transform: translateY(4px);
    }

    to {
        cy: 14;
        opacity: 0;
        transform: translateY(0);
    }
}

@media only screen and (max-width:550px) {
.miso_scorll{
    position: relative;
    right: 0%;
    width: 100%;
    transform: translateX(0%);
    margin-bottom: 20px;
}  

}