@charset "UTF-8";

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;font-family:"思源黑体";}
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:#333;font-family:"思源黑体";font-size:14px;line-height:1;background:#fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333333;}
img{border:none;max-width: 100%;}
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#0069d1;}
body::-webkit-scrollbar-track{ background:#fff;} 



.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;}
.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: 65px;}
.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(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:#0069d1;}
.nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} 
.nav_y_con .li{padding-left: 15px;margin-bottom: 10px;}
.nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;}
.nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #0069d1;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;}
.nav_y_con .li .ptop.act::before{transform: rotate(90deg);}
.nav_y_con .li .txt{padding-left: 5px;display: none;}
.nav_y_con .li .txt .atxt{padding-left: 15px;}
.nav_y_con .li .txt a{display: block;line-height: 35px;}
.nav_y_con .li.lis .txt .at{font-weight: bold;}

/*PC*/
.nav{position: fixed;width: 100%;height: 80px;z-index: 100;left: 0;top: 0;}
.nav .nav_con{display: flex;justify-content: space-between;width: 92%;margin: 0 auto;}
.nav .nav_con .logo{display: flex;align-items: center;}
.nav .nav_con .logo a{display: block;}
.nav .nav_con .logo a img{width: 130px;}
.nav .nav_con ul{display: flex;height: 100%;}
.nav .nav_con ul li{padding: 0 15px;height:80px;line-height: 80px;position: relative;}
.nav .nav_con ul a.lia{display: block;height:30px;line-height: 30px; padding:0 15px; margin:25px 0;color: #fff;position: relative;font-weight: bold;font-size:18px;}
.nav .nav_con ul li:hover a.lia{ background:#036eaa; border-radius:20px; color:#fff;}
.nav .nav_con ul li .li_txt{position: absolute;width: 150%;padding: 10px 0px; top:79px;background: rgba(6,105,178,1);left: -25%;opacity: 0;z-index: 2;visibility: hidden; transform: translateY(20px);}
.nav .nav_con ul li .li_txt a{display: block;line-height: 40px;text-align: center; font-size:14px;color: #fff;}
.nav .nav_con ul li .li_txt a:hover{background:#034c82;color: #fff;}
.nav .nav_con ul li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}

.lang{width:35px; height:32px; line-height:32px;margin:24px 0; text-align:center; border-radius:50%; background:#fff; color:#000;} 
.lang a{ display:block; font-size:14px;}
.lang a:hover{ color:#0669b2;}

.nav.act1,.nav.act2{background: #0669b2;}
.nav.act1 .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia{color: #fff;} 

.about .nav{background: #0669b2;}
.about .nav .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia{color: #fff;} 


.nav .menu_hover { background-color: #0669b2;transition: 0.2s; display: block !important; width: 100%; height: 0px; z-index: 1; position: absolute; top: 76px; left: 0px; z-index:-1;
-webkit-animation: a_bg_hover_show 0.1s ease-out both; -webkit-transform-origin: 50% 0%; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);}
.triangle::before{content: '';width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #0669b2;position:absolute; top:-19px; left:45%; z-index:1;}




/* 头部结束 */
@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: 100vh;}
.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 .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align:left;padding-top: 38vh;}
.in_1 .in1_sw .swiper-slide .sw_con .con_txt .txt{padding-top: 50px;opacity: 1;}
.in_1 .in1_sw .sw_con .con_txt .t1{ font-size:48px;margin-bottom: 20px;color: #fff;}
.in_1 .in1_sw .sw_con .con_txt .t2{ font-size:30px;line-height: 40px;color: #fff;}
.in_1 .in1_sp{ position:absolute;bottom:30px;} 
.in_1 .in1_sp .swiper-pagination-bullet{margin: 0 25px;border: 9px solid #fff;opacity: 1;}
.in_1 .in1_sp .swiper-pagination-bullet-active{border: 9px solid #2777da; position:relative;}
.in_1 .in1_sp .swiper-pagination-bullet-active::before{content: "";width: 35px;height: 35px;background: url(shuang.png) center no-repeat;position: absolute;left: -16.5px;top: -16.5px;animation: xz 2s infinite linear ;}




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

.in_2 .in2_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;}

.in_2 .in2_txt .txt .txt_le{width: 45%;display: flex;align-items: center;color: #fff;}

.in_2 .in2_txt .txt .txt_re{width: 40%;color: #fff;}

.in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 50px;}

.in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 25px;display: flex;align-items: center;}

.in_2 .in2_txt .txt .txt_le .le3{line-height: 30px;margin-bottom: 45px;text-align: justify;}

.in_2 .in2_txt .txt .txt_le .le2 s{display: inline-block;width: 4px;height: 4px;border-radius: 5px;background: rgba(255, 255, 255, 0.6);margin: 0 18px;}

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

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

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

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


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

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

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

.liaoj:hover span{border: 1px solid #0669b2;}



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

.liaoj.act{color: #0669b2;}

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

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

.liaoj.act span{border: 1px solid #0669b2;}

.in_2 .in2_txt .txt .txt_re .li{display: flex;justify-content: space-between;}


.in_2 .in2_txt .txt .txt_re .li .li_re{width: 43.75%;line-height: 28px;padding-top: 5px;}

.in_2 .in2_txt .txt .txt_re .li {padding: 30px 0 60px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);}

.in_2 .in2_txt .txt .txt_re .li:first-child{border-top:2px solid rgba(255, 255, 255, 0.2) ;}


.in_2 .in2_txt .txt .txt_re .li .li_le span{}

.in_3 {background:url(ind3.jpg); background-size:cover;}



.in_3 .inx_con{margin-top: 37.6vh;}
.in_3 .inx_con .txt1{margin-bottom: 25px; text-align:center;}
.in_3 .inx_con .txt2{line-height: 35px;margin-bottom: 45px; text-align:center;}

.in_3 .corelist {display: flex;flex-wrap:wrap;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 7.6vh;}
.in_3 .corelist li {position: relative;width: 9.5%; margin-right:1%; margin-bottom:30px; position:relative;}
.in_3 .corelist li:hover figure img {transform: scale(1.05);}
.in_3 .corelist li figure {position: relative;display: block;padding-bottom: 100%;height: 0;overflow: hidden;line-height: 1;}
.in_3 .corelist li figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.58s;}
/*.in_3 .corelist li figure::after {content: ""; opacity: 1; transition: 0.3s; position: absolute; left: 0rem; top: 0rem; background:rgba(2,65,144,0.2); height: 100%; width: 100%;}*/
.in_3 .corelist li .coretext { width: 100%;text-align: center;}
.in_3 .corelist li .coretext p {display: block;height: 60px;line-height: 20px;position: relative;color: #333;font-size: 14px;}




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

.in_4 .in4_txt .txt1{margin-bottom: 45px;}

.in_4 .in4_txt .txt2{line-height: 35px;margin-bottom: 25px;}

.in_4 .in4_txt .txt3{line-height: 30px;}

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

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

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

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

.in_4 .in4_txt .ul .li span{display: block;margin-top: 20px;}


  

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


.in_6  .in6_con{display: flex;justify-content: space-between;}

.in_6  .in6_con .con_le{width: 18.75%;color: #333333;}

.in_6  .in6_con .con_re{width: 75%;position: relative;}

.in_6  .in6_con .con_le .le_top{margin-bottom: 55px;}

.in_6  .in6_con .con_le .le_bot{margin-bottom: 23.15vh;}

.in_6  .in6_con .con_le .le_bot a{display: table;margin-bottom: 25px;}

.in_6  .in6_con .con_le .le_bot a.act{border-bottom: 1px solid #0669b2;color: #0669b2;}

.in_6  .in6_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_6  .in6_con .con_re .ul .li{width: 30%;margin-right: 5%;}

.in_6  .in6_con .con_re .ul .li a{display: block;}

.in_6  .in6_con .con_re .ul .li:last-child{margin-right: 0;}

.in_6  .in6_con .con_re .ul .li .li_tim span{display: block;}

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

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

.in_6  .in6_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_6  .in6_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_6  .in6_con .con_re .ul .li .li_txt .txt3{position: relative;}

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


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

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

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

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

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

.in_6 .in6_con .con_le .le_bot a:hover {color: #0669b2;}

.in_6 .in6_con .con_re .ul .li:hover .li_txt .txt1{color: #0669b2;}


/* .in_7  */

.in_7 {background: #0669b2;}

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

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

.in_7 .con_top .logo2{width: 180px;}
    
.in_7 .con_top .top_re{width: 80%;}

.in_7 .con_top  .top_le .le2{display: flex;margin-top: 30px;}

.in_7 .con_top  .top_le .le_le{width: 90px;text-align: center;margin-right: 20px;}

.in_7 .con_top  .top_le .le_re{width: calc(100% - 110px);}

.in_7 .con_top  .top_le .le_le img{margin-bottom: 10px;}

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

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

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

.in_7 .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_7 .con_top  .top_le .re1 a{display: block;color:rgba(255, 255, 255, 0.6);}

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


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

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

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

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

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

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

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

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

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


/* 内页位置 */
.daohang{position: relative;margin-top:120px;}
.daohang a{display: block;line-height: 60px;color: #666; font-size:15px;}
.daohang .dao_con .dao_le{display: flex; justify-content: right;align-items: center;border-bottom:1px solid #ccc;}
.daohang .dao_con .dao_re{display: flex;align-items: center;}
.daohang .dao_con .dao_le a{margin-right: 50px;position: relative; font-size:17px;}
.daohang .dao_con .dao_le a::after{content: "";width: 0;height: 3px;position: absolute;left: auto;right: 0;bottom: 0rem;background: #0669b2;transition: all 0.6s;}
.daohang a:hover{color: #0669b2; }
.daohang .dao_con .dao_le a:hover:after{width: 100%;transition: all 0.6s;left: 0;right: auto;}
.daohang .dao_con .dao_le a.act{color: #0669b2;}
.daohang .dao_con .dao_le a.act::after{width: 100%;}


.n_top {text-align: center; z-index:2;margin-bottom:30px;}
.n_top .n_tit { font-size:36px;font-weight: bold;}
.n_top .n_txt {width: 80%; font-size:16px;color: #333;line-height:30px;margin: 25px auto 50px;}

.ab2_top{text-align: center;color: #000000;margin-bottom: 60px;}


/* 公司简介 */
.about1{width: 100%;position: relative;}
.about1 .ab1_top{color: #000000;margin-bottom: 25px;}
.about1 .ab1_con{display: flex;justify-content: space-between;}
.about1 .ab1_con .con_le{width: 45.94%;}
.about1 .ab1_con .con_re{width: 50%;}
.about1 .ab1_con .con_le .le1{line-height: 30px;}
.about1 .ab1_con .con_le .le2{margin: 10px 0;height: 30px;padding-right: 30px;position: relative;}
.about1 .ab1_con .con_le .le2 s{display: block;width: 78%;position: absolute;height: 1px;background: #e5e5e5;left: -23%;top: 50%;}
.about1 .ab1_con .con_le .le3{color: #555555;line-height: 26px;overflow-y: auto;padding-right: 15px;text-align: justify;}
.about1 .ab1_con .con_le .le3 span{color: #333333;font-weight: 400;}
.about1 .ab1_bot {margin-top: 70px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:60px 0;}
.about1 .ab1_bot .ul{display: flex;justify-content: space-between;}
.about1 .ab1_bot .ul .li1{display: flex;align-items: flex-start;}
.about1 .ab1_bot .ul .li1 .sp1{color: #0669b2;line-height: 50px;margin-right: 3px;}
.about1 .ab1_bot .ul .li2{line-height: 20px;margin-top: 15px;}

.licheng{background: #f2f2f2;}
.licheng .lc_sw h1{ font-size:36px; color:#0669b2; margin-bottom:10px;}
.licheng .lc_sw .ss_txt{ min-height:107px;line-height: 30px;}
.licheng .supp2_con{position: relative;}
.licheng .lc_sw .swiper-slide{ border-right:1px solid #ccc; height:auto;padding: 0 20px;}
.licheng .lc_sw .swiper-slide .ss_img{overflow: hidden; margin-top:10px; width:80%;}
.licheng .supp2_con .supply_prev,.licheng .supp2_con .supply_next{width: 45px;height: 45px;background: #fff url(supply_zuo.png) center no-repeat;border-radius: 100%;box-shadow: 0 0 5px 5px #eaeaea;transition: all .6s;}
.licheng .supp2_con .supply_next{transform: rotate(180deg);right: 70px;}
.licheng .supp2_con .supply_prev{left: 70px;}
.licheng .supp2_con .supply_prev:hover,.licheng .supp2_con .supply_next:hover{background: url(supply_b.png) center no-repeat;background-size: contain;transition: all .6s;}
.licheng .lc_sw .swiper-slide:hover .ss_img img{transform: scale(1.05);transition: all 0.6s;}
.licheng .lc_sw .swiper-slide:hover .ss_txt{color: #0669b2;transition: all 0.6s;}


.ab03{background: url(ind4_b.jpg) no-repeat;padding:160px 0;}
.ab03 .con{ width: 100%;height: 100%;color: #fff;text-align: center;}
.ab03 .con .tit{margin-bottom: 45px; font-size:48px; font-weight:bold;}
.ab03 .con .txt{line-height: 30px; font-size:16px;}
.ab03 .con .item ul{display: flex;max-width: 1240px;margin: 0 auto;justify-content: space-between;margin-top:90px;}
.ab03 .con .item ul li a{color: #fff;display: block;}
.ab03 .con .item ul li .img img{margin: 0 auto;}
.ab03 .con .item ul li span{display: block;margin-top: 20px; font-size:16px;}

.ab04{width: 100%;position: relative;padding:90px 0 90px;}
.ab04 .ab04swiper{ max-width:1240px; margin:0 auto;}
.ab04 .ab04swiper .swiper-slide{ display:block; position:relative; overflow:hidden; border:1px solid #ccc;}
.ab04 .ab04swiper .swiper-slide a{ display:block; width:100%; height:100%; position:relative;}
.ab04 .ab04swiper .swiper-slide .img{overflow: hidden; width:100%; background:#dcdcdc; position: relative; z-index:2;}
.ab04 .ab04swiper .swiper-slide .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ab04 .ab04swiper .swiper-slide .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.ab04 .ab04swiper .swiper-slide .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.ab04 .ab04swiper .swiper-slide .text{ width:100%; position:absolute; height:70px; bottom:0px; z-index:10; background:#fff;}
.ab04 .ab04swiper .swiper-slide .text .tit{ width:60px; height:30px; line-height:30px; background:rgba(4,106,230,0.8); text-align:center; float:right; font-size:13px; color:#fff;}
.ab04 .ab04swiper .swiper-slide .text .txt{font-size: 14px;color:#333;line-height:40px;height:40px; margin-top:30px; text-align:center; background:rgba(0,0,0,0.1)}
.ab04 .ab04swiper .ab04_prev,.ab04 .ab04swiper .ab04_next{width: 45px;height: 45px;background: #fff url(supply_zuo.png) center no-repeat;border-radius: 100%;transition: all .6s;}
.ab04 .ab04swiper .ab04_next{transform: rotate(180deg);right: 0px;}
.ab04 .ab04swiper .ab04_prev{left: 0px;}
.ab04 .ab04swiper .ab04_prev:hover,.ab04 .ab04swiper .ab04_next:hover{background: url(supply_b.png) center no-repeat;background-size: contain;transition: all .6s;}


.ab05{width: 100%;box-sizing: border-box;padding:0;}
.ab05 .ab05bg{ width:100%; position:relative; z-index:-1; margin-top:70px;}
.ab05 .con{ width:80%; position:absolute; bottom:0; left:10%; padding-bottom:40px; z-index:2;display: flex;}
.ab05 .con .item{width: 50%; text-align:center; box-sizing: border-box; position:relative;}
.ab05 .con .item:nth-child(1)::before{content: "";position: absolute;top: 0;right: 0;width: 3px;height: 146px;background: url(ab05.png) no-repeat;}
.ab05 .con .item h1{font-size:60px; font-weight:bold; line-height:30px; color:#fff;}
.ab05 .con .item ul{width: 100%;margin-top:40px; text-align:center;}
.ab05 .con .item ul li{width: 100%;position: relative;}
.ab05 .con .item ul li .txt{display: flex;justify-content: center;align-items: center;}
.ab05 .con .item ul li .txt p{font-size: 26px;color: #fff; margin-bottom:10px;}



.ab06{width:100%;position: relative;background:#fff; padding:90px 0 30px;}
.ab06 .ab2_top{ font-size: 42px; font-weight:bold; color:#333;}
.ab06 .yf_con {position: relative;width: 587px; margin:90px auto 0;}
.ab06 .yf_con .yf_ear {position: relative;}
.ab06 .yf_con .yf_ear .cir {width: 100%;height: auto;}
.ab06 .yf_con .yf_ear .ear {width: 82.53%;height: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;animation: moveScroll 20s linear infinite;}
@keyframes moveScroll {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ab06 .yf_con .yf_ear .yf_zhong {width:300px;height:150px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display: flex;
    flex-wrap:wrap; justify-content: center;align-items: center;}
.ab06 .yf_con .yf_ear .yf_zhong p{ width:100%; color:#333; text-align:center;font-size: 18px;}
.ab06 .yf_con .yf_ear .yf_zhong img{ width:100px; margin:0 auto;}
.ab06 .yf_con .yf_li {position: absolute;}
.ab06 .yf_con .yf_li b {display: block;position: relative;z-index: 3;width: 90px;height: 90px;border-radius: 50%;text-align: center;
    line-height: 90px;color: #333;font-size: 30px;font-weight: normal;transition: 0.35s;}
.ab06 .yf_con .yf_li b img {width:100%;}
.ab06 .yf_con .yf_li span {display: block; width:130px; text-align:center; line-height:25px;color: #333;font-size: 15px;white-space: nowrap;}
.ab06 .yf_con .y_l a {display: flex;align-items: center;}
.ab06 .yf_con .y_l a span {margin-left: 9px;}
.ab06 .yf_con .y_r a {display: flex;align-items: center;flex-direction: row-reverse;}
.ab06 .yf_con .y_r a span {margin-right: 9px;}
.ab06 .yf_con .y1 {left: 42%;top: -8%;}
.ab06 .yf_con .y2 {left: 92%;top: 30%;}
.ab06 .yf_con .y3 {left: 82%;bottom: 10%;}
.ab06 .yf_con .y4 {right: 82%;bottom: 10%;}
.ab06 .yf_con .y5 {right: 92%;top: 30%;}

.ab07{ position: relative; z-index: 1; width: 100%; overflow: hidden;padding:90px 0 0;}
.ab07 .con{width:100%;max-width: 1240px;margin: 0 auto;}
.ab07 ul{ display: flex; flex-flow: wrap;justify-content:space-between;}
.ab07 ul li{ width: 24%; text-align:center;}
.ab07 ul li .text{ position: relative; z-index: 1; background: #f3f3f3; padding: 2.5rem 1.875rem; border-radius: 5px; overflow: hidden;}
.ab07 ul li .img{ width: 120px; height: 120px; margin:0 auto; border-radius: 50%; overflow: hidden;}
.ab07 ul li .txt{margin-top:20px;height: 120px;}
.ab07 ul li .txt h5{ font-size:20px; color: #4e4e4e; margin-bottom:15px;}
.ab07 ul li .txt p{ font-size:14px; color: #707070; line-height: 25px;}
.ab07 ul li .text:before{ content: ""; display: block; width: 100%; height: 8.125rem; background: #0669b2; position: absolute; left: 0; top: 0; z-index: -1;}
.ab07 ul li:nth-child(2) .text:before{ background: #0669b2;}
.ab07 ul li:nth-child(3) .text:before{ background: #0669b2;}
.ab07 ul li:nth-child(4) .text:before{ background: #0669b2;}


/* 企业文化 */
.about201{width: 100%;box-sizing: border-box;padding:70px 0 90px;}
.about201 .con{display: flex;flex-wrap:wrap;justify-content:space-between;}
.about201 .con .item{width: 49%; margin-bottom:30px;box-sizing: border-box; position:relative;}
.about201 .con .item h3{width: 100%; text-align:center;font-size: 30px;color: #0669b2;position: relative;margin-bottom: 30px;;}
.about201 .con .item h3 span{font-size: 20px; margin-left:25px;}
.about201 .con .item h3 span:nth-of-type(2){ margin-left:5px;}
.about201 .con .item .lx_icon{width: 100%; width:100%; position:absolute; bottom:0; left:4%; padding-bottom:50px; z-index:2;display: flex;}
.about201 .con .item .lx_icon img{position: absolute;left: 0; top:6px; width:6px;}
.about201 .con .item .lx_icon p{font-size: 20px;color: #fff;margin-left: 20px;}


/* about301 */
.about301{width: 100%;box-sizing: border-box;position: relative;padding:70px 0 90px;}
.about301 .con{width: 100%; margin-top:30px;}
.about301 .con ul{display: flex;flex-wrap: wrap;justify-content:space-between;}
.about301 .con li{width: 24%;padding: 30px 10px;text-align: center;position: relative;box-sizing: border-box;}
.about301 .con li .top .img{width: 100%;}
.about301 .con li .top .img img{width: 100%;} 
.about301 .con li .top .img img:nth-of-type(1){width: 95%; margin:0 auto;} 
.about301 .con li .tit{position: relative;z-index: 1;width: 100%; text-align:center; margin:-50px auto 0;box-sizing: border-box; border-bottom:1px dotted #999; padding-bottom:10px; font-size:17px; line-height:20px; font-weight:bold; color:#0669b2;}


.fuwu01 {position: relative;padding: 90px 0 60px;}
.fuwu01 .fw01bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.fuwu01 .fw01bg img {width: 100%;height: 100%;object-fit: cover;}
.fuwu01 .con {position: relative;z-index: 2;}
.fuwu01 .con ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin:60px 0;padding: 0;}
.fuwu01 .con ul li {width: 17%;padding:0;display: flex;position: relative;}
.fuwu01 .con ul li .img{ width:100%; background:#f4f5f5; position: relative; z-index:10; border-radius:50%; border:10px solid #fff;}
.fuwu01 .con ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.fuwu01 .con ul li .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.fuwu01 .con ul li .txt {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%; position:absolute; z-index:20;}
.fuwu01 .con ul li .txt h3 { font-size:20px;font-weight: bold;}

.fuwu02 { width:100%; position: relative;padding: 90px 0 0; }
.map-service{position:relative;height:700px;}
.china-map{width:748px;height:618px;background:url(map.png) center no-repeat;position:relative; z-index:1;margin:0 auto;}
.region-list{position:absolute;left:0;top:0;}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#009fd9;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #009fd9;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-05{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-06{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}

.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:-18px;top:-11px;padding:6px 10px;font-size:14px;color:#00366e;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.postition-14 .show-regin span{left:12px; top:2px;}

.postition-13 .show-regin{left:22px;}
.postition-26 .show-regin{left:22px;}
.area-box{z-index:77}
.show-regin{z-index:66}
.postition-1{left:252px;top:308px;}
.postition-2{left:351px;top:403px}
.postition-4{left:403px;top:348px}
.postition-5{left:466px;top:394px}
.postition-19{left:526px;top:374px}
.postition-7{left:602px;top:200px}
.postition-8{left:519px;top:239px}
.postition-14{left:519px;top:239px}
.postition-15{left:492px;top:269px}
.postition-16{left:472px;top:289px}
.postition-9{left:562px;top:341px}
.postition-17{left:597px;top:381px}
.postition-18{left:577px;top:411px}
.postition-20{left:557px;top:471px}
.postition-21{left:457px;top:451px}
.postition-22{left:483px;top:348px}
.postition-23{left:517px;top:441px}
.postition-24{left:381px;top:423px}
.postition-25{left:612px;top:150px}
.postition-26{left:622px;top:100px}
.postition-27{left:343px;top:328px}
.postition-28{left:373px;top:298px}
.postition-29{left:102px;top:378px}
.postition-30{left:102px;top:208px} 
.postition-11{left:554px;top:300px}
.postition-13{left:500px;top:180px}
.postition-31{left:507px;top:521px}
.postition-31 .area-box .dot{background:#c60000;}
.postition-31 .area-box .pulse{border:2px solid #c60000;}
.postition-31 .show-regin span{left:12px; font-weight:bold; color:#c60000;}



.fuwu03{width:100%;position: relative;padding:90px 0; background:#f4f5f5;}
.fuwu03 .fw_con {position: relative;width: 400px;height: 400px; margin:90px auto 0;}
.fuwu03 .fw_con .fw_ear {width: 400px;height: 400px;position: relative;}
.fuwu03 .fw_con .fw_ear .ear {width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.fuwu03 .fw_con .fw_ear .fw_z {width:260px;height:260px;border-radius: 50%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display: flex;justify-content: center;align-items: center;background-image:linear-gradient(to right, #00adef, #045491);}
.fuwu03 .fw_con .fw_ear .fw_z img{ width:200px; margin:0 auto;}

.fuwu03 .fw_con .fw_li {position: absolute;}
.fuwu03 .fw_con .fw_li b { background:#0162b1;display: block;position: relative;z-index: 3;width: 100px;height: 100px;border-radius: 50%;text-align: center;line-height: 100px;color: #fff;font-size: 30px;font-weight: normal;transition: 0.35s;}
.fuwu03 .fw_con .fw_li b img {width:100%;}
.fuwu03 .fw_con .fw_li span {display: block; width:330px; text-align:center; line-height:25px;color: #ffffff;font-size: 15px;white-space: nowrap;}
.fuwu03 .fw_con .f_l a {display: flex;align-items: center;}
.fuwu03 .fw_con .f_l a span {margin-left: 9px;}
.fuwu03 .fw_con .f_r a {display: flex;align-items: center;flex-direction: row-reverse;}
.fuwu03 .fw_con .f_r a span {margin-right: 9px;}
.fuwu03 .fw_con .y2 {left: 90%;top: 2%;}
.fuwu03 .fw_con .y3 {left: 82%;bottom:0;}
.fuwu03 .fw_con .y3 a span {margin-left: 39px;}
.fuwu03 .fw_con .y4 {right: 82%;bottom:0;}
.fuwu03 .fw_con .y4 a span {margin-right: 39px;}
.fuwu03 .fw_con .y5 {right: 90%;top: 2%;}

/* n_news */
.n_news{width: 100%;box-sizing: border-box;padding: 70px 0 90px;}
.n_news .list ul{width: 100%;box-sizing: border-box;margin-top:60px; padding-top:50px;border-top: 1px solid #DDDDDD;}
.n_news .list ul li{display: block;width: 100%;box-sizing: border-box;padding: 30px 30px;transition: all .3s;}
.n_news .list ul li:hover{background-color: #f1f2f3;}
.n_news .list ul li .item{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;}
.n_news .list ul li .item .date{width: 20%;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;}
.n_news .list ul li .item .date .day{width: 32%;position: relative;box-sizing: border-box; font-weight:bold; font-size:60px; color:#0669b2;;}
.n_news .list ul li .item .date .day::after{position:absolute;width:1px;height:100px;background:#ccc;content:"";right:0;top:0;transform:translateY(-50%);}
.n_news .list ul li .item .date .year{width: 65%;box-sizing: border-box; padding-left:10px;}
.n_news .list ul li .item .date .year p:nth-of-type(1){ font-size:20px; color:#777;}
.n_news .list ul li .item .date .year p:nth-of-type(2) img{width: 20px; margin-top:5px;}
.n_news .list ul li .item .imgbox{width: 25%;box-sizing: border-box;padding-right:50px;overflow: hidden;}
.n_news .list ul li .item .text{width: 55%;box-sizing: border-box;}
.n_news .list ul li .item .text h1{ width:100%; position:relative;font-size: 22px;color: #0669b2;margin-bottom: 15px; padding-bottom:15px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;}
.n_news .list ul li .item .text h1::after{position: absolute;width: 120px;height: 1px;background: #0669b2;content: "";left: 0;bottom: 0;}
.n_news .list ul li .item .text p{font-size: 14px;line-height: 25px;color: #666666;}
.n_news .list ul li .item .text .news_icon01{ width:100%; margin-top:30px; position:relative;}
.n_news .list ul li:hover .item .text h1{color: #0357c1;}


/* zhao201 */
.zhao201{width: 100%;box-sizing: border-box;padding: 90px 0 0; }
.zhao201 .con{margin: auto; padding:60px 0 0;}
.zhao201 .con ul{ width:100%;display: flex;flex-wrap:wrap;}
.zhao201 .con ul li{width:24.5%;background: #f2f2f2; padding:30px;margin-bottom:10px;margin-right:0.5%;}
.zhao201 .con ul li h3{ width:160px; text-align:center;font-size: 16px;background: #0669b2;color:#fff;font-weight: bold;height: 34px;line-height: 34px;border-radius:17px;margin:0 auto 20px;}
.zhao201 .con ul li h4{ width:100%; text-align:center;font-size: 14px;color:#666;margin-bottom: 40px;}
.zhao201 .con ul li .info{width: 100%;text-align:center;}
.zhao201 .con ul li .info p{font-size: 20px;font-weight: bold;color: #333;text-align:center;}

@media screen and (max-width:1680px) {
.zhao201 .con ul li{width:24.5%;background: #f2f2f2; padding:30px;margin-bottom:10px;margin-right:0.5%;}
    
}
/* zhao202 */
.zhao202{margin: 0 auto 100px;}

/* contact01 */
.zhao203{width: 100%;box-sizing: border-box;padding:0 0; }
.zhao203 .con{display: flex;background: #f2f2f2;padding:30px 30px 0;}
.zhao203 .con .le{width: 30%; margin-right:10%;box-sizing: border-box;}
.zhao203 .con .le h1{font-size: 24px; line-height:30px; margin-bottom:50px;}
.zhao203 .con .le ul{width: 100%;margin-top:60px;}
.zhao203 .con .le ul li{width: 100%;box-sizing: border-box;position: relative;margin-bottom: 30px;}
.zhao203 .con .le ul li .img{display: flex;display: -webkit-flex;margin-bottom:5px;}
.zhao203 .con .le ul li .img img{position: absolute;left: 0; top:-3px;}
.zhao203 .con .le ul li .img p{font-size: 16px;color: #222222;margin-left: 30px;}
.zhao203 .con .le ul li .add{font-size: 16px;color: #666666;line-height: 30px;}
.zhao203 .con .re{width: 60%;box-sizing: border-box;}
.zhao203 .con .re ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: flex-end;}
.zhao203 .con .re ul li{width:24%;background: #f2f2f2; padding:10px;margin-bottom:10px;margin-right:1%;}
.zhao203 .con .re ul li .img{ width:100%; position: relative;}
.zhao203 .con .re ul li .img img{width: 100%;}
.zhao203 .con .re ul li .tit{height: 30px;line-height: 30px;font-size: 16px;color: #666; text-align:center;}




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

    .p_100_60{padding: 70px 0 50px;} 
   
}


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


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

    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

    body{min-width: 200px;}

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

    .box{min-width: 200px;width: 90%;}
    .f_16{font-size: 14px;}
    .f_22{font-size: 18px;}
    
    .f_24{font-size: 18px;}
    .f_26{font-size: 18px;}
    .f_28{font-size: 20px;}
    
    .f_32{font-size: 22px;}
    .f_36 {font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_48{font-size: 24px;}
    .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;}

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

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

    .in_1 .in1_sp span::after{width: 40px;}

    .in_2{background: url(ind2_1.jpg) center no-repeat;background-size: cover;}

    .in_2 .inx_img{display: none;}

    .in_2 .in2_txt{position: static;padding-bottom: 30px;}

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

    .in_2 .in2_txt .txt{flex-wrap: wrap;}

    .in_2 .in2_txt .txt .txt_le{width: 100%;padding-top: 35px;}

    .in_2 .in2_txt .txt .txt_re{padding-top: 30px;width: 100%;}

    .in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 30px;}

    .in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 30px;}

    .in_2 .in2_txt .txt .txt_le .le3{margin-bottom: 25px;display: none;}

    /* .in_2 .in2_txt .txt .txt_re .li{padding: 10px 0;} */


    .in_1 .in1_sw .sw_con .con_img video{display: none;}

    .in_2 .in2_txt .txt .txt_re .li .li_re{width: calc(100% - 90px);padding: 0;}

    .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{background: url(ind3.jpg) right no-repeat;background-size: cover;}

    .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:#0669b2;}
    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-track{ background:#fff;}

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

    .in_4 .inx_img {display: none;}

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

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

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

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


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

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

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

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

    .in_6 .in6_con{flex-wrap: wrap;}

    .in_6 .in6_con .con_le{width: 100%;margin-bottom: 10px;}

    .in_6 .in6_con .con_re{width: 100%;height: auto;}

    .in_6 .in6_con .con_re .ul{flex-wrap: wrap;position: static;}



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

    .in_6 .in6_con .con_re .ul .li a{display: block;width: 100%;}

    .in_6 .in6_con .con_le .le_bot{margin-bottom: 0px;display: flex;margin-bottom: 15px;}

    .in_6 .in6_con .con_le .le_bot a{margin-right: 20px;margin-bottom: 10px;}

    .in_6 .in6_con .con_le .le_top{margin-bottom: 20px;}

    .in_6 .in6_con .con_re .ul .li .li_img{margin: 20px 0;}

    /* .in_6 .in6_con .con_re .ul .li .li_img img{width: 100%;} */

    .in_6 .in6_con .con_re .ul .li .li_txt .txt2{margin: 20px 0;}

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

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

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

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

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

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

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

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

    
    .in_1 .in1_sw .sw_con .con_txt .t2{line-height: 35px;}


    .in_6 .in6_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_4 .in4_txt .ul .li img{width: 50px;}

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

    .in_5 .qeihuan .qie{width: 150px;margin-right: 20px;margin-bottom: 0;}

    .in_5 .qeihuan .qie:first-child{margin-left: 0;}

    .in_5 .qeihuan{display: flex;justify-content: center;}

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

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



}