@charset "utf-8";
/* CSS Document */


@-webkit-keyframes img02_11 {
0%{ -webkit-transform:translate(30px,20px); opacity: 0;}
12.5%{ -webkit-transform:translate(0px,0px); opacity: 1;}
25%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
37.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
50%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
62.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
75%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
87.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
100%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
}
@-webkit-keyframes img02_12 {
0%{ -webkit-transform:translate(-30px,20px); opacity: 0;}
12.5%{ -webkit-transform:translate(-30px,20px); opacity: 0;}
25%{ -webkit-transform:translate(-30px,20px); opacity: 0;}
37.5%{ -webkit-transform:translate(-30px,20px); opacity: 0;}
50%{ -webkit-transform:translate(0px,0px); opacity: 1;}
62.5%{ -webkit-transform:translate(30px,-20px); opacity: 0;}
75%{ -webkit-transform:translate(30px,-20px); opacity: 0;}
87.5%{ -webkit-transform:translate(30px,-20px); opacity: 0;}
100%{ -webkit-transform:translate(30px,-20px); opacity: 0;}
}
@-webkit-keyframes img02_13 {
0%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
12.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
25%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
37.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
50%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
62.5%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
75%{ -webkit-transform:translate(-30px,-20px); opacity: 0;}
87.5%{ -webkit-transform:translate(0px,0px); opacity: 1;}
100%{ -webkit-transform:translate(30px,20px); opacity: 0;}
}

@-webkit-keyframes weiyi5 {
    0%{ -webkit-transform:translateY(0px); }
    50%{ -webkit-transform:translateY(10px); }
    100%{ -webkit-transform:translateY(0px); }
}

@-webkit-keyframes weiyi6 {
    0%{ -webkit-transform:translateY(0px); }
    50%{ -webkit-transform:translateY(20px); }
    100%{ -webkit-transform:translateY(0px); }
}

@-webkit-keyframes weiyi7 {
    0%{ -webkit-transform:translateX(0px); }
    50%{ -webkit-transform:translateX(80px); }
    100%{ -webkit-transform:translateX(0px); }
}

@-webkit-keyframes weiyi99 {
    0%{ -webkit-transform:translateX(0px); }
    50%{ -webkit-transform:translateX(30px); }
    100%{ -webkit-transform:translateX(0px); }
}

@-webkit-keyframes scalea {
    0%{ -webkit-transform:scale(1); }
    50%{ -webkit-transform:scale(1.5); }
    100%{ -webkit-transform:scale(1); }
}


/*PC端banner*/
.banner{ position:relative; width:100%; overflow:hidden; max-width:1920px; margin:0 auto;}

.swiper-container {width: 100%;height: 700px;}
.swiper-wrapper {}
.swiper-slide{display: flex;justify-content: center;align-items: center; position: relative;}
.swiper-slide .img_bg{ width: 100%; height: 700px;}
.swiper-slide .img01_div{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 70px;}
.swiper-slide .img01_div .img01_png{ position: absolute; right: 0px; top:0px; opacity: 0;}
.swiper-slide .img01_div .img01_png img{ height: 420px;}
.swiper-slide .img01_div .img01_text{ position: absolute; left: 340px; top:70px; opacity: 1; z-index: 9;}
.swiper-slide .img01_div .img01_text h2{ font-size: 48px; font-weight: 600; line-height: 1.4em; color: #fff; opacity: 0;}
.swiper-slide .img01_div .img01_text p{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.4em; margin-top: 48px; opacity: 0;}

.swiper-slide .img02_div{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 70px;}
.swiper-slide .img02_div .img02_png{ position: absolute; right: 0px; top:0px; opacity: 0;}
.swiper-slide .img02_div .img02_png img{ height: 400px;}
.swiper-slide .img02_div .img02_text{ position: absolute; left: 340px; top:70px; opacity: 1; z-index: 9;}
.swiper-slide .img02_div .img02_text h2{ font-size: 48px; font-weight: 600; line-height: 1.4em; color: #fff; opacity: 0;}
.swiper-slide .img02_div .img02_text p{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.4em; margin-top: 48px; opacity: 0;}


/* 轮播箭头 */
.banner .swiper_btn{display: block;position:absolute;width:66px;height: 66px;z-index: 999;opacity:0;transition: all 0.5s;}
.banner .swiper_btn svg{width: 100%;height: 100%;display: block;}
.banner .leftbtn{left: 32px;top: 50%;transform: translate(-16px,-50%);}
.banner .rightbtn{right: 32px;top: 50%;transform: translate(16px,-50%);}
.banner:hover .leftbtn{opacity: 1;transform: translate(0px,-50%);}
.banner:hover .rightbtn{opacity: 1;transform: translate(0px,-50%);}
  
.swiper-slide .img02_div .img02_04{ z-index:9;}
.swiper-slide .img02_div .img02_02 img{ opacity: 0;}
.swiper-slide .img02_div .img02_06 img{ opacity: 0;}
.swiper-slide .img02_div .img02_07 img{ opacity: 0;}
.swiper-slide .img02_div .img02_10 img{ opacity: 0;}
.swiper-slide .img02_div .img02_11 img{ opacity: 0;}
.swiper-slide .img02_div .img02_12 img{ opacity: 0;}
.swiper-slide .img02_div .img02_13 img{ opacity: 0;}

.swiper-slide .img03_div{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 70px;}
.swiper-slide .img03_div .img03_png{ position: absolute; right: 0px; top:0px; opacity: 0;}
.swiper-slide .img03_div .img03_png img{ height: 400px;}
.swiper-slide .img03_div .img03_text{ position: absolute; left: 340px; top:70px; opacity: 1; z-index: 9;}
.swiper-slide .img03_div .img03_text h2{ font-size: 48px; font-weight: 600; line-height: 1.4em; color: #fff; opacity: 0;}
.swiper-slide .img03_div .img03_text p{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.4em; margin-top: 48px; opacity: 0;}

.swiper-slide .img04_div{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 70px;}
.swiper-slide .img04_div .img04_png{ position: absolute; right: 0px; top:-75px; opacity: 0;}
.swiper-slide .img04_div .img04_png img{ height: 750px;}
.swiper-slide .img04_div .img04_text{ position: absolute; left: 340px; top:70px; opacity: 1; z-index: 9;}
.swiper-slide .img04_div .img04_text h2{ font-size: 48px; font-weight: 600; line-height: 1.4em; color: #fff; opacity: 0;}
.swiper-slide .img04_div .img04_text p{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.4em; margin-top: 48px; opacity: 0;}
.swiper-slide .img04_div .imgban_div .img04_02 .liang {width: 8px; height: 82px; background: rgba(255,255,255,.3); position: absolute; top: 27.5%; left: 195px;}
.swiper-slide .img04_div .img04_text .text_con .text_con_button { padding: 5px 15px; border: none; border-radius: 50px; background-color: #a4cbff; color: #fff; font-size: 16px; cursor: pointer; opacity: 0;}
.text_con_button2class { background-color: #fff !important; color: #0f4ccb !important;}
.swiper-slide .img04_div .img04_text .img_fx { float: right; margin-top: -50px; margin-right: -20px; display: none; opacity: 0;}
.zyzy svg{ -webkit-animation:weiyi99 4.2s ease 0.9s infinite;}
.swiper-slide .img04_div .img04_text .text_con .text_con_button2 { padding: 5px 15px; border: none; border-radius: 50px; margin: 20px; background-color: #547cd0; color: #fff; font-size: 16px; cursor: pointer; opacity: 0;}

.swiper-slide .img05_div{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 20px;}
.swiper-slide .img05_div .img05_png{  opacity: 0;}
.swiper-slide .img05_div .img05_01 img{ height: 80px;position: absolute; right: 0px; top:20px;}
.swiper-slide .img05_div .img05_02 img{  position: absolute; right: 0px; top: 120px; height: 300px;}
.swiper-slide .img05_div .img05_text{ position: absolute; left: 340px; top:70px; opacity: 1; z-index: 9;}
.swiper-slide .img05_div .img05_text h2{ font-size: 48px; font-weight: 600; line-height: 1.4em; color: #fff; opacity: 0;}
.swiper-slide .img05_div .img05_text p{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.4em; margin: 40px 0; opacity: 0;}
.swiper-slide .img05_div .imgban_div .img05_02 .liang {width: 8px; height: 82px; background: rgba(255,255,255,.3); position: absolute; top: 27.5%; left: 195px;}
.swiper-slide .img05_div .img05_text .text_con .text_con_button { padding: 5px 15px; border: none; border-radius: 50px; background-color: #a4cbff; color: #fff; font-size: 16px; cursor: pointer; opacity: 0;}
.swiper-slide .img05_div .img05_text .text_con .text_con_img{ position: absolute; right: 0px; top: 280px;opacity: 0;}
.swiper-slide .img05_div .img05_text .text_con .text_con_img img{ width: 150px; }
.swiper-slide .img_video {width: 100%;  object-fit: fill}

.text_con{ overflow: hidden;}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 180px;left: 50%;width: 1200px;margin-left: -600px;text-align: left;box-sizing: border-box;padding-left: 350px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0;display: block;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet {width: 24px;height: 3px;display: inline-block;border-radius: 0px;background: #7386fa;opacity: 1; border: none; position: relative;}
.swiper-pagination-bullet-active { opacity: 1; background: none;}
.swiper-pagination-bullet-active:after{ position: absolute; content: ""; width: 24px; height: 3px; border-radius: 0px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}

.dongxiao .img01_01{ -webkit-animation:fadeInUppp 1.0s ease 0.1s forwards;}
.dongxiao .img01_02{ -webkit-animation:fadeInUppp 1.0s ease 0.1s forwards;}
.dongxiao .img01_03{ -webkit-animation:fadeInLefttt 1.0s ease 0.3s forwards;}
.dongxiao .img01_04{ -webkit-animation:fadeInLefttt 1.0s ease 0.6s forwards;}
.dongxiao .img01_05{ -webkit-animation:fadeInLefttt 1.0s ease 0.9s forwards;}
.dongxiao .img01_06{ -webkit-animation:zoomInnn 1.0s ease 0.4s forwards;}
.dongxiao .img01_07{ -webkit-animation:zoomInnn 1.0s ease 0.7s forwards;}
.dongxiao .img01_08{ -webkit-animation:zoomInnn 1.0s ease 1.0s forwards;}
.dongxiao .img01_01 img{ -webkit-animation:weiyi4 5.0s ease 0.4s infinite;}
.dongxiao .img01_03 img{ -webkit-animation:weiyi2 4.0s ease 0.6s infinite;}
.dongxiao .img01_04 img{ -webkit-animation:weiyi2 4.2s ease 0.9s infinite;}
.dongxiao .img01_05 img{ -webkit-animation:weiyi2 4.4s ease 1.2s infinite;}
.dongxiao .img01_06 img{ -webkit-animation:weiyi3 2.0s ease 0.7s infinite;}
.dongxiao .img01_07 img{ -webkit-animation:weiyi3 2.2s ease 1.0s infinite;}
.dongxiao .img01_08 img{ -webkit-animation:weiyi3 2.4s ease 1.3s infinite;}
.dongxiao .img01_text h2{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img01_text p{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}

.dongxiao .img02_01{ -webkit-animation:fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img02_02{ -webkit-animation:fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img02_03{ -webkit-animation:fadeInUppp 1.0s ease 0.3s forwards;}
.dongxiao .img02_04{ -webkit-animation:fadeInUppp 1.0s ease 0.1s forwards;}
.dongxiao .img02_05{ -webkit-animation:fadeInUppp 1.0s ease 0.4s forwards;}
.dongxiao .img02_06{ -webkit-animation:fadeInUppp 1.0s ease 0.4s forwards;}
.dongxiao .img02_07{ -webkit-animation:fadeInUppp 1.0s ease 0.5s forwards;}
.dongxiao .img02_08{ -webkit-animation:fadeInUppp 1.0s ease 0.5s forwards;}
.dongxiao .img02_09{ -webkit-animation:fadeInUppp 1.0s ease 0.6s forwards;}
.dongxiao .img02_10{ -webkit-animation:fadeInUppp 1.0s ease 0.6s forwards;}
.dongxiao .img02_11{ -webkit-animation:zoomInnn 1.0s ease 0.7s forwards;}
.dongxiao .img02_12{ -webkit-animation:zoomInnn 1.0s ease 0.8s forwards;}
.dongxiao .img02_13{ -webkit-animation:zoomInnn 1.0s ease 0.9s forwards;}
.dongxiao .img02_14{ -webkit-animation:zoomInnn 1.0s ease 0.1s forwards;}
.dongxiao .img02_01 img{ -webkit-animation:weiyi4 5.0s ease 0.4s infinite;}
.dongxiao .img02_02 img{ -webkit-animation:fadeInOutUppp 4.0s linear 1s infinite;}
.dongxiao .img02_03 img{ -webkit-animation:weiyi4 4.0s ease 0.6s infinite;}
.dongxiao .img02_04 img{ -webkit-animation:weiyi4 4.2s ease 0.9s infinite;}
.dongxiao .img02_05 img{ -webkit-animation:weiyi4 4.4s ease 1.2s infinite;}
.dongxiao .img02_06 img{ -webkit-animation:fadeInOutUppp 4.0s linear 3s infinite;}
.dongxiao .img02_07 img{ -webkit-animation:fadeInOutUppp 4.0s linear 1.5s infinite;}
.dongxiao .img02_08 img{ -webkit-animation:weiyi4 2.4s ease 1.3s infinite;}
.dongxiao .img02_09 img{ -webkit-animation:weiyi4 2.4s ease 1.3s infinite;}
.dongxiao .img02_10 img{ -webkit-animation:fadeInOutUppp 4.0s linear 2s infinite;}
.dongxiao .img02_11 img{ -webkit-animation:img02_11 2s linear 1.3s infinite;}
.dongxiao .img02_12 img{ -webkit-animation:img02_12 2s linear 1.3s infinite;}
.dongxiao .img02_13 img{ -webkit-animation:img02_13 2s linear 1.3s infinite;}
.dongxiao .img02_text h2{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img02_text p{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}

.dongxiao .img03_01{ -webkit-animation:fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img03_02{ -webkit-animation:fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img03_03{ -webkit-animation:fadeInUppp 1.0s ease 0.3s forwards;}
.dongxiao .img03_04{ -webkit-animation:fadeInUppp 1.0s ease 0.1s forwards;}
.dongxiao .img03_05{ -webkit-animation:fadeInLefttt 1.0s ease 0.4s forwards;}
.dongxiao .img03_06{ -webkit-animation:fadeInRighttt 1.0s ease 0.4s forwards;}
.dongxiao .img03_07{ -webkit-animation:fadeInUppp 1.0s ease 0.5s forwards;}
.dongxiao .img03_08{ -webkit-animation:fadeInUppp 1.0s ease 0.5s forwards;}
.dongxiao .img03_09{ -webkit-animation:fadeInUppp 1.0s ease 0.6s forwards;}
.dongxiao .img03_10{ -webkit-animation:fadeInDownnn 1.0s ease 0.6s forwards;}
.dongxiao .img03_11{ -webkit-animation:zoomInnn 1.0s ease 0.9s forwards; transform-origin: left bottom;}
.dongxiao .img03_12{ -webkit-animation:zoomInnn 1.0s ease 0.7s forwards; transform-origin: left bottom;}
.dongxiao .img03_13{ -webkit-animation:zoomInnn 1.0s ease 0.8s forwards; transform-origin: left bottom;}
.dongxiao .img03_01 img{ -webkit-animation:weiyi4 5.0s ease 0.4s infinite;}
.dongxiao .img03_02 img{ -webkit-animation:weiyi4 4.0s linear 1s infinite;}
.dongxiao .img03_03 img{ -webkit-animation:weiyi4 4.0s ease 0.6s infinite;}
.dongxiao .img03_04 img{ -webkit-animation:weiyi4 4.2s ease 0.9s infinite;}
.dongxiao .img03_05 img{ -webkit-animation:weiyi4 4.4s ease 1.2s infinite;}
.dongxiao .img03_06 img{ -webkit-animation:weiyi4 4.0s linear 1s infinite;}
.dongxiao .img03_07 img{ -webkit-animation:weiyi4 4.0s linear 1s infinite;}
.dongxiao .img03_08 img{ -webkit-animation:weiyi4 2.4s ease 1.3s infinite;}
.dongxiao .img03_09 img{ -webkit-animation:weiyi4 2.4s ease 1.3s infinite;}
.dongxiao .img03_10 img{ -webkit-animation:weiyi4 4.0s linear 1s infinite;}
.dongxiao .img03_11 img{ -webkit-animation:weiyi3 4s linear 1.3s infinite;}
.dongxiao .img03_12 img{ -webkit-animation:weiyi4 4s linear 1.3s infinite;}
.dongxiao .img03_13 img{ -webkit-animation:weiyi3 4s linear 1.3s infinite;}
.dongxiao .img03_text h2{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img03_text p{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}


.dongxiao .img04_01{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_02{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_02 .liang{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_03{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_04{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_05{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_06{ -webkit-animation: fadeInLefttt 1.0s ease 0.2s forwards;}
.dongxiao .img04_07{ -webkit-animation: fadeInDownnn 1.0s ease 0.2s forwards;}
.dongxiao .img04_08{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_09{ -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards;}
.dongxiao .img04_01 img{ -webkit-animation: weiyi3 3s ease 0.3s infinite;}
.dongxiao .img04_02 .liang{ -webkit-animation: weiyi7 4s ease 0.5s infinite;}
.dongxiao .img04_03 img{ -webkit-animation: weiyi3 4s ease 0.5s infinite;}
.dongxiao .img04_04 img{ -webkit-animation: weiyi5 3.5s ease 0.8s infinite;}
.dongxiao .img04_05 img{ -webkit-animation: weiyi5 3.5s ease 0.8s infinite;}
.dongxiao .img04_06 img{ -webkit-animation: weiyi6 5s ease 1s infinite;}
.dongxiao .img04_07 img{ -webkit-animation: weiyi6 6s ease 1.2s infinite;}
.dongxiao .img04_08 img{ -webkit-animation: weiyi3 3s ease 1.1s infinite;}
.dongxiao .img04_09 img{ -webkit-animation: weiyi3 3s ease 1.1s infinite; }
.dongxiao .img04_text h2{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img04_text p{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}
.dongxiao .img04_text .text_con .text_con_button{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img04_text .text_con .text_con_button2{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}
.dongxiao .img04_text .img_fx { -webkit-animation: fadeInUppp 1.0s ease 0.2s forwards; }

.dongxiao .img05_text h2{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img05_text .text_con .text_con_button{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img05_text .text_con .text_con_img{ -webkit-animation:fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img05_text p{ -webkit-animation:fadeInUppp2 1.5s ease 0.5s forwards;}
.dongxiao .img05_01{ -webkit-animation: fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img05_02{ -webkit-animation: fadeInUppp2 1.5s ease 0.3s forwards;}
.dongxiao .img05_01 img{ -webkit-animation: scalea 5s ease 1s infinite;}
.dongxiao .img05_02 img{ -webkit-animation: weiyi6 5s ease 1s infinite;}

.mw_service{ position: relative; z-index: 999; width: 1350px; margin: -140px auto 0px;}
.mw_service:before{ position: absolute; content: ""; width: 360px; height: 140px; box-sizing: border-box; left: -360px; top: 0px; background: rgba(0,0,0,0.2);}
.mw_service:after{ position: absolute; content: ""; width: 360px; height: 140px; box-sizing: border-box; right: -360px; top: 0px; background: rgba(0,0,0,0.2);}
.mw_service .ul_service{ width: 350px; position: absolute; bottom: 140px;}
.mw_service .ul_service li{ height: 140px; box-sizing: border-box; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; position: relative;}
.mw_service .ul_service li .div_service{ width: 100%; padding: 30px; box-sizing: border-box;}
.mw_service .ul_service li .div_service svg{ display: none;}
.mw_service .ul_service li .div_service svg path{}
.mw_service .ul_service li .div_service h2{ color: #fff; font-size: 20px; line-height: 1.5em; margin-bottom: 8px; font-weight: 600;}
.mw_service .ul_service li .div_service h2 a{color: #fff;cursor: pointer;}
.mw_service .ul_service li .div_service p{ color: #ddd; font-size: 12px; line-height: 1.5em; display: flex;}
.mw_service .ul_service li .div_service p span{ margin-right: 8px;}
.mw_service .ul_service li .div_service p a{ margin-right: 8px;color: #ddd;cursor: pointer;}
.mw_service .ul_service li .div_service_tc{ position: absolute; width: 900px; height: 560px; background: rgba(49, 50, 68, 0.95); top: 0px; left: 350px; display: none;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con{ display: flex; flex-wrap: wrap; padding: 30px;}

.mw_service .ul_service li .div_service_tc .div_service_tc_con span{ color: #ccc; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0px; font-size: 16px; width: calc(25% - 30px); box-sizing: border-box; padding: 20px; margin: 15px; position: relative; cursor: pointer; transition: color 0.5s; display: block;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span:before{ position: absolute; content: ""; display: block; width: 100%; height: 100%; border-top:1px solid rgba(255,255,255,0.8); border-left:1px solid rgba(255,255,255,0.8); box-sizing: border-box; top: 0px; left: 0px; transform-origin: top left; transform: scale(0); transition: transform 0.5s;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span:after{ position: absolute; content: ""; display: block; width: 100%; height: 100%; border-bottom:1px solid rgba(255,255,255,0.8); border-right:1px solid rgba(255,255,255,0.8); box-sizing: border-box; top: 0px; left: 0px; transform-origin: bottom right; transform: scale(0); transition: transform 0.5s;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span:hover{ color: #fff;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span:hover::before{ transform: scale(1);}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span:hover::after{ transform: scale(1);}

.mw_service .ul_service li .div_service_tc .div_service_tc_con a{cursor: pointer; color: #ccc; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0px; font-size: 16px; width: calc(25% - 30px); box-sizing: border-box; padding: 20px; margin: 15px; position: relative; cursor: pointer; transition: color 0.5s; display: block;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con a:before{ position: absolute; content: ""; display: block; width: 100%; height: 100%; border-top:1px solid rgba(255,255,255,0.8); border-left:1px solid rgba(255,255,255,0.8); box-sizing: border-box; top: 0px; left: 0px; transform-origin: top left; transform: scale(0); transition: transform 0.5s;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con a:after{ position: absolute; content: ""; display: block; width: 100%; height: 100%; border-bottom:1px solid rgba(255,255,255,0.8); border-right:1px solid rgba(255,255,255,0.8); box-sizing: border-box; top: 0px; left: 0px; transform-origin: bottom right; transform: scale(0); transition: transform 0.5s;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con a:hover{ color: #fff;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con a:hover::before{ transform: scale(1);}
.mw_service .ul_service li .div_service_tc .div_service_tc_con a:hover::after{ transform: scale(1);}

.mw_service .ul_service li:nth-of-type(1) .div_service_tc{ top: 0px;}
.mw_service .ul_service li:nth-of-type(2) .div_service_tc{ top: -140px;}
.mw_service .ul_service li:nth-of-type(3) .div_service_tc{ top: -280px;}
.mw_service .ul_service li:nth-of-type(4) .div_service_tc{ top: -420px;}
.mw_service .ul_service li:hover{ background: rgba(49, 50, 68, 0.95); border-bottom: 1px solid #313244;}
.mw_service .ul_service li:hover .div_service_tc{ display: block;}

.mw_strength{ display: flex; align-items: stretch;}
.mw_strength li{ flex: 1; height: 140px; display: flex; align-items: center; box-sizing: border-box; background: rgba(0,0,0,0.2); padding: 30px; transition: all 0.5s;}
.mw_strength li p{ color: #ddd; font-size: 12px;}
.mw_strength li p span{ font-size: 32px; font-weight: bold; color: #fff;}
.mw_strength li p span b{ font-size: 16px; margin-left: 4px; font-weight: normal;}
.mw_strength li p span i{ font-style: normal;}
.mw_strength li p u{ font-weight: normal; font-size: 24px; line-height: 1.5em; text-decoration: none; display: block;}
.mw_strength li p u:last-child{ text-indent: 2em;}
.mw_strength li:hover{ background: rgba(0,0,0,0.4);}

.div_title{ width: 1200px; margin: 0 auto 40px; text-align: center; position: relative;}
.div_title p{ font-size: 80px; font-weight: bold; line-height: 1em; -webkit-text-stroke: 1px #eaeaea; -webkit-text-fill-color: transparent;}
.div_title h2{ font-size: 40px; line-height: 1.2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: 0.2em; text-indent: 0.2em; color: #333; background: linear-gradient(-70deg,#eb3341 0%,#5964ff 100%); -webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.hot_service{ background: #fff; width: 100%; max-width: 1920px; margin: 0 auto; padding: 60px 0px; position: relative; overflow: hidden;}
.hot_service .ul_hot_ser{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; z-index: 9;}
.hot_service .ul_hot_ser li{ width: calc(25% - 20px); border: 1px solid #eeeeee; padding: 60px 30px 30px; box-sizing: border-box; position: relative; overflow: hidden; min-height: 320px; transition: all 0.5s;}
.hot_service .ul_hot_ser li h2{ font-weight: normal; font-size: 28px; line-height: 32px; color: #333; position: relative; z-index: 9; background: linear-gradient(-70deg,#eb3341 0%,#5964ff 100%); -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hot_service .ul_hot_ser li p{ font-weight: normal; font-size: 12px; color: #222; margin-top: 8px; position: relative; z-index: 9;}
.hot_service .ul_hot_ser li h4{ font-size: 220px; font-weight: bold; line-height: 1em; -webkit-text-stroke: 1px #eeeeee; -webkit-text-fill-color: transparent; position: absolute; bottom: 16px; left: -40px; transition: all 0.5s; transform: scaleY(0.7); letter-spacing: -0.02em; transform-origin: bottom center;}
.hot_service .ul_hot_ser li span{ font-weight: normal; font-size: 14px; color: #797979; display: block; transform: translateY(100%); position: absolute; bottom: 30px; left: 30px; z-index: 9; width: calc(100% - 60px); line-height: 1.75em; opacity: 0; transition: all 0.5s; text-align: justify;}

.hot_service .ul_hot_ser li:hover{ border: 1px solid #666; box-shadow: 0px 20px 30px -10px rgba(0,0,0,0.1); transform: translateY(-10px);}
.hot_service .ul_hot_ser li:hover h4{ transform: scaleY(0.7) translateY(-100%); -webkit-text-fill-color: #eeeeee;}
.hot_service .ul_hot_ser li:hover span{ transform: translateY(0%); opacity: 1;}

.yuan_1{ position: absolute; bottom: -200px; left: -200px; z-index: 1;}
.yuan_1 .yuan_con{ width: 600px; height: 600px; border-radius: 100%; background: linear-gradient(20deg,#eb3341 0%,#5964ff 100%); opacity: 0.03; -webkit-animation:anim2 4s linear 0s infinite; }

.yuan_2{ position: absolute; top: -40px; left: -40px; z-index: 1;}
.yuan_2 .yuan_con{ width: 160px; height: 160px; border-radius: 100%; background: linear-gradient(-40deg,#eb3341 0%,#5964ff 100%); opacity: 0.03;  -webkit-animation:anim 4s linear 0s infinite; }

.yuan_3{ position: absolute; bottom: -120px; right: -80px; z-index: 1;}
.yuan_3 .yuan_con{ width: 300px; height: 300px; border-radius: 100%; background: linear-gradient(60deg,#eb3341 0%,#5964ff 100%); opacity: 0.03;  -webkit-animation:anim 4s linear 0s infinite; }

.yuan_4{ position: absolute; top: -180px; right: -80px; z-index: 1;}
.yuan_4 .yuan_con{ width: 500px; height: 500px; border-radius: 100%; background: linear-gradient(-80deg,#eb3341 0%,#5964ff 100%); opacity: 0.03;  -webkit-animation:anim2 4s linear 0s infinite; }

@-webkit-keyframes anim{
0% {transform: rotate(0) translate(1.5%, 0) rotate(0);}
50% {transform: rotate(180deg) translate(1.5%, 0.3%) rotate(-180deg);}
100% {transform: rotate(360deg) translate(1.5%, 0) rotate(-360deg);}
}

@-webkit-keyframes anim2{
0% {transform: rotate(0) translate(1.5%, 0) rotate(0);}
50% {transform: rotate(180deg) translate(1.5%, -0.3%) rotate(-180deg);}
100% {transform: rotate(360deg) translate(1.5%, 0) rotate(-360deg);}
}

.anli{ background: #151515; width: 100%; max-width: 1920px; margin: 0 auto; padding: 60px 0px;}

.anli .div_title{ width: 1200px; margin: 0 auto 40px; text-align: center; position: relative;}
.anli .div_title p{ font-size: 80px; font-weight: bold; line-height: 1em; -webkit-text-stroke: 1px #333; -webkit-text-fill-color: transparent;}
.anli .div_title h2{ font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: 0.2em; text-indent: 0.2em; color: #eee;}

.anli .anli_text{ width: 1200px; margin: 0px auto 80px; display: flex; align-items: flex-end; justify-content: space-between;}
.anli .anli_text .anli_text_info { overflow: hidden;}
.anli .anli_text .anli_text_info h2{ font-size: 40px; line-height: 1.4em; text-align: left; margin-bottom: 24px; color: #000; transform: translateY(100%); opacity: 0; transition: all 0.5s 1s;}
.anli .anli_text .anli_text_info p{ font-size: 20px; line-height: 2em; text-align: left; color: #333; transform: translateY(100%); opacity: 0; transition: all 0.5s 1s;}
.anli .anli_con{ width: 1200px; margin: 0px auto 60px; position: relative; overflow: hidden; transform: translateY(0%); opacity: 1; transition: all 1s; display: block;}
.anli .anli_con:last-child{ margin: 0px auto 0px;}
.anli .anli_con .anli_con_l{ position: absolute; left: 0px; top: 50%; text-align: left; transform: translateY(-50%); z-index: 9;}
.anli .anli_con .anli_con_l h4{ font-size: 16px; color: #666; margin-bottom: 16px; line-height: 1em; transform: translateX(-340px); opacity: 0; transition: all 0.8s 0.2s;}
.anli .anli_con .anli_con_l h2{ font-size: 80px; font-weight: bold; line-height: 1em; margin-bottom: 120px; color: #fff; transform: translateX(-340px); opacity: 0; transition: all 0.8s 0.2s;}
.anli .anli_con .anli_con_l p{ display: flex; align-items: center; transform: translateX(-340px); opacity: 0; transition: all 0.8s 0.2s;}
.anli .anli_con .anli_con_l p span{ font-size: 16px; color: #fff;}
.anli .anli_con .anli_con_l p svg{ display: block; width: 32px; height: 32px; margin-left: 16px;}
.anli .anli_con .anli_con_l p svg path{ fill: #fff;}
.anli .anli_con .anli_con_c{ width: 80%; transform: translateX(0px); transition: all 0.8s; position: relative;}
.anli .anli_con .anli_con_c:after{ position: absolute; content: ""; width: 100%; height: 100%; background: rgba(23, 28, 97, 0.2); top: 0%; left: 0%; z-index: 2; transition: all 0.8s;}
.anli .anli_con .anli_con_c img{}
.anli .anli_con .anli_con_r{ position: absolute; right: 0px; top: 50%; text-align: right; transform: translateY(-50%); z-index: 9;}
.anli .anli_con .anli_con_r h2{ font-size: 200px; font-weight: bold; line-height: 1em; -webkit-text-stroke: 1px #999; -webkit-text-fill-color: transparent; transform: translateX(0px); opacity: 1; transition: all 0.8s;}
.anli .anli_con .anli_con_r h4{ font-size: 16px; margin-top: 16px; margin-right: 48px; color: #666; transform: translateX(0px); opacity: 1; transition: all 0.8s;}

.anli_yd{ display: flex; align-items: center; justify-content: center; background: #fff;}
body{--pw:240px;}
.phone{ margin:30px 80px; width:var(--pw); /*height:calc(var(--pw) * 2.035);*/ background:#292929; border-radius:calc(var(--pw) / 7.77); box-sizing:border-box; padding:calc(var(--pw) / 70); position:relative; -webkit-animation:phone 4s ease 0s infinite; transform: rotate(-45deg) skewX(0deg);}
/* .phone{ margin:30px 80px; width:var(--pw); background:#292929; border-radius:calc(var(--pw) / 7.77); box-sizing:border-box; padding:calc(var(--pw) / 70); position:relative; -webkit-animation:phone 4s ease 0s infinite; transform: rotate(-30deg) skewX(10deg);} */
.phone_bg1{ width:100%; height:100%; background:#fff; border-radius:calc(var(--pw) / 7.77); box-sizing:border-box; padding:calc(var(--pw) / 280);}
.phone_bg2{ width:100%; height:100%; background:#0b0d0c; border-radius:calc(var(--pw) / 7.77); box-sizing:border-box; padding:calc(var(--pw) / 28); box-shadow:inset 14px 0px 10px -15px #fff, inset -14px 0px 10px -15px #fff;}
.phone_bg3{ width:100%; height:100%; background:#fff; border-radius:calc(var(--pw) / 11.66); box-sizing:border-box; position:relative; overflow: hidden;}
.phone_lh{ width:50%; height:calc(var(--pw) / 14); background:#0b0d0c; margin:0 auto; border-radius:0px 0px calc(var(--pw) / 23.33) calc(var(--pw) / 23.33); position: absolute; top: 0px; left: 25%;}
.phone_lh_con{ display:flex; align-items:center; justify-content:center;}
.lh_tiao{ width:calc(var(--pw) / 8.23); height:calc(var(--pw) / 70); border-radius:5em; background:#2d2d2d; margin-left:calc(var(--pw) / 17.5);}
.lh_yuan{ width:calc(var(--pw) / 46.66); height:calc(var(--pw) / 46.66); border-radius:5em; background:#212554; margin-left:calc(var(--pw) / 28);}
.phone_home{ width:calc(var(--pw) / 3.11); height:calc(var(--pw) / 70); border-radius:5em; position:absolute; bottom:calc(var(--pw) / 70); left:50%; margin-left:calc(var(--pw) / -6.22); background:#0b0d0c; display: none;}

.jingyin{ width:calc(var(--pw) / 93.33); height:calc(var(--pw) / 11.66); background:#121212; position:absolute; top:calc(var(--pw) / 3.68); left:calc(var(--pw) / -93.33); border-radius:5px 0px 0px 5px;}
.jingyin:after{ content:""; display:block; width:calc(var(--pw) / 280); height:calc(var(--pw) / 17.5); background:rgba(255,255,255,0.8); position:absolute; left:calc(var(--pw) / 140); bottom:calc(var(--pw) / 70);}
.yl_jia{ width:calc(var(--pw) / 93.33); height:calc(var(--pw) / 7); background:#121212; position:absolute; top:calc(var(--pw) / 2.37); left:calc(var(--pw) / -93.33); border-radius:5px 0px 0px 5px;}
.yl_jia:after{ content:""; display:block; width:calc(var(--pw) / 280); height:calc(var(--pw) / 8.75); background:rgba(255,255,255,0.6); position:absolute; right:0px; bottom:calc(var(--pw) / 70);}
.yl_jian{ width:calc(var(--pw) / 93.33); height:calc(var(--pw) / 7); background:#121212; position:absolute; top:calc(var(--pw) / 1.64); left:calc(var(--pw) / -93.33); border-radius:5px 0px 0px 5px;}
.yl_jian:after{ content:""; display:block; width:calc(var(--pw) / 280); height:calc(var(--pw) / 8.75); background:rgba(255,255,255,0.6); position:absolute; right:0px; bottom:calc(var(--pw) / 70);}
.suoping{ width:calc(var(--pw) / 93.33); height:calc(var(--pw) / 4.24); background:#121212; position:absolute; top:calc(var(--pw) / 2.12); right:calc(var(--pw) / -93.33); border-radius:0px 5px 5px 0px;}
.suoping:after{ content:""; display:block; width:calc(var(--pw) / 280); height:calc(var(--pw) / 4.82); background:rgba(255,255,255,0.6); position:absolute; left:0px; bottom:calc(var(--pw) / 70);}

.anli .anli_con:hover .anli_con_l h4{ transform: translateX(0px); opacity: 1;}
.anli .anli_con:hover .anli_con_l h2{ transform: translateX(0px); opacity: 1;}
.anli .anli_con:hover .anli_con_l p{ transform: translateX(0px); opacity: 1;}

.anli .anli_con:hover .anli_con_c{ transform: translateX(240px);}
.anli .anli_con:hover .anli_con_c:after{ background: rgba(23, 28, 97, 0.1);}

.anli .anli_con:hover .anli_con_r h2{ transform: translateX(340px); opacity: 0;}
.anli .anli_con:hover .anli_con_r h4{ transform: translateX(340px); opacity: 0;}

.fadeInUppp{ transform: translateY(0%)!important; opacity: 1!important;}

.advantage{ padding: 60px 0px; width: 100%; background: #f8f8f8; max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
.advantage .div_title{ position: relative; z-index: 9;}

.advan_text{ width: 1200px; position: relative; z-index: 9; margin: 20px auto 40px;}
.advan_text p{ font-size: 14px; line-height: 1.75em; text-align: center; color: #797979;}

.advantage .ul_advan{ width: 1200px; margin: 0 auto; display: flex; box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.1); position: relative; z-index: 9;}
.advantage .ul_advan li{ flex:1; background: #fff; border-right: 1px solid #f2f2f2; padding: 30px 10px;}
.advantage .ul_advan li:last-child{ border: none;}
.advantage .ul_advan li svg{ display:block; width: 48px; height: 48px; margin: 0 auto 24px;}
.advantage .ul_advan li svg path{ fill: #7c848e; transition: all 0.5s;}
.advantage .ul_advan li p{ text-align: center; font-size: 16px; color: #333; transition: all 0.5s;}

.advantage .ul_advan li:hover svg path{ fill:#e60012;}
.advantage .ul_advan li:hover p{ color: #e60012;}

.advan_partner{ position: absolute; width: 100%; max-width: 1920px; left: 50%; transform: translateX(-50%); top: 0px;}
.advan_partner .advan_partner_con{ -webkit-animation: shu 20s linear infinite;}
.advan_partner .advan_partner_con .ul_advan_par{ display: flex; flex-wrap: wrap; justify-content: center;}
.advan_partner .advan_partner_con .ul_advan_par li{ width: 20%; margin: 40px 0px;}
.advan_partner .advan_partner_con .ul_advan_par li img{ filter:grayscale(100%); margin: 0 auto; transition: all 0.5s; opacity: 0.1;}

.advan_partner .advan_partner_con .ul_advan_par li:hover img{ filter:grayscale(0%); opacity: 1;}

@keyframes shu {
0% { transform: translateY(0%);}
100% { transform: translateY(-50%);}
}

.news{ width: 100%; max-width: 1920px; margin: 0 auto; height: calc(50vh - 106px); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.news:after{ position: absolute; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.9); top: 0%; left: 0%;}
.news .news_bg{ width: 100%; filter:grayscale(50%);}
.news .div_title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;}
.news .div_title p{ -webkit-text-stroke: 1px #333; font-size: 160px;}
.news .div_title h2{ color: #eee; font-size: 80px;}

.news_con{ padding: 0px 0px; width: 100%; background: #f8f8f8; max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
.news_con .news_info{ width: 1200px; height: 400px; position: relative; z-index: 9; margin: 0px auto 0px; display: flex;}

.news_con .news_info .ul_news_type{ width: 240px; margin-right: 40px; display: flex; flex-wrap: wrap;}
.news_con .news_info .ul_news_type li{width:100%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);background: rgba(49, 50, 68, 0.95);position: relative;cursor: pointer;}
.news_con .news_info .ul_news_type li:last-child{ border:none;}
.news_con .news_info .ul_news_type li a{ height: 100%; display: flex; align-items: center; color: #fff; padding:0px 20px;}
.news_con .news_info .ul_news_type li a svg{ display: block; width: 24px; height: 24px; margin-right: 15px;}
.news_con .news_info .ul_news_type li a svg path{ fill: #fff;}
.news_con .news_info .ul_news_type li a h2{ font-weight: normal;}
.news_con .news_info .ul_news_type li a h2 p{  font-size: 16px; line-height: 20px; margin-bottom: 4px;}
.news_con .news_info .ul_news_type li a h2 span{ font-size: 12px; line-height: 16px; display: block; color: rgba(255,255,255,0.5); transform: scale(0.8); transform-origin: left center;}

.news_con .news_info .ul_news_type .li_on{ background: #e60012;}
.news_con .news_info .ul_news_type .li_on a{ color: #fff;}
.news_con .news_info .ul_news_type .li_on:after{ position: absolute; content: ""; right: 0px; top: 50%; margin-top: -8px; border:solid transparent; border-right-color:#f8f8f8; border-width:8px 8px;}

.news_con .news_info .ul_news_type li:hover{ background: #e60012;}
.news_con .news_info .ul_news_type li:hover a{ color: #fff;}
.news_con .news_info .ul_news_type li:hover:after{ position: absolute; content: ""; right: 0px; top: 50%; margin-top: -8px; border:solid transparent; border-right-color:#f8f8f8; border-width:8px 8px;}

.news_select_big{ position: relative;}

.news_select{ display: flex; align-items: flex-start; position: absolute; left: 0px; top: 0px; transform: translateY(5px); transition: all 1s; padding: 40px 0px; background: #f8f8f8; opacity: 0; z-index: 1;}
.news_select_on{ transform: translateY(0px); opacity: 1; z-index: 9;}

.news_con .news_info .news_big{ width: 320px; display: block; margin-right: 40px; transition: all 0.5s;}
.news_con .news_info .news_big .news_big_img{ margin-bottom: 0px; height: 170px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.news_con .news_info .news_big .news_big_img img{ transition: all 0.5s;}
.news_con .news_info .news_big .news_big_text{ border: 1px solid #e2e2e2; border-top: none; padding: 15px;}
.news_con .news_info .news_big .news_big_text span{ display: block; font-size: 12px; color: #999; line-height: 16px; margin-bottom: 8px;}
.news_con .news_info .news_big .news_big_text h2{ font-size: 18px; line-height: 24px; margin-bottom: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 48px; transition: all 0.5s;}
.news_con .news_info .news_big .news_big_text p{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e2e2e2; padding-top: 15px;}
.news_con .news_info .news_big .news_big_text p b{ font-weight: normal; font-size: 12px; color:#222; line-height: 16px;}
.news_con .news_info .news_big .news_big_text p u{ display:inline-block; width:6px; height:6px; border-width:1px 1px 0px 0px; border-color:#222; border-style:solid; transform:rotate(45deg); margin-right: 2px;}

.news_con .news_info .news_big:hover{ box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1); transform: translateY(-5px);}
.news_con .news_info .news_big:hover .news_big_img img{ transform: scale(1.1);}
.news_con .news_info .news_big:hover .news_big_text h2{ color: #e60012;}

.news_con .news_info .news_list{}

.news_con .news_info .news_list .news_list_big{ width: 560px; display: flex; align-items: flex-start; border-top: 2px solid #333; border-bottom: 1px solid #e2e2e2; padding: 15px 0px;}
.news_con .news_info .news_list .news_list_big .news_data{ margin-right: 20px;}
.news_con .news_info .news_list .news_list_big .news_data p{ font-size: 32px; color: #333; line-height: 40px;}
.news_con .news_info .news_list .news_list_big .news_data span{ font-size: 12px; color: #999; display: block; line-height: 1em;}
.news_con .news_info .news_list .news_list_big .news_text{ flex:1; width: 200px;}
.news_con .news_info .news_list .news_list_big .news_text h2{ font-size: 20px; color: #333; font-weight: bold; line-height: 28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s;}
.news_con .news_info .news_list .news_list_big .news_text h2 svg{ display: inline-block; width: 20px; height: 20px; margin-right: 2px; transform: translateY(3px);}
.news_con .news_info .news_list .news_list_big .news_text p{ margin-top: 6px; line-height: 18px; font-size: 12px; color: #999; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.news_con .news_info .news_list .ul_news_list{ }
.news_con .news_info .news_list .ul_news_list li{ border-bottom: 1px solid #eaeaea;}
.news_con .news_info .news_list .ul_news_list li a{ display: flex; align-items: center; justify-content: space-between; padding: 15px 0px;}
.news_con .news_info .news_list .ul_news_list li a h2{ font-size: 14px; line-height: 16px; font-weight: normal; color: #666;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; flex:1; width: 100px; margin-right: 60px; padding-left: 16px; position: relative; transition: all 0.5s;}
.news_con .news_info .news_list .ul_news_list li a h2:after{ position: absolute; content:""; width: 4px; height: 4px; background: #333; border-radius: 50%; left: 0px; top: 50%; margin-top: -2px; transition: all 0.5s;}
.news_con .news_info .news_list .ul_news_list li a p{ font-size: 12px; line-height: 16px; color: #ccc;}

.news_con .news_info .news_list .news_list_big:hover .news_text h2{ color: #e60012;}
.news_con .news_info .news_list .ul_news_list li:hover a h2{ color: #e60012;}
.news_con .news_info .news_list .ul_news_list li:hover a h2:after{ background: #e60012;}


.content_jq .anli .anli_text .anli_text_info h2{ transform: translateY(0%); opacity: 1;}
.content_jq .anli .anli_text .anli_text_info p{ transform: translateY(0%); opacity: 1;}
.content_jq .circular{ transform: translateX(0%) rotate(0deg); opacity: 1;}

/*手机端样式*/
@media screen and (max-width: 800px){

.swiper-container {width: 100%;height: 580px;}
.swiper-wrapper {}
.swiper-slide{ position: relative; overflow: hidden;}
.swiper-slide .img_bg{ width: auto; height: 580px; max-width: inherit;}
.swiper-slide .img01_div{ width: 100vw; height: 580px; position: absolute; left: 0%; margin-left: 0px; top: 0px;}
.swiper-slide .img01_div .img01_png{ position: absolute; right: 16px; bottom:24px; top: inherit;}
.swiper-slide .img01_div .img01_png img{ height: auto; width: calc(100vw - 32px);}
.swiper-slide .img01_div .img01_text{ position: inherit; left: 16px; top:32px;}
.swiper-slide .img01_div .img01_text h2{ font-size: 32px;}
.swiper-slide .img01_div .img01_text p{ margin-top: 18px;}

.swiper-slide .img02_div{ width: 100vw; height: 580px; position: absolute; left: 0%; margin-left: 0px; top: 0px;}
.swiper-slide .img02_div .img02_png{ position: absolute; right: 16px; bottom:32px; top: inherit;}
.swiper-slide .img02_div .img02_png img{ height: auto; width: calc(100vw - 32px);}
.swiper-slide .img02_div .img02_text{ position: inherit; left: 16px; top:32px;}
.swiper-slide .img02_div .img02_text h2{ font-size: 32px;}
.swiper-slide .img02_div .img02_text p{ margin-top: 18px;}

.swiper-slide .img03_div{ width: 100vw; height: 580px; position: absolute; left: 0%; margin-left: 0px; top: 0px;}
.swiper-slide .img03_div .img03_png{ position: absolute; right: 16px; bottom:32px; top: inherit;}
.swiper-slide .img03_div .img03_png img{ height: auto; width: calc(100vw - 32px);}
.swiper-slide .img03_div .img03_text{ position: inherit; left: 16px; top:32px;}
.swiper-slide .img03_div .img03_text h2{ font-size: 32px;}
.swiper-slide .img03_div .img03_text p{ margin-top: 18px;}

.swiper-slide .img04_div{ width: 100vw; height: 580px; position: absolute; left: 0%; margin-left: 0px; top: 0px;}
.swiper-slide .img04_div .img04_png{ position: absolute; right: 15px; bottom:-135px; top: inherit;}
.swiper-slide .img04_div .img04_png img{ height: auto; width: calc(100vw - 32px);}
.swiper-slide .img04_div .img04_text{ position: inherit; left: 16px; top:32px;}
.swiper-slide .img04_div .img04_text h2{ font-size: 32px;}
.swiper-slide .img04_div .img04_text p{ margin-top: 18px;}
.swiper-slide .img04_div .imgban_div .img04_02 .liang { width: 8px; height: 60px; background: rgba(255,255,255,.3); position: absolute; top: 27%; left: 135px;}


.swiper-slide .img_video{width: 100%;height: 100%;  object-fit: fill}
.swiper-slide .img05_div{ width: 100vw; height: 580px; position: absolute; left: 0%; margin-left: 0px; top: 0px;}
.swiper-slide .img05_div .img05_png{  opacity: 0;}
.swiper-slide .img05_div .img05_01 img{     height: 60px; position: absolute; left: 200px; top: 230px;}
.swiper-slide .img05_div .img05_02 img{  position: absolute; left: 20px; top: 300px; height: 200px;}
.swiper-slide .img05_div .img05_text{ position: inherit; left: 16px; top:32px;}
.swiper-slide .img05_div .img05_text h2{ font-size: 32px;}
.swiper-slide .img05_div .img05_text p{ margin-top: 18px;}
.swiper-slide .img05_div .img05_text .text_con .text_con_img{ position: absolute; right: 0px; top: 400px;opacity: 0;}
.swiper-slide .img05_div .img05_text .text_con .text_con_img img{ width: 80px; }


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 8px;left: 0%;width: 100%;margin-left: 0px;text-align: center;padding-left: 0px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 4px 0;}
.swiper-pagination-bullet {width: 12px;height: 3px;}
.swiper-pagination-bullet-active:after{ width: 12px; height: 3px;}

.mw_service{ position: relative; z-index: 999; width: 100%; margin: 0px auto 0px;}
.mw_service:before{ display: none;}
.mw_service:after{ display: none;}
.mw_service .ul_service{ width: 100%; position: relative; bottom: 0px;}
.mw_service .ul_service li{ height: auto; background: rgba(0,0,0,0.8); flex-wrap: wrap;}
.mw_service .ul_service li .div_service{ width: 100%; padding: 30px; position: relative;}
.mw_service .ul_service li .div_service:after{ position: absolute; content:""; display:inline-block; width:12px; height:12px; border-width:0px 1px 1px 0px; border-color:#fff; border-style:solid; transform:rotate(45deg); right: 30px; top: 50%; margin-top: -6px; transition: all 0.5s;}
.mw_service .ul_service li .div_service_tc{ position: inherit; width: 100%; height: auto; background: rgba(0,0,0,0.2); top: 0px; left: 0px; display: none;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con{ padding: 16px 22px;}
.mw_service .ul_service li .div_service_tc .div_service_tc_con span{ width: calc(50% - 16px); padding: 12px 16px; margin: 8px; }
.mw_service .ul_service li .div_service_tc .div_service_tc_con a{ width: calc(50% - 16px); padding: 12px 16px; margin: 8px; }
.mw_service .ul_service li:nth-of-type(1) .div_service_tc{ top: 0px;}
.mw_service .ul_service li:nth-of-type(2) .div_service_tc{ top: 0px;}
.mw_service .ul_service li:nth-of-type(3) .div_service_tc{ top: 0px;}
.mw_service .ul_service li:nth-of-type(4) .div_service_tc{ top: 0px;}
.mw_service .ul_service li:hover{ background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mw_service .ul_service li:hover .div_service_tc{ display: none;}

.mw_service .ul_service li .div_service_jq:after{ transform:rotate(225deg); margin-top: -6px;}

.mw_strength{ display: flex; align-items: stretch; flex-wrap: wrap;}
.mw_strength li{ flex: inherit; width: 50%; height: 120px; background: rgba(0,0,0,0.8); border-right: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mw_strength li:nth-child(even){ border-right:none;}
.mw_strength li p u{ font-size: 18px;}
.mw_strength li p u:last-child{ text-indent: 0em;}
.mw_strength li:hover{ background: rgba(0,0,0,0.9);}

.hot_service{ background: #fff; width: 100%; max-width: 1920px; margin: 0 auto; padding: 30px 0px;}
.hot_service .ul_hot_ser{ width: 100%; flex-wrap: wrap; border-top: 1px solid #eeeeee;}
.hot_service .ul_hot_ser li{ width: calc(50% - 0px); padding: 40px 20px 20px; border: none; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background: #fff; min-height: 280px;}
.hot_service .ul_hot_ser li:nth-child(even){ border-right:none;}
.hot_service .ul_hot_ser li span{ bottom: 20px; left: 20px; width: calc(100% - 40px);}

.hot_service .ul_hot_ser li:hover{ border: 1px solid #ccc; transform: translateY(0px);}
.hot_service .ul_hot_ser li:hover h4 {transform: scaleY(0.7) translateY(-80%);}

.yuan_1{bottom: -200px;left: -100px;}
.yuan_1 .yuan_con{width: 300px;height: 300px;}
.yuan_2{top: -80px;left: -85px;}
.yuan_2 .yuan_con{ width: 160px; height: 160px;}
.yuan_3{bottom: -120px; right: -80px;}
.yuan_3 .yuan_con{width: 200px;height: 200px;}
.yuan_4{top: -160px;right: -110px;}
.yuan_4 .yuan_con{width: 300px;height: 300px;}


.div_title{ width: 100%; margin: 0 auto 30px;}
.div_title p{ font-size: 48px;}
.div_title h2{ font-size: 28px;}

.anli{ padding: 30px 0px;}

.anli .div_title{ width: 100%; margin: 0 auto 30px; }
.anli .div_title p{ font-size: 48px;}
.anli .div_title h2{ font-size: 28px;}

.anli .anli_con{ width: 100%; margin: 0px auto 30px; transform: translateY(0%); opacity: 1;}
.anli .anli_con .anli_con_l{ position: absolute; left: 16px; }
.anli .anli_con .anli_con_l h4{ font-size: 16px; margin-bottom: 8px;}
.anli .anli_con .anli_con_l h2{ font-size: 40px; margin-bottom: 30px;}
.anli .anli_con .anli_con_c:after{ background: rgba(23, 28, 97, 0.4); }
.anli .anli_con .anli_con_r h2{ font-size: 100px; }
.anli .anli_con .anli_con_r h4{ font-size: 16px; margin-top: 8px; margin-right: 16px;}

body{--pw:200px;}
.phone{ margin:30px 0px; transform: inherit; position: absolute;}
.anli_yd{ height: 180px; align-items: inherit;}
.anli_yd .phone:nth-of-type(2){ display: none;}

.anli .anli_con:hover .anli_con_c{ transform: translateX(20vw);}
.anli .anli_con:hover .anli_con_c:after{ background: rgba(23, 28, 97, 0.2);}

.advantage{ padding: 30px 0px;}

.advan_text{ width: 100%; margin: 20px auto 30px;}
.advan_text p{ padding:0px 30px;}

.advantage .ul_advan{ width: 100%; flex-wrap: wrap; }
.advantage .ul_advan li{ flex:inherit; background: #fff; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 30px 10px; width: 33.33%; box-sizing: border-box;}
.advantage .ul_advan li:nth-of-type(4){ width:50%; border-bottom: none;}
.advantage .ul_advan li:nth-of-type(5){ width:50%; border-bottom: none;}
.advantage .ul_advan li svg{ display:block; width: 48px; height: 48px; margin: 0 auto 24px;}
.advantage .ul_advan li svg path{ fill: #7c848e; transition: all 0.5s;}
.advantage .ul_advan li p{ text-align: center; font-size: 16px; color: #333; transition: all 0.5s;}

.advantage .ul_advan li:hover svg path{ fill:#e60012;}
.advantage .ul_advan li:hover p{ color: #e60012;}

.advan_partner .advan_partner_con .ul_advan_par{ display: flex; flex-wrap: wrap; justify-content: center;}
.advan_partner .advan_partner_con .ul_advan_par li{ width: 50%; margin: 30px 0px; box-sizing: border-box; padding: 0px 16px;}

.news{ height: calc(50vw);}
.news:after{ background: rgba(0,0,0,0.8);}
.news .div_title p{ -webkit-text-stroke: 1px #333; font-size: 60px;}
.news .div_title h2{ color: #eee; font-size: 40px; width: 100%;}

.news_con .news_info{ width: 100%; height: auto; margin: 0px auto 0px; display: block;}
.news_con .news_info .ul_news_type{ width: 100%; margin-right: 0px; display: flex; flex-wrap: inherit;}
.news_con .news_info .ul_news_type li{width:25%;border-right: 1px solid rgba(255, 255, 255, 0.2);border-bottom: none;}
.news_con .news_info .ul_news_type li a{ height: auto; display: block; padding:10px 10px;}
.news_con .news_info .ul_news_type li a svg{ margin-bottom: 8px;}

.news_con .news_info .ul_news_type .li_on:after{ position: absolute; content: ""; right: inherit; top: inherit; margin-top: 0px; margin-left: -8px; left: 50%; bottom: 0%; border:solid transparent; border-bottom-color:#f8f8f8; border-width:8px 8px;}

.news_con .news_info .ul_news_type li:hover:after{ position: absolute; content: ""; right: inherit; top: inherit; margin-top: 0px; margin-left: -8px; left: 50%; bottom: 0%; border:solid transparent; border-bottom-color:#f8f8f8; border-width:8px 8px;}

.news_con .news_info .news_big{ width: auto; display: block; margin: 20px;}

.news_con .news_info .news_list{ margin-top: 0px; margin-bottom: 20px; padding: 20px; width: 100%; box-sizing: border-box;}

.news_con .news_info .news_list .news_list_big{ width: auto; display: flex; align-items: flex-start; border-top: 2px solid #333; border-bottom: 1px solid #e2e2e2; padding: 15px 0px;}

.news_select{ position: absolute; left: 100%; top: 0px; transform: translateY(0px); padding: 0px 0px; flex-wrap: wrap;}
.news_select_on{ transform: translateY(0px); opacity: 1; position: relative; left: 0%;}

}