@charset "utf-8";
/* CSS Document */
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,em,strong,input { -webkit-text-size-adjust: none; font-family: "Arial Rounded MT Bold", Arial;}
body { min-width: 320px; font-size: 14px; margin:0; padding: 0px; background: #ffffff; color:#333333}
body,div,ul,li,ol,div,form,textarea,p,dd,dt,dl,fieldset,legend,iframe { margin: 0px; padding: 0px; border: none}
table,tbody,td { margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6 {margin: 0px;padding: 0px;text-rendering: optimizelegibility;}
li {list-style: none;vertical-align: bottom}
img,fieldset {border: none}
body a {outline: none;}
a,area {blr: expression(this.onFocus=this.blur())}
:focus {-moz-outline-style: none;}
.clear:after {content: '.';clear: both;display: block;height: 0;visibility: hidden}
.clear {zoom: 1;clear: both;display: block}
a:link,a:visited {text-decoration: none;}
a:hover,a:active {color: #cc0000;text-decoration: none;}
.auto-width {width: 100%;height: auto;}
.img-block {display: block;}
.img-middle {vertical-align: middle;}
.fl{ float:left !important}
.fr{ float:right !important}
/*html { scroll-behavior: smooth;}*/
.max_width{ overflow:hidden}
.banner{ position:relative; background:url(../images/float_01.png) no-repeat center top; padding-top:44.10%; background-size:100%;}
.nav_wk{ width:100%; position:fixed; top:0; left:0; z-index:99}
.nav_con{ width:1190px; margin:0 auto; height:99px; line-height:99px;}
.nav_con .logo{ float:left;margin: 15px 50px 0 0;}
.nav_con .nav_left a{ display:block; float:left; margin-right:50px; color:#ffffff; cursor:pointer; font-size:18px; }
.logo img{ width:96px;}
.nav_con .nav_left a:hover{ text-decoration:underline}
.nav_right{ float:right; margin-top:30px;}
.nav_right a{ float:left; display:block; width:32px; height:32px; margin-right:40px; transition:linear 0.2s all }
.nav_right a:hover{transform: scale(1.1)}
.nav_right a.nav_01{background:url(../images/nav1.png) no-repeat center; background-size:100%}
.nav_right a.nav_02{background:url(../images/nav2.png) no-repeat center; background-size:100%}
.nav_right a.nav_03{background:url(../images/nav3.png) no-repeat center; background-size:100%}
.nav_right a.nav_04{background:url(../images/nav4.png) no-repeat center; background-size:100%}
.nav_wk_on{ background:#ffffff; box-shadow:0 0 5px #eeeeee}
.nav_wk_on .nav_left a{color:#333333; }
.nav_wk_on .nav_left a:hover{ text-decoration:underline }
.nav_wk_on .nav_right a.nav_01{background: url(../images/navh_01.png) no-repeat center; background-size:100%}
.nav_wk_on .nav_right a.nav_02{background:url(../images/navh_02.png) no-repeat center; background-size:100%}
.nav_wk_on .nav_right a.nav_03{background:url(../images/navh_03.png) no-repeat center; background-size:100%}
.nav_wk_on .nav_right a.nav_04{background:url(../images/navh_04.png) no-repeat center; background-size:100%}
.bandw{ position:absolute;}
.bannertext{ position:absolute; width:26%; left:50%; margin-left:-13%; top:19%; z-index:3}
.banner01{ top:20%; left:20%; z-index:2; width:13%; }
.banner01 img,.banner02 img,.banner03 img,.banner04 img,.banner05 img{ width:100%}
.banner02{ top:16%; right:20%; z-index:2;width:10%; }
.banner03{ bottom:0; left:0; width:25%; }
.banner04{ bottom:0; right:0;width:25%;}
.banner03 img{animation:move01 18s linear infinite;}
.banner04 img{animation:move02 18s linear infinite;}
.banner05{ bottom:1%; left:50%; width:41%; margin-left:-20.5%}
.banner05 img{animation:move03 18s linear infinite;}
@keyframes move01
{
0 {transform:translateX(px)}
50%{transform:translateX(-50px)}
100%{transform:translateX(0px)}
}
@keyframes move02
{
0 {transform:translateX(px)}
50%{transform:translateX(50px)}
100%{transform:translateX(0px)}
}
@keyframes move03
{
0 {transform:translateY(px)}
50%{transform:translateY(-15px)}
100%{transform:translateY(0px)}
}
@keyframes move03a
{
0 {transform:translateY(px)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0px)}
}
.main02{ background: url(../images/float_02.png) no-repeat center top; width:100%; height:801px;position:relative;}
.main_con{ width:1100px; position:absolute; left:50%; top:10%; margin-left:-550px; z-index:3;display: flex; justify-content: space-between; align-items: center;}
.main_con03{ width:1050px; margin-left:-525px}
.main_con02{ width:1200px;}
.mian_left{ width:545px; float:left; }
.mian_left02{ width:545px}
.mian_right{ float:right; width:415px; height: auto; z-index:3}
.mian_right02{ width:586px; height:330px; border-radius:20px; overflow:hidden; position:relative;}
.video_btn{ position:absolute; top:50%; left:50%; background:url(../images/sp_07.png) no-repeat center; width:64px; height:64px; margin:-30px 0 0 -30px; cursor:pointer}
.table_list td{ padding:5px; overflow:hidden}
.mian_right02 video{ position:absolute; left:0; top:0; z-index:2;border-radius:20px; width:100%;}
.video_img{ z-index:3; position:absolute; left:0; top:0; width:100%; height:100%}
.video_img img{ width:100%; height:100%; border-radius:20px}
.text01{ font-size:44px; margin-top:10px;}
.text02{ font-size:18px; line-height:28px; }
.text02 p{ margin-top:20px; font-family:Arial}
.mian_right .swiper-container {width: 100%; height:100%; overflow:hidden; border-radius:30px; border:8px solid #fff; box-sizing:border-box}
.float01{ position:absolute; right:167px; bottom:0%; width:11%}
.float01 img{animation:move03 10s ease-in-out infinite;}
.float02{position:absolute; bottom:5%}
.float02 img{animation:move05 3s linear infinite;}
.float03{position:absolute; bottom:15%; left:0; width:18%}
.float03 img{ animation:move01 12s linear infinite;}
.float04{position:absolute; bottom:0; left:10px; width:8%}
.float04 img{ animation:move03 12s linear infinite;}
.float05{position:absolute; top:31%; left:0; width:24%}
.float05 img{ animation:move03 12s linear infinite;}
.float06{position:absolute; top:15%; right:0; width:19%}
.float06 img{ animation:move03 12s linear infinite;}
.float07{position:absolute; bottom:25%; right:0; width:16%}
.float07 img{ animation:move03 12s linear infinite;}
.btm0{ bottom:0}
.float08{position:absolute; top:50%; left:0; width:14.5%}
.float08 img{ animation:move01 12s linear infinite;}
.float09{position:absolute; top:35%; right:0; width:14.7%}
.float09 img{ animation:move02 12s linear infinite;}
.float10 {position:absolute; bottom:15%; right:0; width:8%}
.float10 img{ animation:move03 12s linear infinite;}
.float12 {position:absolute; top:35%; left:0; width:23.5%}
.float12 img{ animation:move03 12s linear infinite;}
.float13 {position:absolute; bottom:15%; right:0; width:19%}
.float13 img{ animation:move03 12s linear infinite;}
.main06{ width:100%; background:url(../images/bg05_02.png) no-repeat center; height:545px; margin-top:90px}
.text_center{ text-align:center; color:#fff; padding-top:125px;}
.text_center .text03{ font-size:44px; }
.text_center .text04{ font-size:24px; line-height:1.5em; margin-top:40px;}
.text_center .text04 a{ color:#fff; text-decoration:underline}
.text_center .link_icon{ float:none; margin:40px auto; display:table}
.text_center .link_icon a{ width:48px; height:48px; margin-right:100px;}
.text_center .link_icon a:last-child{ margin-right:0}
.main{ position:relative; height:520px; }
.main03{ position:relative; height:700px; background:url(../images/bg3.png) no-repeat center bottom;}
.mian_right03{ overflow:hidden; width:580px;}
.con{ width:1200px; margin:0 auto; position:relative; z-index:2}
.main04{ background:#e5f5ff url(../images/bg4.png) no-repeat center bottom; padding-bottom:170px; overflow:hidden; position:relative}
.main05{ overflow:hidden; position:relative}
.con_title{ width:350px; text-align:center; background:url(../images/title.png) no-repeat center top; height:158px; font-size:44px; margin:0 auto; padding-top:75px; box-sizing:border-box; margin-top:50px; background-size:100%}
.con_title02{background: url(../images/title02.png) no-repeat center top; background-size:100%}
.text_con{ margin:90px 120px; border-left:1px solid #bce4fc;; box-sizing:border-box; padding-left:95px;}
.text_title{ position:relative; font-size:30px; margin-top:70px;}
.text_title .text_btn{ position:absolute; left:-160px; top:-6px; width:130px; height:52px; line-height:52px; text-align:center; font-size:20px; background:#bce4fc; border-radius:35px;}
.text_list p{ font-size:18px; line-height:28px; margin-top:20px; font-family:Arial}
.text_con .text_titleļ¼first-child{ margin-top:0;}
.bottom_btn{ margin:0 auto 50px auto; display:table; position:relative; z-index:2}
.bottom_btn a{ display:block; width:340px; height:84px; border-radius:40px; line-height:84px; color:#fff; font-size:24px; font-weight:bold; float:left; margin-right:30px; text-align:center}
.bottom_btn a span{ transition:linear 0.2s all; display:inline-block}
.bottom_btn a:hover span{transform: scale(1.1);}
.bottom_btn a img{ vertical-align:middle; margin-right:10px; margin-top:-5px;}
.bottom_btn a:last-chlid{ margin-right:0}
.bottom_btn a.color_purple{ background:#8697d3}
.bottom_btn a.color_blue{ background:#2ca7e0}
.bottom_btn a.color_red{ background:#ff5e71}
.team_list{ width:1000px; margin:0 auto;}
.team_list ul li{ float:left; margin-right:45px; text-align:center; margin-top:50px;}
.team_list ul li img{ border-radius:20px;}
.team_list ul li p{ line-height:1.3em; font-size:20px; margin-top:15px;}
.team_list ul li:nth-child(3){ margin-right:0}
.team_list ul li:last-child{ margin-right:0}
.main07{ background:#daf1ff; position:relative; overflow:hidden; padding-top:20px;}
.question_con{ width:1000px; margin:50px auto; position:relative; z-index:2}
.question_con .question_list{ position: relative; margin-bottom: 32px; padding: 40px; border: 3px solid #333333; border-radius: 50px; background-color: #fff; letter-spacing: 0.2px; cursor: pointer;}
.float11{ position:absolute; top:-99px; left:50px}
.question_icon{ background:url(../images/jia.png) no-repeat center; width:24px; height:24px; position:absolute; right:45px; transition:linear 0.2s all;}
.question_icon_h{ transform:rotate(45deg);}
.question_01{ font-size: 26px; font-weight:bold;line-height: 1em; }
.question_02{font-size: 20px; margin-top:20px; line-height: 34px; font-family:Arial; display:none}
.question_02 p{ margin-top:20px; font-family:Arial;}
.foot{ background:#bce4fc url(../images/bg06.png) no-repeat center top; text-align:center; height:400px; overflow:hidden}
.foot .link_icon_btm{ display:table; margin:240px auto 0 auto; float:none}
.foot .link_icon_btm a.nav_01{background: url(../images/navh_01.png) no-repeat center; background-size:100%}
.foot .link_icon_btm a.nav_02{background:url(../images/navh_02.png) no-repeat center; background-size:100%}
.foot .link_icon_btm a.nav_03{background:url(../images/navh_03.png) no-repeat center; background-size:100%}
.foot .link_icon_btm a.nav_04{background:url(../images/navh_04.png) no-repeat center; background-size:100%; margin-right:0}
.foot p{ font-size:20px; margin-top:20px;}
@keyframes move04
{
0 {transform: scale(1);}
50%{transform: scale(0.85)}
100%{transform: scale(1)}
}
@keyframes move05
{
0 {transform: rotate(0);}
25%{transform: rotate(3deg)}
50%{transform: rotate(0deg)}
75%{transform: rotate(-3deg)}
100%{transform: rotate(0)}
}
@keyframes lightning-anim {
0%{
opacity:0;
}
5% {
opacity:1;
}
10% {
opacity:0;
}
15% {
opacity:1;
}
100% {
opacity:0;
}
}
.list_nav{ width:100%; box-sizing:border-box}
.list_nav .nav_all{ width:30%; float:left;margin-left:2.5%;align-items:center; height: auto; position:relative}
.list_nav .nav_all .navwk{ position:absolute; width:100%; top:31%; left:0}
.list_nav .nav_all .navwk a{ display:block; width:80%; margin:0 auto; margin-top:2%; height:30px; line-height:28px; background:url(https://img02.exam8.com/imgzt/hd20220110/images/anniu.png) no-repeat center; background-size:100% 30px; text-align:center; font-size:14px; font-weight:bold}
.list_nav .nav_all .navwk a span{background: linear-gradient(to top, #e50000, #ff7733); letter-spacing:1; -webkit-background-clip: text; color: transparent;}
.chouqian{ width:80%; top:0; left:10%}
.chouqian ul li{ width:29.5%; float:left; margin-left:3%}
.huyun{ left:0; top:0; width:100%}
.huyun .huyun_con { clear:both; margin:0 auto; width:90%;}
.huyun .huyun_con a{ display:block; position:relative; float:left; width:33.3%}
.huyun .huyun_con a .laohu{ position:absolute; width:60%; bottom:30%; left:20%;/* animation: move04 2s linear infinite;*/}
.huyun .huyun_con a .laohu.laohu02{/* animation: move04 2s linear infinite; animation-delay:1s;*/}
.zt_title{ position:relative}
.zt_title .d_tit{ width:20%; top:7%; animation:mymove4 1.6s linear infinite;}
.d_tit01{left:12%;}
.d_tit02{right:13%;animation-delay:1s;}
.top01{ top:20% !important}
.top02{ top:12% !important}
@keyframes mymove4
{
0 {transform: scale(1); opacity:1}
50% {transform: scale(1.3); opacity:0.5}
75%{ransform: scale(0.7); opacity:0}
100%{transform: scale(1); opacity:1}
}
.list_km{ width:90%; left:5%; top:0;height:100%; }
.list_km a{ display:block; width:26%; height:100%; float:left; margin-left:5%; }
.list_km02{ width:62%; right:9%; left:auto}
.list_km02 a{ margin-left:3%}
.kebtn{ width:46%; right:3%;height:100%; top:0}
.kebtn a{ display:block; width:45%; height:100%; float:left}
@media (max-width: 1920px) {
.text01{ font-size:38px}
.text02{ font-size:18px}
.float01{ right:0}
.float02{ left:170px; }
}
@media (max-width: 1900px) {.float02{ left:170px; bottom:10%} .btm0{ bottom:2%}}
@media (min-width: 1921px) {
.float02{ left:170px}
.float04{ left:226px;}
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
.list_nav .nav_all .navwk{ top:29%;}
}
@media (max-width: 1200px) {
.nav_con{ height:62px; line-height:62px;}
.nav_con,.main_con02,.con,.team_list,.question_con{ width:100%}
.nav_con .nav_left a,.nav_right a{ margin-right:30px}
.main_con03,.main_con{ width:100%; left:0;margin-left: 0; padding:0 3%; box-sizing:border-box; display: flex; justify-content: space-between; align-items: center;}
.main_con{}
.text02,.text_list p,.question_02{ font-size:15px; line-height:26px}
.text02 p,.text_list p,.question_02 p{ margin-top:15px}
.text01,.text_title,.text01,.team_list ul li p,.question_01{ font-size:20px}
.mian_left{ width:52%}
.mian_right{ width:42%}
.swiper-slide img{ width:100%}
.nav_con .logo{ margin: 5px 30px 0 10px;}
.logo img{ width:80px}
.nav_right{ margin-top:18px}
.main02 {background:#daf1ff url(../images/float_02a.png) no-repeat center bottom; margin-top:-1px; height:670px;}
.mian_right02{ width: 43%;padding-top: 24%; height:auto !important}
.main{ height:430px;}
.table_list img{ width:100%}
.table_list{ width:100%}
.mian_right03 { width:45%}
.top0{ top:0}
.main03{ height:580px}
.text_con{ margin:80px; padding-left:80px;}
.con_title{ height:auto; width:280px; font-size:34px; margin-top:20px; padding-top:65px;}
.text_title .text_btn{ width:100px; height:42px; line-height:42px; font-size:16px;left: -130px; top:-9px;}
.bottom_btn{ width:92%;}
.bottom_btn a{ width:32%; margin-right:2%; height:60px; line-height:60px; font-size:18px;}
.bottom_btn a:last-child{ margin-right:0}
.bottom_btn a img{ width:26px; margin-right:5px}
.bottom_btn a.color_blue img{ margin-right:8px}
.team_list{ margin-top:10px;}
.team_list,.question_con{ padding:0 3%; box-sizing:border-box}
.team_list ul li{ width:31%; margin-right:3.5%;}
.team_list ul li:last-child{ margin-right:0}
.team_list ul li img{ width:100%}
.text_center .text03{ font-size:34px;}
.text_center .text04{ font-size:20px}
.question_con .question_list{ padding:30px 50px 30px 40px;}
.question_icon{ right:35px;}
.question_02{ line-height:28px}
.float11{top: -84px; width: 90px;}
.bannertext{ top:22%;}
.nav_right a{ width:26px}
.float06 {top: 20%; right: -5%;}
.float05{ top:36%; left:-5%}
.float07{bottom: 30%; right: -4%;}
.banner05{ bottom:-3%}
}
@media (max-width: 768px) {
.text02,.text_list p,.question_02{ font-size:14px; line-height:24px}
.banner{ background-size:127%; padding-top:53%}
.banner03{ bottom:-5%}
.banner05{ bottom:-4%}
.banner04{ bottom:-3.5%}
.bannertext{ top:25%}
.main02{height:590px;}
}