/* 前端江文哲 */

*,*: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:hidden; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #222222;font-family:'inter', '微软雅黑', 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:#3D6CA0;}

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


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

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


.zijj1{letter-spacing:1px;}

.zijj2{letter-spacing:2px;}

.zijj4{letter-spacing:4px;}

.zijj8{letter-spacing:8px;}


@font-face {
    font-family: 'inter';
    src: url("../fonts/Inter-VariableFont_slnt\,wght.ttf");
}





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

.arial{font-family: Arial;}

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

.p_120{padding: 120px 0;}

.p_150{padding: 150px 0;}

.p_130{padding: 130px 0;}

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

.p_150_120{padding: 150px 0 120px;}

/* .p_250_150{padding: 250px 0 150px;} */


.pt_150{padding-top: 150px ;}

/* 可视范围 */

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

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

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

.pc{display: block;}

.yd{display: none;}

.w_100{width: 100%;}

.h_100{height: 100%;}

/* 侧边栏 */

.cebianlan{position: fixed;right: -200px;z-index: 60;background: #3D6CA0;top: 25%;width: 62px;border-radius: 50px;padding: 5px 0;}

.cebianlan.act{right: 20px;}

.cebianlan .ce{width: 100%;position: relative;cursor: pointer;}




.cebianlan .ce .img{width: 18px;margin: 0 auto;border-bottom: 1px solid #fff;padding: 20px 0;}

.cebianlan .ce .txt{position: absolute;right: 100px;height: 40px;border-radius: 10px 0 0 10px;border-right: 3px solid #258afb;top: 50%;transform: translateY(-50%);pointer-events:none;visibility: hidden;z-index: -2;opacity: 0;box-shadow: 0 0px 5px 1px rgba(61, 108, 160, 0.1);}

.cebianlan .ce .txt .nei{display: flex;align-items: center;padding: 0 14px 0 7px;height: 100%;background: #fff;position: relative;z-index: 2;border-radius: 10px 0 0 10px;}


.cebianlan .ce .txt .nei span{transform: translateY(1px);}
/* .cebianlan .ce .txt::after{content: "";position: absolute;} */

.cebianlan .ce .txt::before{width: 8px;height: 8px;position: absolute;content: "";background: #258afb;right: -3px;top: 50%;transform: rotate(45deg) translateY(-50%);}

.cebianlan .ce .txt span{display: block; white-space: nowrap;}

.cebianlan .ce .txt a{display: block;white-space: nowrap;color: #3D6CA0;}

.cebianlan .ce .txt a:hover{color: #3D6CA0;}

.cebianlan .ce:hover .txt{z-index: 2;right: 80px;pointer-events: visible;visibility: visible;opacity: 1;}

.cebianlan .ce:hover:after{width: 30px;position: absolute;right: 100%;height: 100%;content: "";top: 0;}

.cebianlan .ce:hover .img img{transform: translateY(-3px);}

.cebianlan .fanh{padding: 25px 0;}

.cebianlan .fanh {display: block;width: 23px;margin: 0 auto;cursor: pointer;}

.cebianlan .fanh:hover{transform: translateY(-3px);}


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

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

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

.mhead .logo img{display: block;height: 30px;margin-top: 10px;}

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

.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:250;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: 100;height: 100px;transition: all 0.6s;border-bottom: 1px solid rgba(0, 0, 0, 0);}


/* .head.tops{top: -150px;} */

.head.act1{height: 65px;}

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

.head .head_con .con_le{width: 105px;display: flex;align-items: center;height: 100%;margin-right: 30px;}

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

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

.head .head_con .con_le a img{width: 100%;}

.head .head_con .youb{display: flex;height: 100%;}

.head .head_con .con_con{}

.head .head_con .con_con .ul{display: flex;height: 100%;}

.head .head_con .con_con .ul .li{padding: 0 30px; position: relative;}

.head .head_con .con_con .ul .li .lib{position: absolute;padding-top: 25px;font-weight: 400;top: 110%;left: 50%;transform: translateX(-50%);pointer-events: none;opacity: 0;}

.head .head_con .con_con .ul .li .lib .as{background: #fff;border-top: 3px solid #005BAC;position: relative;box-shadow: 0 5px 5px 1px rgba(61, 108, 160, 0.1);border-radius: 0 0 8px 8px;}

.head .head_con .con_con .ul .li .lib .as .dis{background: #fff;position: relative;z-index: 2;}


.head .head_con .con_con .ul .li .lib .as::before{width: 8px;height: 8px;position: absolute;background: #005BAC;content: "";transform: rotate(45deg) translateX(-50%)translate(-5px);left: 50%;}

.head .head_con .con_con .ul .li .lib .as a{display: block;padding: 0 65px;line-height: 36px;white-space: nowrap;background: #fff;position: relative;z-index: 2;position: relative;}


.head .head_con .con_con .ul .li .lib .as a::after{content: "";width: calc(100% - 60px);left: 50%;transform: translateX(-50%);bottom: 0;border-bottom: 1px solid #D9D9D990;position: absolute;}

.head .head_con .con_con .ul .li .lib .as a:hover{background: #e7f0fa;color: #005BAC;}

.head .head_con .con_con .ul .li .lib .as a:last-child{border: 0;}

.head .head_con .con_con .ul .li:hover .lib{opacity: 1;pointer-events: visible;visibility: visible;top: 100%;}

.head .head_con .con_con .ul .lit{height: 100%;}

.head .head_con .con_con .ul .lit a{height: 100%;display: flex;align-items: center;color: #fff;position: relative;}

.head .head_con .con_con .ul .lit a::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);height: 3px;background: #fff;bottom: -1px;width: 0;transition: all 0.6s;}

.head .head_con .con_re{display: flex;align-items: center;margin-left: 18px;}

.head .head_con .con_re .re1{display: flex;align-items: center;height: 100%;position: relative;padding-left: 45px;}

.head .head_con .con_re .re1::after{content: "";width: 2px;height: 10px;position: absolute;left: -2px;background: #fff;top: 50%;transform: translateY(-50%);transition: all 0.6s;}

.head .head_con .con_re .re1 a{width: 18px;height: 18px;background: url(../images/svg/sousuo.svg) center no-repeat;background-size: 100% 100%;}

.head .head_con .con_re .re2{margin-left: 45px;height: 100%;}

.yuyan{position: relative;height: 100%;}
 
.yuyan .yu{display: flex;align-items: center;cursor: pointer;height: 100%;position: relative;}

.yuyan .yu::after{content: "";width: 200%;height: 30px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}

.yuyan .yu span{color: #fff;}

.yuyan .yu s{width: 10px;height: 10px;display: block;background: url(../images/svg/yu1.svg) center no-repeat;background-size: 100% 100%;margin-left: 8px;}

.yuyan .yan{position: absolute;left: 50%;top: 110%;width: auto;text-align: center;background: #fff;transform: translateX(-50%);box-shadow: 0 5px 5px 1px rgba(61, 108, 160, 0.1);border-top: 3px solid #005BAC;margin-top: 25px;opacity: 0;pointer-events: none;visibility: hidden;}

.yuyan .yan::after{width: 8px;height: 8px;position: absolute;background: #005BAC;content: "";transform: rotate(45deg) translateX(-50%);left: 50%;top: -3px;}

.yuyan .yan a{display: block;text-align: center;padding: 0 60px;line-height: 36px;background: #fff;position: relative;z-index: 1;position: relative;}

.yuyan .yan a::after{content: "";width: calc(100% - 60px);left: 30px;bottom: 0;border-bottom: 1px solid #D9D9D990;position: absolute;}

.yuyan .yan a:last-child::after{display: none;}

.yuyan .yan a:hover{background: #e7f0fa;color: #005BAC;}

.yuyan:hover .yan{top: 100%;opacity: 1;visibility: visible;pointer-events: visible;}

.yuyan:hover  .yu s{transform: rotate(180deg);}

.head.act1 .head_con .con_con .ul .lit a,.head.act2 .head_con .con_con .ul .lit a,.head.act3 .head_con .con_con .ul .lit a{color: #222222;}

.head.act1 .head_con .con_le a img:last-child,.head.act2 .head_con .con_le a img:last-child,.head.act3 .head_con .con_le a img:last-child{opacity: 1;}

.head.act1 .head_con .con_le a img:first-child,.head.act2 .head_con .con_le a img:first-child,.head.act3 .head_con .con_le a img:first-child{opacity: 0;}

.head.act1,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

.head.act1 .head_con .con_re .re1 a,.head.act2 .head_con .con_re .re1 a,.head.act3 .head_con .con_re .re1 a{background-image: url(../images/svg/sousuo2.svg);}

.head.act1 .yuyan .yu span,.head.act2 .yuyan .yu span,.head.act3 .yuyan .yu span{color: #222222;}

.head.act1 .yuyan .yu s,.head.act2 .yuyan .yu s,.head.act3 .yuyan .yu s{background-image: url(../images/svg/yu2.svg);}

.head.act1 .head_con .con_con .ul .lit a::after,.head.act2 .head_con .con_con .ul .lit a::after,.head.act3 .head_con .con_con .ul .lit a::after{background: #3D6CA0;}

.head.act1 .head_con .con_con .ul .li.act .lit a,.head.act2 .head_con .con_con .ul .li.act .lit a,.head.act3 .head_con .con_con .ul .li.act .lit a{color: #3D6CA0;}

.head.act1 .head_con .con_re .re1::after,.head.act2 .head_con .con_re .re1::after,.head.act3 .head_con .con_re .re1::after{background: #222;}


.head .head_con .con_con .ul .li.act .lit a::after{width: 100%;}

.head .head_con .con_con .ul .li:hover .lit a::after{width: 100%;}


.head .head_con .con_con .ul .li:hover .lit a{color: #3D6CA0;}

.banner{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;}

.banner .ss{width: 100%;height: 100vh;position: relative;}

.banner .ss .txt{position: absolute;left: 0;top: 0;width: 100%;text-align: center;color: #fff;margin-top: 35vh;}

.banner .ss .img{height: 100%;}

.banner .ss img{width: 100%; position: absolute;left: 50%;top: 50%;transform:scale(1.15) translate(-50%,-50%);height: 100vh;}

.banner .swiper-slide-active .ss img {animation:  fangda 7s   linear alternate;transform: scale(1.15) translate(-50%,-50%);}

@keyframes fangda {
    0%{transform: scale(1.02) translate(-50%,-50%);}
    100%{transform: scale(1.15) translate(-50%,-50%);}

}

.shubiao{position: absolute;right: 0;bottom: 110px;width: 75px;height:75px ;display: flex;align-items: center;justify-content: center;}

.shubiao.act{opacity: 0;}

/* .shubiao .imgs{animation:  dong 2s infinite linear alternate;} */

.shubiao .imgs .i1{width: 13px;margin: 0 auto;position: relative;}


.shubiao .imgs .i1 s{width: 1px;height: 5px;background: #000;position: absolute;left: 6px;top: 5px;}

.shubiao .imgs .i2{width: 10px;margin: 5px auto 0;}




@keyframes fangda1 {
    0%{transform:translate(-50%,-50%) scale(1);}
    100%{transform:translate(-50%,-50%) scale(1.5);}
    
}

@keyframes fangda2 {
    0%{transform:translate(-50%,-50%) scale(1.5);}
    100%{transform:translate(-50%,-50%) scale(2);}
  
}

@keyframes fangda3 {
    0%{transform:translate(-50%,-50%) scale(2);}
    100%{transform:translate(-50%,-50%) scale(2.5);}
   
}
@keyframes fangda4 {
    0%{transform:translate(-50%,-50%) scale(1.02);}
    100%{transform:translate(-50%,-50%) scale(1.1);}
   
}

/* 按钮样式 */

.leibiao{display: flex;align-items: center;height: 35px;width: 85px;border-bottom: 1px solid #222222;justify-content: space-between;position: relative;}

.leibiao::after{content: "";width: 0%;height: 2px;position: absolute;left: 50%;transform: translateX(-50%); bottom: -1px;background: #005BAC;transition: all 0.6s; }

.leibiao span{width: 10px;height: 10px;display: block;position: relative;}

.leibiao2 {border-bottom: 1px solid #fff;}

.leibiao2  p{color: #fff;}

.leibiao3{border-bottom:1px solid transparent}

.leibiao3::after{background: #fff;}

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

.leibiao:hover p{color: #3D6CA0;}

/* .leibiao:hover{border-bottom: 1px solid #3D6CA0;} */

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

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

.leibiao:hover:after{width: calc(100% + 2px);}

.leibiao3:hover p{color: #fff;}


.index1{position: relative;z-index: 50;height: 100vh;}

.index1 .in1_con{height: 100%;display: flex;}

.index1 .con{color: #fff;width: 100%;transform: translateY(-5%);text-align: center;margin-top: 36.84vh;}

.index1 .con .ul{position: relative;}

.index1.act{background: #fff;}

.index1 .con .ul .li{position: absolute;left: 0;top: 50px;width: 100%;opacity: 0;pointer-events: none;}

.index1 .con .ul .li.act{opacity: 1;top: 0;pointer-events: visible;transition: all 0.6s;}

.index1_sp {position: static;width: 100%;display: flex;}

.index1_sp .sps{height: 2px;background: #D9D9D950;width: 100%;margin: 0 10px 0 0;position: relative;opacity: 1;}

.index1_sp .sps s{position: absolute;height: 4px;bottom: 0;left: 0;width: 0%; background: #D9D9D9;}

.index1_sp .sps span{position: absolute;right: 0;bottom: 12px;color: #fff;}

.index1_sp span:last-child{margin-right: 0;}

.index1dian{position: absolute;bottom: 35px;width: 100%;left: 0;}

.index1dian .an{display: flex;justify-content: space-between;position: relative;margin-top: 20px;}

.index1dian .an_re{display: flex;height: 20px;}

.index1dian .an_re .re1{width: 40px;position: relative;}

.index1dian .an_re .re2{display: flex;margin-left: 8px;}

.index1dian .an_re .re2 s{display: block;width: 1px;height: 16px;background: #fff;margin-right: 3px;}

.index1dian .an_re .re2 s:first-child{width: 2px;}

.index1_sp span.act s{width: 100%;animation: jindu 7s linear;}

@keyframes jindu {
    0%{width: 0%;}
    100%{width: 100%;}

}

.index1_prev,.index1_next{width: 9px;height: 16px;background: url(../images/svg2/1.svg) center no-repeat;background-size: 100% 100%;margin: 0;top: 0;}

.index1_prev{left: 0;transform: rotate(180deg);}

.index1_next{right: 0;}

/* .index1 .in1_con .con{position: absolute;bottom: 11.57vh;color: #fff;} */

.index1 .in1_con .con .c1{line-height: 1.2;}

.index1 .in1_con .con .c2{margin-top: 30px;}

.index2{position: relative;background: #fff;z-index: 5;}

.index2 .ss{position: relative;}

.index2 .ss .con{display: flex;justify-content: space-between;overflow: hidden;}

.index2 .ss .con .con_le{width: 50%;position: relative;background: url(../images/in2_1.jpg) center no-repeat;background-size: cover;animation: dangda 8s  infinite linear alternate;}

/* .index2 .ss .con .con_le::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.25);content: '';} */

.index2 .ss .con .con_le::after{width: 100%;height: 35%;position: absolute;left: 0;bottom: 0;background:repeating-linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 1));content: '';}


.index2 .ss .con .con_le img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.index2 .ss .con .con_re {overflow:hidden;width: 50%;position: relative;z-index: 1;height: 100vh;}

.index2 .ss .con .con_re img{width: 100%;height: 100%;max-width: none;}

.index2 .ss .cons{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}

.index2 .ss .cons .ibox{height: 100%;display: flex;justify-content: space-between;}

.index2 .ss .cons .ibox .con_re{width: 50%;color: #fff;display: flex;align-items: center;padding-left: 7.7%;}

@keyframes dangda {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}

}

.index2 .ss .cons .ibox .con_re .ul{width: 100%;border-top: 2px solid #fff;}

.index2 .ss .cons .ibox .con_re .li{display: flex;justify-content: space-between;border-bottom: 2px solid #fff;padding: 40px  0 30px;}

.index2 .ss .cons .ibox .con_re .li .lr{line-height: 1.75;text-align: right;width: 50.7%;}

.index2 .ss .cons .ibox .con_re .li .ll{}

.index2 .ss .cons .ibox .con_re .li:nth-child(2n) .lr{width: 47.88%;}

.index2 .ss .cons .ibox .con_re .li:nth-child(3n) .lr{width: 70.5%;}

.index2 .ss .cons .ibox .con_re .res{width: 100%;}

.index2 .ss .cons .ibox .con_re .res .re2{line-height: 1.5;margin: 70px 0 30px;}

.index2 .ss .cons .ibox .con_re .res .re3{line-height: 1.78;margin-bottom: 50px;}

.index2 .qeih{position: absolute;bottom: 70px;width: 100%;z-index: 5;color: #fff;}

.index2 .qeih .con_le{width: 50%;padding:0 170px 0 25px;display: flex;justify-content: space-between;align-items: center;}

.index2 .qeih .con_le span{opacity: 0.5;cursor: pointer;display: block;position: relative;padding-bottom: 5px;}

.index2 .qeih .con_le span::after{content: "";width: 0%;height: 2px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #fff;transition: all 0.6s;}

.index2 .qeih .con_le span.act{opacity: 1;}

.index2 .qeih .con_le s{display: block;width: 1px;height: 60px;background: #fff;opacity: 0.5;}

.index2 .qeih .con_le span.act::after{width: 100%;}

.index2 .qeih .con_le span:hover::after{width: 100%;}

.index4{background: url(../images/in4_1.jpg) center no-repeat;background-size: cover;position: relative;z-index: 50;}

.index4 .in4_con {display: flex;color: #fff;display: flex;justify-content: space-between;height: 100%;padding: 130px 0 100px;}

.index4 .in4_con .con_le{width: 40%;}

.index4 .in4_con .con_le .le1{line-height: 1.2;margin-bottom: 250px;}

.index4 .in4_con .con_le .le2{padding: 25px 0 190px;}

.index4 .in4_con .con_le .le4 .cl{width: calc(100% - 100px);line-height: 1.5;}


.index4_sw1{}

.index4_sw1 .ss{border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 10px;cursor: pointer;transition: all 0.6s;}

.index4_sw1 .ss:hover{background: #3D6CA0;border: 1px solid #3D6CA0;}

.index4_sw1 .ss img{width: 100%;}

.index4_sw1 .act .ss{background: #3D6CA0;border: 1px solid #3D6CA0;}

.index4 .in4_con .con_le .le4{display: flex;justify-content: space-between;padding: 10px 0 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;align-items: center;margin-top: 50px;height: 120px;}

.index4 .in4_con .con_re{width: 42.8%;height: calc(100% - 130px); position: absolute;right: 0;top: 130px;}

.index4 .in4_con .con_re .swiper-container{height: 100%;}

/* .index4 .in4_con .con_re .swiper-slide{height: 50%;} */

.index4 .in4_con .con_re .ss{overflow: hidden;height: 100%;display: flex;align-items: center;}


.index4 .in4_con .con_re .ss img{width: 100%;transition: all 0.6s;}

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


.index5{background: #fff;position: relative;z-index: 5;}

.index5 .con1{display: flex;justify-content: space-between;}

.index5 .con1 .con_le{display: flex;}

.index5 .con1 .con_re{position: relative;}

.index5 .con1 .con_le .le2{position: relative;margin-left: 50px;}

.index5 .con1 .con_le .le2 .sps{position: absolute;left: 0;bottom: 10px;display: flex;}

.index5 .con1 .con_le .le2 span{white-space: nowrap;margin-right: 40px;position: relative;display: block;padding-bottom: 3px;cursor: pointer;}

.index5 .con1 .con_le .le2 span::after{content: "";width: 0%;left: 50%;transform: translateX(-50%);height: 2px; background: #222;position: absolute;bottom: 0;transition: all 0.6s;}

.index5 .con1 .con_le .le2 span:last-child{margin-right: 0;}

.index5 .con1 .con_re .re{position: absolute;right: 0;bottom: 8px;}

.index5 .con1 .con_le .le2 span:hover::after{width: 100%;}

.index5 .con1 .con_le .le2 span.act::after{width: 100%;}

.index5 .con2{margin-top: 50px;}

.index5 .con2 .ul{display: none;}

.index5 .con2 .ul.act{display: block;}


.index5 .con2 .li{margin-bottom: 30px;}

.index5 .con2 .li:last-child{margin-bottom: 0;}

.index5 .con2 a{display: block; background:  #F8F9FB;height: 350px;}

.index5 .con2 a .txt{float: left; width: 57.15%;padding: 60px 125px 10px;}

.index5 .con2 a .img{float: right; width: 42.85%;height: 100%;position: relative;overflow: hidden;}

.index5 .con2 a .img img{width: 100%;}

.index5 .con2 a .img .is img{position: absolute;left: 50%;transform:scale(1.001) translate(-50%,-50%);top: 50%;height: 100%;max-width: none;}

.index5 .con2 a .txt .t1{height: 2px;background: #222;width: 100%;margin-bottom: 20px;position: relative;}

.index5 .con2 a .txt .t1::after{content: "";width: 0%;left: 50%;transform: translateX(-50%);height: 100%;background: #fff;position: absolute;transition: all 0.6s;}

.index5 .con2 a .txt .t2{line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.index5 .con2 a .txt .t3{line-height: 1.75;margin: 15px 0 32px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.index5 .con2 a:hover{background: #3D6CA0;}

.index5 .con2 a:hover .t1{background: #fff;}

.index5 .con2 a:hover .t2,.index5 .con2 a:hover .t3{color: #fff;}

.index5 .con2 a:hover .leibiao3 p{color: #fff;}

.index5 .con2 a:hover .leibiao3 span img:last-child{opacity: 1;}

.index5 .con2 a:hover .leibiao3 span img:first-child{opacity: 0;}

.index5 .con2 a:hover .leibiao3::after{width: 100%;}

.index5 .con2 a:hover .img .is img{transform: scale(1.03) translate(-50%,-50%);}

.index5 .con2 a:hover .riqi{opacity: 1;}

.index5 .con2 a:hover .t1::after{width: 100%;}

.riqi{position: absolute;right: 30px;bottom: 30px;color: #fff;display: flex;opacity: 0;}

.riqi .r1{padding-top: 15%;margin-right: 16px;}

.riqi p:last-child{margin-top: 5px;}















.floot{background: #1F2022;position: relative;z-index: 50;}

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

.floot .con1 .con_le{color: #fff;width: 41.66%;}

.floot .con1 .con_le .le1{padding-bottom: 50px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}

.floot .con1 .con_le .le1::after{content: "";width: 20px;height: 3px;background: #fff;position: absolute;left: 0;bottom: -2px;}

.floot .con1 .con_le .le1 a{display: block;width: 125px;}

.floot .con1 .con_le .le1 a img{width: 100%;}

.floot .con1 .con_le .le2{margin: 40px 0 20px;line-height: 1.5;}

.floot .con1 .con_le .le3{}

.floot .con1 .con_le .le3 .l{display: flex;line-height: 24px;margin-bottom: 10px;}

.floot .con1 .con_le .le3 .l:last-child{margin-bottom: 0;}

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

.floot .con1 .con_le .le3 .l span{color: #fff; display: block;}

.floot .con1 .con_le .le3 .l .p1{display: flex;white-space: nowrap;}

.floot .con1 .con_le .le3 .l .p1 span{}

.floot .con1 .con_le .le3 .l:last-child .p2 {width: calc(100% - 100px);}

.floot .con1 .con_le .le3 .l .p1 img{margin-right: 10px;width: 18px;height: 24px;}

.floot .con1 .con_le .le3 .l a:hover{color:#3D6CA0;}

.floot .con1 .con_re{width: 46.4%;position: relative;padding-top: 40px;}




.floot .con1 .con_re .ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: calc(100% - 180px);}

.floot .con1 .con_re .ul a{display: block;color: #fff;margin-bottom: 15px;}

.floot .con1 .con_re .ul .li .lit a{margin-bottom: 30px;position: relative;}

.floot .con1 .con_re .ul a span{position: relative;display: inline-block;}

.floot .con1 .con_re .ul a s{content: "";width: 0%;left: 50%;transform: translateX(-50%);height: 1px;background: #fff;position: absolute;bottom: -1px;transition: all 0.6s;}

.floot .con1 .con_re .ul a:last-child{margin-bottom: 0;}

.floot .con1 .con_re .ul a:hover{color: #3D6CA0;}

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

.floot .con2 .con_le{display: flex;width:calc(100% - 180px);padding: 22px 0;border-top:1px solid rgba(255, 255, 255, 0.2) ;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.floot .con2 .con_le a{display: block;color: rgba(255, 255, 255, 0.5);margin-right: 50px;}

.floot .con2 .con_le a:last-child{margin-right: 0;}

.floot .con2 .con_le a:hover{color: #3D6CA0;}

.floot .con2 .con_re{width: 135px;position: relative;}

.floot .con2 .con_re .re{position: absolute;right: 0;bottom: 0;width: 130px;}

.floot .con2 .con_re .re .img img{width: 100%;}

.floot .con2 .con_re .re .img2{display: flex;justify-content: center;padding: 10px 0 15px;}

.floot .con2 .con_re .re .img2 img{width: 21px;}

.floot .con2 .con_re .re .txt{color: rgba(255, 255, 255, 0.5);text-align: center;white-space: nowrap;}

.floot .con3{display: flex;color: rgba(255, 255, 255, 0.5);padding: 35px 0;}

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

.floot .con3 .cr{margin-left: 10px;}

.floot .con3 a:hover{color: #3D6CA0;}

.floot .con1 .con_re .ul .li{width: 20%;}

.floot .con1 .con_re .ul .li2{width: 40%;}

.floot .con1 .con_re .ul .li3{width: 70px;}

.floot .con1 .con_re .ul .li4{width: 20%;}

.floot .con1 .con_re .ul .li5{width: 40%;}

.floot .con1 .con_re .ul .li6{width: 70px;}

.floot .con1 .con_re .ul .li:hover .lit a span s{width: 100%;}


/* .floot .con1 .con_re .ul .li1{width: 55px;}

.floot .con1 .con_re .ul .li3{width: 68px;}

.floot .con1 .con_re .ul .li4{width: 50px;}

.floot .con1 .con_re .ul .li5{width: 50px;} */

.floot .con1 .con_re .ul .li a{white-space: nowrap;position: relative;}

/* .floot .con1 .con_re .ul .li4{position: absolute;bottom: 0;left: 0;}

.floot .con1 .con_re .ul .li5{position: absolute;bottom: 0;left: calc(50% - 90px);}

.floot .con1 .con_re .ul .li6{position: absolute;bottom: 0;right: 180px;} */

.floot .con1 .con_re .ul .lib{display: none;}

.floot .con1 .con_re .uls{width: calc(100% - 180px);margin-top: 60px;}














@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_72{font-size: 58px;}

    .f_80{font-size: 60px;}

    .p_120{padding: 100px 0;}

    .p_130{padding: 100px 0;}

    .pt_150{padding-top: 120px;}

    .p_150{padding: 120px 0;}

    .p_100{padding: 80px 0;}

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

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

   
    .index5 .con2 a .txt{padding: 60px 100px 10px;}

    .index2 .ss .cons .ibox .con_re .res .re2{margin: 50px 0 20px;}

    .index2 .ss .cons .ibox .con_re .res .re3{margin-bottom: 30px;}

    .floot .con1 .con_re{width: 52%;}


}


@media screen and (max-width:1500px) {
    .index3 .in3_con .cons .con2 .con_le .le2{margin: 30px 0 20px;}

    /* .index2 .ss .con .con_re{height: 120vh;} */

    .index2 .ss .cons .ibox .con_re .li{padding: 30px 0 25px;}

    .index5 .con2 a{height: 300px;}

    .index5 .con2 a .txt{padding: 40px  60px 10px;}

    .index5 .con2 a .txt .t3{margin: 10px 0 20px;}

    .index5 .con2 a .txt .t1{margin-bottom: 15px;}
   
}

@media screen and (max-width:1400px) {
    
    .index3 .in3_con .cons .con2 .con_le .le2{font-size: 24px;}

    .shubiao{width: 55px;height: 55px;right: 5%;}

    .index2 .ss .cons .ibox .con_re .res .re3{max-height: 100px;overflow-y: auto;padding-right: 10px;}

    .index2 .ss .cons .ibox .con_re .res .re3::-webkit-scrollbar{ width:4px;height: 1px;}

    .index2 .ss .cons .ibox .con_re .res .re3::-webkit-scrollbar-thumb{ background:#3D6CA0;}

    .index2 .ss .cons .ibox .con_re .res .re3::-webkit-scrollbar-track{ background:#fff;} 
        
    .index2 .ss .cons .ibox .con_re .res .re2{margin: 30px 0 15px;}



}

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

    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_19{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:20px; }

    .f_36{ font-size:20px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_42{font-size: 22px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 24px;}

    .f_50{font-size: 24px;}

    .f_52{font-size: 26px;}

    .f_54{font-size: 26px;}

    .f_56{font-size: 26px;}

    .f_58{font-size: 26px;}

    .f_60{font-size: 26px;}

    .f_64{font-size: 26px;}

    .f_68{font-size: 26px;}

    .f_72{font-size: 30px;}

    .f_80{font-size: 30px;}

    .pt_150{padding-top: 40px;}

    .p_150{padding: 40px 0;}

    .mhead{display: block;}

    .p_120{padding: 40px 0;}

    .p_100{padding: 40px 0;}

    .p_150_100{padding: 40px 0;}

    .p_150_120{padding: 40px 0;}

    .p_130{padding: 40px 0;}

    .cebianlan{display: none;}

    .head{display: none;}

    body{min-width: 200px;margin-top: 50px;}
    
    .ibox,.ibox2{min-width: 200px;width: 90%;}

    .wow{opacity: 1;}

    .pc{display: none;}

    .yd{display: block;}

    .banner .ss img{max-width: none;width: auto;}

    .shubiao{display: none;}

    .index1_sp{justify-content: center;}

    .index1_sp .sps span{display: none;}

    .index1_sp .sps{width: 20px;opacity: 0.5;}

    .index1_sp .swiper-pagination-bullet-active{opacity: 1;}

    .index1_sp .sps s{width: 100% !important;}

    .index1dian .an{display: none;}

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

    .index2 .ss {height: 100%;}

    .index2 .ss .cons{position: static;}

    .index2 .ss .con .con_re{display: none;}

    .index2 .ss .con .con_le{height: 40vh;width: 100%;}

    .index2 .ss .cons .ibox .con_re .im{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

    .index2 .ss .cons .ibox .con_re .im img{width: 100%;height: 100%;}

    .index2 .ss .cons .ibox{width: 100%;}

    .index2 .ss .cons .ibox .con_re{width: 100%;padding: 120px 5% 40px;align-items: flex-start;}

    .index2 .qeih{bottom: auto;top: calc(40vh + 40px);height: 35px;}

    .index2 .ss .cons .ibox .con_re .res,.index2 .ss .cons .ibox .con_re .ul{position: relative;z-index: 10;}

    .index2 .qeih .con_le{width: 100%;padding: 0;}

    .index2 .qeih{bottom: 30px;}

    .index2 .qeih .con_le s{height: 35px;}

    .index4 .in4_con{padding: 40px 0;flex-wrap: wrap;}

    .index4 .in4_con .con_le{width: 100%;}


    .index4 .in4_con .con_re{width: 100%;height: 40vh;margin: 20px 0; position: relative;top: auto;}

    .index4 .in4_con .con_le .le1{margin-bottom: 25px;}

    .index4 .in4_con .con_le .le4{padding: 10px 0;margin-top: 0;}

    .index4 .in4_con .con_re .about1_sp{text-align: left;width: auto;right: -12px;top: 51%;height: auto;}

    .index4 .in4_con .con_re .about1_sp.act{opacity: 0;}

    .index4 .in4_con .con_re .about1_sp span{display: block;margin: 5px 0;background: #fff;opacity: 1;}

    .index4 .in4_con .con_re .about1_sp span.swiper-pagination-bullet-active{opacity: 1;background: #3D6CA0;}

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

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

    .floot .con1 .con_le .le3 .l .p2{width: calc(100% - 110px);}

    .floot .con2{margin-top: 90px;}

    .floot .con2 .con_le{flex-wrap: wrap;line-height: 25px;justify-content: space-between;padding: 15px 0;width: calc(100% - 160px);}

    .floot .con2 .con_le a{margin-right: 10px;}

    .floot .con2 .con_le a:nth-child(2n){margin-right: 0;}

    .floot .con3{flex-wrap: wrap;line-height: 1.5;text-align: center;justify-content: center;padding: 20px 0;}

    .floot .con1{padding: 50px 0 20px;}

    .floot .con1 .con_le .le1 a{width: 100px;}

    .floot .con1 .con_le .le2{margin: 30px 0 20px;}

    .index5 .con2{margin-top: 30px;}

    .index5 .con2 a{height: auto;}

    .index5 .con2 a .img{float: none;height: 300px;width: 100%;}

    .index5 .con2 a .txt{float: none;width: 100%;padding: 30px 20px;}

    /* .index5 .con2 a .img .is img{position: static;transform: translate(0,0);} */

    .index1{height: calc(100vh - 50px);}

    .riqi{opacity: 1;right: 20px;bottom: 20px;}

    .riqi .r1{width: 7px;padding-top: 10%;margin-right: 10px;}







}



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

    .index2 .ss .cons .ibox .con_re .li{flex-wrap: wrap;}
  
    .index2 .ss .cons .ibox .con_re .li .ll{width: 100%;margin-bottom: 10px;}


    .index2 .ss .cons .ibox .con_re .li .lr,.index2 .ss .cons .ibox .con_re .li:nth-child(2n) .lr,.index2 .ss .cons .ibox .con_re .li:nth-child(3n) .lr{width: 100%;text-align: left;}

    .index2 .ss .cons .ibox .con_re .res .re3{max-height: 200px;}

    .index5 .con1 .con_re .re{position: static;}

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

    .index5 .con1 .con_le{width: 100%;flex-wrap: wrap;}
    
    .index5 .con1 .con_le .le2{width: 100%;margin-left: 0;margin: 15px 0;}

    .index5 .con1 .con_re{}

    .index5 .con1 .con_le .le2 .sps{position: static;}

    .index5 .con1 .con_le .le2 span{margin-right: 20px;}

    .index5 .con2 a .img{height: 200px;}




}