/*===================CSS Reset============================*/
@font-face{ font-family: fontM; src: url('../font/GenJyuuGothic-Medium.ttf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #333; font: 16px fontM,"微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
body{ background: #FAFBFF;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 600ms; -webkit-transition: all ease 600ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1440px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.color-f{ color: #fff !important;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-b{ color: #5D99F2 !important;}
.bg-f{ background: #fff;}
.dong{ transition: all ease 600ms; -webkit-transition: all ease 600ms;}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

@-webkit-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@-moz-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@-o-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}

@keyframes show1{ 0%{ opacity: 0;} 50%{ opacity: .5;} 100%{ opacity: 1;}}
@-webkit-keyframes show1{ 0%{ opacity: 0;} 50%{ opacity: .5;} 100%{ opacity: 1;}}
@-moz-keyframes show1{ 0%{ opacity: 0;} 50%{ opacity: .5;} 100%{ opacity: 1;}}

/*============================ Header ============================*/
.header{ width: 100%; padding-top: 10px; position: fixed; top: 0; left: 0; z-index: 999;}
.header .wrap{ width: 1600px; padding: 20px 40px 0;}
.header .logo{ display: block; width: 190px;}
.header .logo img{ width: 100%;}

.navbar_nav li{ float: left; position: relative; margin: 7px 0 0 60px; padding-bottom: 10px;}
.navbar_nav li a{ display: block; height: 40px; padding: 8px 0 0 10px; background-position: top left; background-repeat: no-repeat; background-size: 30px;}
.navbar_nav li.last{ margin-top: 3px;}
.navbar_nav li.last a{ color: #6B9ADD; background: #fff; border-radius: 20px; padding: 0 30px; line-height: 40px; box-shadow: 0 2px 8px 0 rgba(0,52,173,.07);}
.navbar_nav li:hover a,.navbar_nav li.slt a{ color: #6B9ADD; background-image: url(../images/navBg.svg);}
.navbar_nav li.last:hover a{ color: #fff; background: #4F8CF3;}
.navbar_nav li.dropdown{ display: inherit; position: relative; z-index: 99;}
.navbar_nav li.dropdown .dropdown_menu{ display: none; width: 120px; padding: 20px 10px; position: absolute; top: 50px; left: -20px; border-radius: 17px; box-shadow: 0 6px 16px 0px rgba(0,0,0,.04);}
.navbar_nav li.dropdown .dropdown_menu a{ display: inline-block; color: #333; font-size: 14px; height: auto; background-size: 25px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color: #6B9ADD;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display: block;}

.header.on .wrap{ height: 80px; padding-top: 18px; box-shadow: 0 11px 17px 0 rgba(0,0,0,.06); background: rgba(255,255,255,.6); border-radius: 50px; -webkit-backdrop-filter: saturate(1.8) blur(20px); backdrop-filter: saturate(1.8) blur(20px);}

#navToggle,.m_nav{ display: none;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 100%; height: 100%; z-index: 9999; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .5s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateY(-100%);}
.m_nav.open{ transform: translateY(0);}
.m_nav .top{ padding: 10px 5px 0 10px; box-sizing: border-box;}
.m_nav .top .logo{ width: 160px; margin-top: 5px;}
.m_nav .top .closed{ width: 56px; height: 56px; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin: 20px 0;}
.m_nav .ul li{ padding: 20px 10px;}
.m_nav .ul li a{ display: inline-block; text-decoration: none; color: #4F8CF3; font-size: 16px; padding: 10px 0 0 4px;}
.m_nav .ul li.slt a{ background: url(../images/navBg.svg) top left no-repeat; background-size: 30px;}
.m_nav .ul li .dropdown_menu{ display: none; padding: 10px 0 0;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block;}
.m_nav .ul li.dropdown{ background: url(../images/navM.png) 96% 46px no-repeat; background-size: 20px;}
.m_nav .ul li .dropdown_menu a{ display: block; width: 100%; padding: 10px 10px 0; background: none; box-sizing: border-box;}
.m_nav .ul li.last a{ display: inline-flex; justify-content: center; align-items: center; height: 40px; color: #fff; padding: 0 40px; background: linear-gradient(135deg, #FCCC3E 0%, #F53BB0 100%); box-shadow: 0 5px 26px 0 rgba(255,137,137,0.28); border-radius: 30px;}

/*============================ Footer ============================*/
.footer{ font-size: 14px; background: url(../images/footBg.svg) center top no-repeat; background-size: cover; position: relative; padding: 240px 0 20px;}
.footer .bg{ width: 360px; position: absolute; top: 0; right: 10%; z-index: 1;}
.footer .bg img{ width: 100%; cursor: pointer; animation: upDpwn 2s infinite;}
.footer .l{ width: 170px;}
.footer .l img{ width: 100%;}
.footer .r a{ display: inline-block; color: #fff; margin: 130px 0 0 70px; background-position: top left; background-repeat: no-repeat; background-size: 25px; padding: 6px 0 0 8px;}
.footer .r a:hover{ background-image: url(../images/foot2.png);}
.footer .line{ width: 90%; height: 2px; margin: 30px 5% 20px; background: rgba(255,255,255,.3);}
.footer .copy{ line-height: 26px;}
.footer .copy a{ display: inline-block; color: #fff; margin: 0 10px;}
.footer .copy a:hover{ text-decoration: underline;}

/*============================ Index ============================*/
.ixPart1{ padding-top: 200px; position: relative;}
.ixPart1 .wrap{ width: 1300px; position: relative; z-index: 9;}
.ixPart1 .left .t1{ color: #4F8CF3; margin-top: 40px;}
.ixPart1 .left .t1 em{ display: block; font-size: 40px;}
.ixPart1 .left .t1 span{ display: block; font-size: 28px;}
.ixPart1 .left .t2 a{ display: flex; justify-content: center; align-items: center; float: left; width: 180px; height: 56px; color: #fff; margin: 70px 50px 0 0; border-radius: 30px; position: relative;}
.ixPart1 .left .t2 a em{ display: inline-block; padding-left: 30px; background-position: center left; background-repeat: no-repeat; background-size: auto 23px;}
.ixPart1 .left .t2 a.icon1 em{ background-image: url(../images/ios.png);}
.ixPart1 .left .t2 a.icon2 em{ background-image: url(../images/android.png);}
.ixPart1 .left .t2 a.icon1{ background: linear-gradient(135deg, #FCCC3E 0%, #F53BB0 100%); box-shadow: 0 2px 8px 0 rgba(255,137,137,0.28);}
.ixPart1 .left .t2 a.icon2{ background: #072D73;}
.ixPart1 .left .t2 a span{ display: none; width: 180px; padding: 20px; background: #072D73; border-radius: 30px; position: absolute; top: 80px; left: 0; animation: 250ms show1 ease-in; -webkit-animation: 250ms show1 ease-in;-moz-animation: 250ms show1 ease-in;}
.ixPart1 .left .t2 a.icon1 span{ background: linear-gradient(135deg, #FCCC3E 0%, #F53BB0 100%);}
.ixPart1 .left .t2 a span img{ width: 100%;}
.ixPart1 .left .t2 a:hover{ margin-top: 60px;}
.ixPart1 .left .t2 a:hover span{ display: block;}
.ixPart1 .right img{ width: 100%;}
.ixPart1 .bg1{ width: 120%; position: absolute; top: -180px; left: -100px; z-index: 1;}
.ixPart1 .bg1 img{ width: 100%;}
.ixPart1 .bg2{ width: 60%; height: 70%; background: linear-gradient(90deg,#fafbff 0%,#ebf3fe 100%); position: absolute; top: 0; right: 0;}
.ixPart1 .shuB{ width: 22px; position: absolute; left: 50%; margin: 50px 0 0 -11px;}
.ixPart1 .shuB img{ width: 100%; animation: upDpwn 2s infinite;}

.ixTit{ padding: 100px 0; position: relative; z-index: 1;}
.ixTit span{ display: inline-block;}
.ixTit span p{ font-size: 22px; background: url(../images/titBg.svg) top left no-repeat; background-size: 50px; padding: 20px 0 0 22px; text-align: left;}

.ixPart2{ padding-top: 100px; position: relative;}
.ixPart2 .part{ position: relative; padding-bottom: 160px;}
.ixPart2 .part .bg1 img,.ixPart2 .part .bg2 img,.ixPart2 .part .bg3 img,.ixPart2 .part .bg4 img,.ixPart2 .part .bg5 img{ width: 100%;}
.ixPart2 .part .bg1,.ixPart2 .part .bg2,.ixPart2 .part .bg3,.ixPart2 .part .bg4,.ixPart2 .part .bg5{ position: absolute;}
.ixPart2 .part .bg1{ width: 310px; bottom: 0; left: 14%;}
.ixPart2 .part .bg2{ width: 100%; top: 0; left: 0;}
.ixPart2 .part .bg2 img{ height: 120%;}
.ixPart2 .part .bg3{ width: 310px; bottom: 2%; left: 3%;}
.ixPart2 .part .bg4{ width: 340px; top: 0; left: 5%; z-index: 99;}
.ixPart2 .part .bg5{ width: 310px; bottom: 0; right: 10%;}
.ixPart2 .part .left,.ixPart2 .part .right{ margin: 0 40px; line-height: 30px;}
.ixPart2 .part .left img,.ixPart2 .part .left video{ width: 100%;}
.ixPart2 .part .right{ padding: 0 40px;}
.ixPart2 .part .right span{ display: block; font-size: 22px; margin: 70px 0 0;}
.ixPart2 .part .right em{ display: block; margin: 30px 0 20px;}
.ixPart2 .part .right p{ font-size: 14px;}

.ixPart3{ padding-bottom: 50px; position: relative;}
.ixPart3 .bg1{ width: 226px; position: absolute; bottom: 10%; left: 10%;}
.ixPart3 .bg1 img{ width: 100%;}
.ixPart3 .part{ background: url(../images/ixImg2_9.png) center no-repeat; background-size: 100%; padding: 0 40px;}
.ixPart3 .part .box{ margin: 20px; border-radius: 30px; transform:skewY(4deg); padding: 70px 25px 50px;}
.ixPart3 .part .box .b{ transform:skewY(-4deg);}
.ixPart3 .part .box .img{ display: flex; justify-content: center; align-items: center; width: 108px; height: 108px; position: relative;}
.ixPart3 .part .box .img .t{ max-width: 80%; position: relative; z-index: 1;}
.ixPart3 .part .box .img .icon{ width: 110px; height: 110px; border-radius: 30px; background: linear-gradient(135deg, #F9FAFF 0%, #F1F4FF 100%); position: absolute; top: 0; left: 0;}
.ixPart3 .part .box .img .icon img{ position: absolute; opacity: 0;}
.ixPart3 .part .box .img .icon .i1{ top: 15px; left: 14px;}
.ixPart3 .part .box .img .icon .i2{ top: 8px; right: 20px;}
.ixPart3 .part .box .img .icon .i3{ bottom: 15px; right: 15px;}
.ixPart3 .part .box .img .icon .i4{ bottom: 10px; left: 20px;}
.ixPart3 .part .box p{ font-size: 16px; margin: 30px 0 20px;}
.ixPart3 .part .box span{ display: block; font-size: 14px; line-height: 26px;}
.ixPart3 .part .box:hover{ margin-top: 0;}
.ixPart3 .part .box:hover .icon{ transform: rotate(70deg);}
.ixPart3 .part .box:hover .icon img{ opacity: 1;}

.ixPart4{ padding: 150px 0 288px; position: relative;}
.ixPart4 .bg1,.ixPart4 .bg2{ position: absolute;}
.ixPart4 .bg1 img,.ixPart4 .bg2 img{ width: 100%;}
.ixPart4 .bg1{ top: 0; right: 40px;}
.ixPart4 .bg2{ bottom: 0; left: 6%;}
.ixPart4 .part{ width: 17%; margin: 0 1.5% 20px; position: relative;}
.ixPart4 .part .box{ height: 340px; border-radius: 18px; padding: 30px 15px 0; position: relative;}
.ixPart4 .part .tip{ width: 45px; position: absolute; top: 0; right: 15px; cursor: pointer;}
.ixPart4 .part .tip img{ width: 100%;}
.ixPart4 .part .box .img{ width: 150px; height: 130px; position: relative;}
.ixPart4 .part .box .img .t{ position: absolute; top: 20px; right: 0; z-index: 1;}
.ixPart4 .part .box .img .b{ position: absolute; top: 0; left: 0;}
.ixPart4 .part .box .txt{ font-size: 26px;}
.ixPart4 .part .box .txt em{ font-size: 18px;}
.ixPart4 .part .info{ width: 100%; font-size: 12px; position: absolute; bottom: 20px; left: 0; padding: 0 15px;}
.ixPart4 .part .info a,.ixPart4 .part .info em{ display: inline-block;}
.ixPart4 .part .info .an{ width: 80px; color: #5C80FF; line-height: 30px; text-align: center; background: #E7F0FF; border-radius: 15px; margin-bottom: 6px;}
.ixPart4 .part .info .an:hover{ color: #fff; background: #5C80FF;}
.ixPart4 .part .box:hover .img .b{ transform: rotate(70deg);}
.ixPart4 .part .pop{ display: none; width: 100%; height: 100%; padding: 90px 25px 0; background: linear-gradient(292deg, #9A88F8 0%, #D288FE 100%); border-radius: 18px; position: absolute; top: 0; left: 0; z-index: 1;}
.ixPart4 .part .pop .ewmDiv{ position: relative;}
.ixPart4 .part .pop .ewmDiv img{ width: 100%; cursor: pointer;}
.ixPart4 .part .pop .ewmDiv .img1,.ixPart4 .part .pop .ewmDiv .img2{ display: block; position: absolute; background: #fff; border-radius: 22px; padding: 20px; box-shadow: 0 4px 20px rgba(0,0,0,.2);}
.ixPart4 .part .pop .ewmDiv .img1{ width: 150px; left: 0; top: 5px;}
.ixPart4 .part .pop .ewmDiv .img2{ width: 160px; right: 0; top: 0; z-index: 1;}
.ixPart4 .part .pop .info p{ width: 100%; position: relative;}
.ixPart4 .part .pop .info p .b{ position: absolute; bottom: 0; right: 0; display: none;}
.ixPart4 .part .pop .info .an{ width: 100px; color: #BE8EFC; background: #fff;}

.ixPart5 .ixTit{ padding: 0 0 40px;}
.ixPart5 .cont{ background: url(../images/ixImg4_4.png) center top no-repeat; background-size: 100%; padding: 180px 200px 120px 0;}
.ixPart5 .part{ padding: 20px 80px 0 0; position: relative;}
.ixPart5 .part .bg{ width: 540px; position: absolute; top: 0; right: 0; z-index: 2;}
.ixPart5 .part .bg img{ width: 100%;}
.ixPart5 .part .box{ border-radius: 33px; padding: 30px 30px 40px;}
.ixPart5 .part .box .txt1{ font-size: 12px; color: #4E7CF0; line-height: 26px; margin-bottom: 20px;}
.ixPart5 .part .box .txt1 span{ display: block; font-size: 20px;}
.ixPart5 .part .box .txt2 .inp{ width: 360px; height: 40px; color: #333; line-height: 40px; padding: 0 20px; border: 2px solid #E4E4E4; border-radius: 20px;}
.ixPart5 .part .box .txt2 .nex,.ixPart5 .part .box .txt3 .tj{ width: 80px; height: 40px; font-size: 0; margin-left: 30px; background: url(../images/ixImg4_2.svg) center no-repeat #4D56E9; background-size: 27px; border-radius: 20px;}
.ixPart5 .part .box .txt3 textarea{ width: 360px; height: 130px; color: #333; padding: 10px 20px; border-radius: 30px; border: 2px solid #e4e4e4; resize: none;}
.ixPart5 .part .box .txt3 .tj{ background-image: url(../images/ixImg4_3.svg); margin-top: 90px;}
.ixPart5 .part #lyPop{ display: none; position: absolute; top: 20px; left: 0; z-index: 1;}

/*============================ Others ============================*/
.zsPart1{ position: relative; padding: 260px 0 0;}
.zsPart1 .bg1{ width: 90%; position: absolute; top: -300px; left: -140px;}
.zsPart1 .bg1 img,.zsPart1 .bg2 img{ width: 100%;}
.zsPart1 .bg2{ width: 120%; position: absolute; top: -290px; left: -70px; z-index: 1;}
.zsPart1 .left{ position: relative; padding-bottom: 100px; z-index: 9;}
.zsPart1 .left .xt{ width: 40%; position: absolute; bottom: 14%; right: 14%; z-index: 1;}
.zsPart1 .left .dt{ width: 100%;}
.zsPart1 .right{ font-size: 23px; color: #6E80EF; position: relative; z-index: 9;}
.zsPart1 .right em{ display: block; font-size: 48px; margin-top: 360px;}
.zsPart1 .right span{ display: block; font-size: 69px; margin-top: 40px;}

.zsPart2{ background: url(../images/zsImg3.png) center no-repeat; background-size: 80%;}
.zsPart2 .bg6 img,.zsPart2 .bg7 img,.zsPart2 .bg8 img{ width: 100%;}
.zsPart2 .bg6{ width: 260px; position: absolute; top: 10%; left: 0;}
.zsPart2 .bg7{ width: 260px; position: absolute; top: 5%; right: 12%; z-index: 1;}
.zsPart2 .bg8{ width: 200px; position: absolute; top: 20%; left: 0;}
.zsPart2 .right.mt{ margin-top: 200px;}
.zsPart2 .left.sp{ position: relative; padding: 50px 0 60px 50px;}
.zsPart2 .left.sp video{ border-radius: 40px; position: relative; z-index: 1;}
.zsPart2 .left.sp .img1,.zsPart2 .left.sp .img2{ width: 100%; position: absolute;}
.zsPart2 .left.sp .img1 img,.zsPart2 .left.sp .img2 img{ width: 100%; height: 100%;}
.zsPart2 .left.sp .img1{ width: 40%; bottom: 0; right: 0; z-index: 2;}
.zsPart2 .left.sp .img2{ width: 100%; height: 100%; top: 0; left: 0;}

.ixPart2 .left.zs{ width: 76%; float: right; position: relative;}
.ixPart2 .left.zs .img1,.ixPart2 .left.zs .img2,.ixPart2 .left.zs .img3,.ixPart2 .left.zs .img4{ width: 45%; position: absolute; top: 0;}
.ixPart2 .left.zs .img1 img,.ixPart2 .left.zs .img2 img,.ixPart2 .left.zs .img3 img,.ixPart2 .left.zs .img4 img{ width: 100%;}
.ixPart2 .left.zs .img1{ left: 0; z-index: 1;}
.ixPart2 .left.zs .img2{ top: 120px; left: 24%; z-index: 2;}
.ixPart2 .left.zs .img3{ top: 40px; right: 0; z-index: 3;}
.ixPart2 .left.zs .img4{ width: 100%;}

.gyPart1{ position: relative; padding-top: 280px;}
.gyPart1 .bg1{ width: 100%; position: absolute; top: 0; left: 0;}
.gyPart1 .bg1 img{ width: 100%;}
.gyPart1 .part1{ line-height: 30px; margin: 50px 50px 0 0;}
.gyPart1 .part1 .t1{ font-size: 20px;}
.gyPart1 .part1 .t2{ font-size: 18px; padding: 30px 0 20px;}
.gyPart1 .part1 .t3{ font-size: 12px; margin-bottom: 40px;}
.gyPart1 .part1 .t4 a{ display: block; float: left; width: 150px; color: #fff; text-align: center; line-height: 56px; background: linear-gradient(135deg, #4FA9F8 0%, #4D56E9 100%); border-radius: 30px; margin-right: 30px;}
.gyPart1 .part1 .t4 em{ display: block; float: left; width: 56px; height: 56px; font-size: 0; background: url(../images/gyImg5.svg) center no-repeat; background-size: contain; cursor: pointer;}
.gyPart1 .part2{ position: relative; padding-bottom: 80px;}
.gyPart1 .part2 .img{ width: 80%; height: 400px; margin-right: 30px; border-radius: 80px 80px 80px 0;}
.gyPart1 .part2 img{ width: 100%;}
.gyPart1 .part2 .top{ width: 90%; position: absolute; right: 0; bottom: 0; z-index: 1;}

#popBg{ display: none; width: 100%; height: 100%; background: rgba(255,255,255,.8); position: fixed; top: 0; left: 0; z-index: 9999;}
#popSp{ display: none; width: 1100px; height: 660px; position: fixed; top: 50%; left: 50%; margin: -330px 0 0 -550px; z-index: 99999;}
#popSp .gb,.popZj .gb{ display: block; width: 70px; height: 70px; font-size: 0; background: url(../images/popGb.png) center no-repeat; background-size: contain; position: absolute; top: 40px; right: 40px; z-index: 9;}
#popSp video{ width: 100%; border-radius: 60px;}

.gyPart2{ position: relative;}
.gyPart2 .bg2 img,.gyPart2 .bg3 img{ width: 100%;}
.gyPart2 .bg2{ width: 340px; position: absolute; top: 30%; left: -100px;}
.gyPart2 .bg3{ width: 400px; position: absolute; bottom: 0; left: 7%;}
.gyPart2 .part3{ position: relative;}
.gyPart2 .part3 img{ width: 100%;}
.gyPart2 .zjTit span{ display: block; width: 20px; height: 25px; font-size: 0; background: url(../images/gyImg3.png) no-repeat; background-size: contain; position: absolute; right: 0; z-index: 1; cursor: pointer;}
.gyPart2 .zjTit span.wz1{ bottom: 17%; right: 26%;}
.gyPart2 .zjTit span.wz2{ top: 38%; right: 18%;}
.gyPart2 .zjTit span.wz3{ top: 48%; right: 31%;}
.gyPart2 .zjTit span.wz4{ top: 50%; right: 36%;}
.gyPart2 .zjTit span.wz5{ bottom: 34%; right: 23%;}
.gyPart2 .zjTit span.wz6{ top: 55%; right: 48%;}
.gyPart2 .zjTit span.wz7{ bottom: 30%; right: 34%;}
.gyPart2 .zjTit span.wz8{ bottom: 27%; right: 43%;}
.gyPart2 .zjTit span.wz9{ bottom: 22%; right: 36%;}
.gyPart2 .zjTit span.wz10{ bottom: 11%; right: 34%;}
.gyPart2 .zjTit span.a{ background-image: url(../images/gyImg4.png);}
.gyPart2 .part4{ font-size: 14px; line-height: 24px; padding: 320px 100px 0 0;}
.gyPart2 .zjCon{ display: none;}
.gyPart2 .zjCon .txt1{ border-radius: 30px; padding: 20px;}
.gyPart2 .zjCon .txt1 span{ display: block; font-size: 16px; margin-bottom: 10px;}
.gyPart2 .zjCon .txt2 span{ display: flex; justify-content: center; align-items: center; width: 145px; height: 44px; font-size: 14px; background: linear-gradient(135deg, #4FA9F8 0%, #4D56E9 100%); margin: 30px 0 20px; border-radius: 30px;}
.gyPart2 .zjCon .txt2 span i{ display: inline-block; color: #fff; background: url(../images/ixImg4_3.png) center right no-repeat; background-size: 24px; padding-right: 34px; cursor: pointer;}
.popZj{ display: none; width: 1200px; height: 700px; position: fixed; top: 50%; left: 50%; margin: -350px 0 0 -600px; z-index: 99999;}
.popZj .gb{ right: 12%;}
.popZj .bg{ width: 270px; position: absolute; bottom: 0; right: 0;}
.popZj .bg img{ width: 100%;}
.popZj .part{ width: 90%; height: 100%; border-radius: 50px; padding: 80px 50px 0; box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.popZj .part .ewmDiv{ width: 440px; height: 440px; margin-right: 30px; position: relative;}
.popZj .part .ewmDiv .img1,
.popZj .part .ewmDiv .img2,
.popZj .part .ewmDiv .img3{ display: block; position: absolute; border-radius: 40px; cursor: pointer; box-shadow: 0 4px 20px rgba(0,0,0,.3);}
.popZj .part .ewmDiv .img1{ width: 340px; top: 20px; left: 0;}
.popZj .part .ewmDiv .img2{ width: 380px; top: 10px; left: 20px; z-index: 1}
.popZj .part .ewmDiv .img3{ width: 400px; top: 0; left: 40px; z-index: 2;}
.popZj .part .right{ font-size: 14px; line-height: 30px;}
.popZj .part .right .txt1 span,.popZj .part .right .txt1 em{ display: block; font-size: 22px; margin-top: 40px;}
.popZj .part .right .txt1 em{ margin: 10px 0 30px; font-size: 18px;}
.popZj .part .right .txt2 span{ display: block; font-size: 22px; margin: 50px 0 20px;}
.popZj .part .an a{ display: inline-block; width: 130px; color: #fff; line-height: 46px; background: linear-gradient(135deg, #4FA9F8 0%, #4D56E9 100%); border-radius: 30px; margin-top: 40px;}

.gyPart3{ position: relative; padding: 200px 0;}
.gyPart3 .bg1 img,.gyPart3 .bg2 img,.gyPart3 .bg3 img{ width: 100%;}
.gyPart3 .bg1{ width: 320px; position: absolute; top: 5%; left: -120px;}
.gyPart3 .bg2{ width: 300px; position: absolute; top: 0; right: -100px;}
.gyPart3 .bg3{ width: 340px; position: absolute; bottom: 10%; left: -170px;}
.gyPart3 .box{ display: block; margin: 50px 50px 0;}
.gyPart3 .box .img{ width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,.3); border-radius: 20px; margin-bottom: 30px;}
.gyPart3 .box .img img{ width: 100%; border-radius: 20px;}
.gyPart3 .box .txt .date{ font-size: 26px; color: #6B9ADD; line-height: 24px; margin: 20px 20px 0 0;}
.gyPart3 .box .txt .date span{ display: block; font-size: 40px;}
.gyPart3 .box .txt .wz span{ display: block; font-size: 18px; margin-bottom: 10px;}
.gyPart3 .box .txt .wz p{ height: 90px; font-size: 14px; line-height: 30px;}
.gyPart4{ padding: 150px 50px;}
.gyPart4 .left{ margin: 140px 40px 0 0; line-height: 30px;}
.gyPart4 .left span{ display: block; font-size: 22px; margin-bottom: 30px;}
.gyPart4 .right{ margin-left: 200px; height: 360px; position: relative; padding: 20px 40px 0 40px;}
.gyPart4 .right .bg1,.gyPart4 .right .bg2,.gyPart4 .right .bg3{ position: absolute;}
.gyPart4 .right .bg1{ width: 180px; bottom: 0; left: 0; z-index: 1;}
.gyPart4 .right .bg2{ width: 130px; top: 0; right: 0; z-index: 1;}
.gyPart4 .right .bg3{ width: 100%; top: 0; right: 0;}
.gyPart4 .right .bg1 img,.gyPart4 .right .bg2 img,.gyPart4 .right .bg3 img{ width: 100%;}
#map{ width:100%; height: 310px; font-size: 14px; border-radius: 50px; position: relative; z-index: 1;}
.BMapLabel{ display: none !important;}

.xwPart1{ padding: 200px 0 100px; position: relative;}
.xwPart1 .wrap{ position: relative; z-index: 1;}
.xwPart1 .bg1 img,.xwPart1 .bg2 img{ width: 100%;}
.xwPart1 .bg1{ width: 120%; position: absolute; top: -170px; left: -100px;}
.xwPart1 .bg2{ width: 300px; position: absolute; bottom: 10%; left: -100px;}
.xwSlide{ position: relative; width: 1300px; margin: 0 auto;}
.xwSlide .swiper-slide{ width: 560px;}
.xwSlide .swiper-slide img{	display:block; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,.2); border-radius: 20px;}
.xwSlide .swiper-slide a{ display: block; margin-top: 30px; opacity: 0;}
.xwSlide .swiper-slide-active a{ opacity: 1;}
.xwPart2{ padding: 120px 0 0;}
.xwPart2 .box{ display: block; margin: 0 50px 60px; padding: 20px; border-radius: 24px;}
.xwPart2 .box .img{ margin-right: 40px; border-radius: 20px; position: relative; left: 0;}
.xwPart2 .box .img img{ width: 100%; border-radius: 20px;}
.xwPart2 .box .txt span{ display: block; font-size: 16px; margin: 30px 0 20px;}
.xwPart2 .box .txt p{ height: 48px; font-size: 12px; line-height: 24px;}
.xwPart2 .box .txt em{ display: block; font-size: 24px; color: #2D83FF; margin-top: 20px;}
.xwPart2 .box:hover{ background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.1);}
.xwPart2 .box:hover .img{ left: -100px;}
.xwPart2.xg .title{ font-size: 30px;}
.xwPart2.xg .box{ margin: 0; padding: 60px 0; width: 70%; border-bottom: 2px solid #D8D8D8; border-radius: initial;}
.xwPart2.xg .box:hover{ background: none; box-shadow: initial;}
.xwPart2.xg .box:hover .txt span{ color: #2D83FF;}
.xwPart3 .tit{ border-bottom: 2px solid #d8d8d8; padding-bottom: 20px;}
.xwPart3 .tit span{ display: block; font-size: 30px; margin-bottom: 30px;}
.xwPart3 .txt{ line-height: 30px; padding: 50px 0 80px; border-bottom: 2px solid #d8d8d8;}
.xwPart3 .txt img{ max-width: 100%;}
.xwPart3 .share{ width: 120px; font-size: 18px; border-radius: 30px; padding: 40px 0; margin-top: 80px;}
.xwPart3 .share a{ display: block; width: 100%; height: 29px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-top: 60px;}
.xwPart3 .share a.icon1{ background-image: url(../images/xwIcon1.png);}
.xwPart3 .share a.icon2{ background-image: url(../images/xwIcon2.png);}
.xwPart3 .share a.icon3{ background-image: url(../images/xwIcon3.png);}
.xwPart3 .share a.icon4{ background-image: url(../images/xwIcon4.png);}

.fenye span,.fenye a,.fenye em{ display: inline-flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-size: 14px; color: #2D83FF; margin: 0 5px 5px;}
.fenye span,.fenye a:hover{ background: url(../images/fyBg.png) no-repeat; background-size: contain;}
.fenye a.l{ width: 50px;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1600px) {
	.header .wrap{ width: 96%; padding-left: 20px; padding-right: 20px;}
	.wrap{ width: 1200px;}
}

@media (max-width: 1400px) {
	.footer{ padding-top: 140px;}
	.footer .bg{ width: 260px; right: 20px;}
	.footer .l{ width: 140px;}
	.footer .r a{ margin-top: 100px;}
	.ixPart1 .wrap{ width: 1200px;}
	.ixPart2 .part .right{ padding: 0 20px;}
	.ixPart3 .part .box{ margin: 20px 10px; padding: 50px 15px 40px;}
	.ixPart4 .part{ margin-left: 10px; margin-right: 10px;}
	.ixPart4 .part .pop{ padding-left: 15px; padding-right: 15px;}
	.ixPart5 .cont{ padding: 100px 40px 120px 0;}
	.zsPart1{ padding-top: 100px;}
	.zsPart1 .right em{ margin-top: 260px;}
	.zsPart2 .right.mt{ margin-top: 100px;}
	.gyPart1{ padding-top: 140px;}
	.xwSlide{ width: 100%;}
	
}

@media (max-width: 1200px) {
	.wrap,.header .wrap,.ixPart1 .wrap{ width: 100%; padding: 0 15px;}
	#popSp,.popZj{ width: 90%; top: 15%; left: 5%; margin: 0;}
}

@media (max-width: 900px) {
	.mobHide,.ixPart1 .bg2,.ixPart2 .part .bg1,.ixPart2 .part .bg2,.ixPart2 .part .bg3,.ixPart2 .part .bg4,.ixPart2 .part .bg5,.ixPart3 .bg1,.ixPart4 .bg1,.ixPart4 .bg2,.zsPart2 .bg6,.zsPart2 .bg7,.zsPart2 .bg8{ display: none;}
	.mobShow,.m_nav{ display: block;}
	.header{ height: 76px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.1); padding: 0; z-index: 999;}
	.header .wrap,.header.on .wrap{ width: 100%; height: auto; padding: 0; box-shadow: initial;}
	.header .logo{ width: 160px; height: auto; margin: 10px 0 0 10px;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; position: relative; width: 56px; height: 56px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 5px; right: 5px;}
	.main{ margin-top: 56px;}
	.ixPart1{ padding: 100px 0 0;}
	.ixPart2 .part{ padding-bottom: 60px;}
	.ixPart3 .part{ background: url(../images/ixImg2_9M.png) no-repeat; background-size: 100% 100%; padding: 40px 20px;}
	.ixPart4{ padding: 0 0 200px;}
	.ixPart4 .cont{ white-space:nowrap; overflow-x: auto;}
	.ixPart4 .part{ width: 30%; margin: 0 10px 0 0; display: inline-block; float: initial; vertical-align: top;}
	.ixPart5 .cont{ padding: 60px 20px 120px 0;}
	.zsPart1 .right em{ margin-top: 50px;}
	.zsPart2 .bg7{ top: 30%;}
	.gyPart1{ padding-top: 40px;}
	.gyPart2 .part4{ padding: 60px 0 0;}
	#popSp video{ border-radius: 15px;}
	#popSp .gb,.popZj .gb{ right: -10px; top: -20px;}
	.popZj{ height: auto; top: 6%;}
	.popZj .part{ width: 100%; padding: 30px 20px 20px; border-radius: 20px;}
	.popZj .part .img{ margin: 0 25%;}
	
}

@media (max-width:767px) {
	.wrap,.header .wrap,.ixPart1 .wrap{ padding: 0;margin-top: 10px;}
	.footer{ font-size: 12px; padding: 160px 10px 10px; background-position: top left 30%;}
	.footer .bg{ width: 160px; top: 70px; right: 10px;}
	.footer .l{ width: 130px; padding: 0 10px;}
	.footer .line{ width: 100%; margin: 20px 0 10px;}
	.footer .copy{ text-align: left; line-height: 18px;}
	.footer .copy a{ margin: 0;}
	.ixTit{ padding: 60px 0;}
	.ixTit span p{ background-size: 40px; padding: 10px 0 0 15px;}
	.ixPart1{ padding: 60px 20px 0;}
	.ixPart1 .left .t1{ margin-top: 20px; font-size: 12px;}
	.ixPart1 .left .t1 em{ font-size: 24px;}
	.ixPart1 .left .t1 span{ font-size: 20px;}
	.ixPart1 .left .t2 a{ width: 100%; height: 40px; font-size: 14px; margin: 30px 20px 0 0;}
	.ixPart1 .left .t2 a:hover{ margin-top: 30px;}
	.ixPart1 .left .t2 a span{ width: 130px; padding: 10px; border-radius: 15px; padding: 10px; top: 50px; left: 50%; margin-left: -65px;}
	.ixPart1 .left .t2 a.icon1 em{ background-image: url(../images/iconXz.svg);}
	.ixPart1 .left .t2 a.icon2{ display: none;}
	.ixPart2{ padding: 40px 0 0;}
	.ixPart2 .part{ padding: 0 0 80px;}
	.ixPart2 .part .left,.ixPart2 .part .right{ margin: 0;}
	.ixPart2 .part .right{ padding: 0 0 40px;}
	.ixPart2 .part .right span{ margin: 0;}
	.ixPart2 .part .right em{ margin: 20px 0 15px;}
	.ixPart3{ padding: 0;}
	.ixPart3 .part{ padding: 100px 0;}
	.ixPart3 .part .box{ margin: 0 20px 20px; padding: 10px 15px; border-radius: 20px; transform:initial}
	.ixPart3 .part .box .b{ transform: initial;}
	.ixPart3 .part .box .img{ float: left; width: 60px; height: 60px;}
	.ixPart3 .part .box .img .t{ max-width: 70%;}
	.ixPart3 .part .box .img .icon{ width: 100%; height: 100%; border-radius: 10px;}
	.ixPart3 .part .box .img .icon .i1{ top: 5px; left: 5px;}
	.ixPart3 .part .box .img .icon .i2{ top: 4px; right: 10px;}
	.ixPart3 .part .box .img .icon .i3{ bottom: 5px; right: 5px;}
	.ixPart3 .part .box .img .icon .i4{ bottom: 5px; left: 10px;}
	.ixPart3 .part .box p{ padding-left: 80px; margin: 20px 0 0;}
	.ixPart3 .part .box span{ font-size: 12px; margin-top: 15px; line-height: 20px;}
	.ixPart4{ padding: 40px 0 100px;}
	.ixPart4 .part{ width: 40%;}
	.ixPart4 .part .tip{ width: 60px;}
	.ixPart4 .part .box{ height: 260px;}
	.ixPart4 .part .box .img{ width: 120px; height: 100px; margin: 0 auto; background-size: 60%;}
	.ixPart4 .part .box .img img{ width: 90px;}
	.ixPart4 .part .box .txt{ font-size: 18px; text-align: center;}
	.ixPart4 .part .box .txt em{ font-size: 16px;}
	.ixPart4 .part .info{ text-align: center; bottom: 10px;}
	.ixPart4 .part .info .an{ line-height: 24px;}
	.ixPart4 .part .info .jd i{ line-height: 24px;}
	.ixPart4 .part .info .jd progress{ height: 24px;}
	.ixPart4 .part .pop{ padding-top: 60px;}
	.ixPart4 .part .pop .img span,.ixPart4 .part .pop .img i{ padding: 10px; border-radius: 15px;}
	.ixPart4 .part .pop .img span{ width: 150px;}
	.ixPart4 .part .pop .img i{ width: 130px; top: 10px;}
	.ixPart5 .cont{ padding: 0 0 60px;}
	.ixPart5 .ixTit{ padding-bottom: 60px;}
	.ixPart5 .part{ width: 100%; padding: 30px 10px 0;}
	.ixPart5 .part .bg{ width: 100%;}
	.ixPart5 .part .box{ width: 90%; padding: 20px; margin: 0 5%; border-radius: 10px;}
	.ixPart5 .part .box .txt1{ margin-bottom: 10px;}
	.ixPart5 .part .box .txt2 .inp,.ixPart5 .part .box .txt3 textarea{ width: 70%;}
	.ixPart5 .part .box .txt2 .nex,.ixPart5 .part .box .txt3 .tj{ width: 28%; margin-left: 0;}
	.ixPart5 .part .box .txt3 textarea{ border-radius: 15px; padding: 10px 15px;}
	.zsPart1{ padding: 20px 20px 60px;}
	.zsPart1 .bg1{ width: 110%; top: -80px; left: -70px;}
	.zsPart1 .bg2{ top: 0;}
	.zsPart1 .left{ padding-bottom: 0; margin-left: -100px;}
	.zsPart1 .left .xt{ right: 14%; bottom: 2%;}
	.zsPart1 .right{ font-size: 14px; margin-top: -30px;}
	.zsPart1 .right em{ font-size: 20px; margin-top: 0;}
	.zsPart1 .right span{ font-size: 24px; margin-top: 20px;}
	.zsPart2{ padding: 0 15px;}
	.ixPart2.mb{ padding: 60px 15px 0;}
	.zsPart2 .left.sp{ padding: 30px 0 30px 30px; margin: 20px 0;}
	.ixPart2 .left.zs{ width: 100%; height: 300px; margin-top: 40px;}
	.ixPart2 .left.zs .img2{ top: 60px;}
	.gyPart1 .part1{ padding: 50px 15px; margin: 0;}
	.gyPart1 .part1 .t2{ font-size: 15px; padding: 20px 0 15px;}
	.gyPart1 .part1 .t4 a{ line-height: 44px;}
	.gyPart1 .part1 .t4 em{ width: 44px; height: 44px;}
	.gyPart1 .part2{ padding: 0 0 40px; margin: 0 15px;}
	.gyPart1 .part2 .top{ width: 96%; left: 0; right: auto;}
	.gyPart1 .part2 .img{ width: 100%; height: 200px; margin: 0; border-radius: 40px 40px 40px 0;}
	.gyPart2{ padding: 0 15px;}
	.gyPart2 .mCont{ overflow-x: scroll;}
	.gyPart2 .part3{ width: 550px; float: right;}
	.gyPart2 .zjTit span{ width: 15px; height: 20px;}
	.gyPart2 .part4{ padding: 20px 20px 0;}
	.gyPart2 .zjCon .txt2 span{ height: 40px;}
	.gyPart2 .zjCon .txt2 span i{ background-size: 20px;}
	.popZj{ top: 12%;}
	.popZj .bg{ width: 100px; left: -5%; right: auto; transform: rotateY(-180deg);}
	.popZj .part .ewmDiv{ width: 300px; height: 220px; transform: scale(0.5); margin: 0 auto; top: -60px; left: -40px;}
	.popZj .part .right{ height: 220px; line-height: 24px; overflow-y: scroll !important;}
	.popZj .part .right .txt1 span,.popZj .part .right .txt2 span{ font-size: 18px;}
	.popZj .part .right .txt1 span{ margin-top: 0;}
	.popZj .part .right .txt1 em{ margin: 5px 0; font-size: 15px;}
	.popZj .part .right .txt2 span{ margin: 15px 0 5px;}
	.popZj .part .an a{ margin-top: 20px; line-height: 40px;}
	.gyPart3{ padding: 50px 15px 60px;}
	.gyPart3 .box{ margin: 0 15px 50px;}
	.gyPart3 .box .img{ border-radius: 15px; margin-bottom: 15px;}
	.gyPart3 .box .img img{ border-radius: 15px;}
	.gyPart3 .box .txt .wz span{ font-size: 16px; margin-bottom: 5px;}
	.gyPart3 .box .txt .wz p{ height: 66px; line-height: 22px;}
	.gyPart4{ padding: 20px 15px 140px;}
	.gyPart4 .left{ margin: 0 0 40px; font-size: 14px; line-height: 24px;}
	.gyPart4 .left span{ font-size: 18px; margin-bottom: 10px;}
	.gyPart4 .right{ height: 180px; margin: 0; padding: 10px 20px 0 20px;}
	.gyPart4 .right .bg1{ width: 60px;}
	.gyPart4 .right .bg2{ width: 60px;}
	#map{ height: 160px; border-radius: 20px; font-size: 12px;}
	.xwPart1{ padding: 60px 0 0;}
	.xwSlide .swiper-slide{ width: 80%; height: auto;}
	.xwSlide .swiper-slide a{ font-size: 15px; margin-top: 15px;}
	.xwPart2{ padding: 80px 15px 20px;}
	.xwPart2 .box{ margin: 0 0 20px; padding: 10px;}
	.xwPart2 .box .img{ margin: 0 0 15px; border-radius: 10px;}
	.xwPart2 .box .img img{ border-radius: 10px;}
	.xwPart2 .box .txt span{ margin: 0 0 10px;}
	.xwPart2 .box .txt em{ font-size: 16px; margin-top: 10px;}
	.xwPart2 .box:hover .img{ left: 0;}
	.xwPart2.xg .title{ font-size: 24px;}
	.xwPart2.xg .box{ padding: 20px 0; width: 100%;}
	.xwPart3{ padding: 0 15px;}
	.xwPart3 .tit{ font-size: 12px; padding-bottom: 10px; border-width: 1px;}
	.xwPart3 .tit span{ font-size: 20px; margin-bottom: 10px;}
	.xwPart3 .txt{ font-size: 14px; line-height: 24px; padding: 15px 0 40px;}
	.xwPart3 .share{ width: 100%; padding: 15px; border-radius: 10px; margin: 20px 0;}
	.xwPart3 .share a{ width: 25%; float: left; height: 24px; margin: 15px 0 0;}
	.fenye{ padding: 0 10px;}
	
}