@charset "gbk";
*{margin: 0;padding: 0;font-family: 'Î¢ÈíÑÅºÚ','ËÎÌå';}
body {background: #FFF;color:#000;margin: 0;padding: 0;min-width: 1200px;font-size: 18px;}
a {text-decoration:none;color: #FFF;}
li {list-style: none;margin: 0;padding: 0;}
ul {margin: 0;padding: 0;}
img {margin: 0;padding: 0;border: 0px;outline-width:0px;  vertical-align:top; }
input{margin: 0;padding: 0;border: 0px;}
.clear {clear:both;}
.fl {float:left;}
.te_ce {text-align: center;}
.public {width: 1200px;margin: auto;}
.bg {background-color: #010543;}
.video_banner{height: 824px;text-align: center;overflow: hidden;position: relative;}
.video_banner .bg_mask{background-color: #150d78;opacity: 0.6;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;width: 100%;height: 100%;top: 0;}
.video_banner .covervid_video{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.video_banner .text{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

.tit_01 {text-align: center;color: #FFF;padding: 30px 0;letter-spacing: 3px;}
.p_01 {text-indent: 2em;line-height: 30px;color: #FFF;letter-spacing: 3px;}
.znUl1 ul li {float: left;margin-left:20px;margin-top: 20px;}
.znUl1 ul li p {text-align: center;color: #1da4ea;line-height: 60px;}

.conbg1{background: url(../images/con_bg1.jpg) top center no-repeat #010544;text-align: center;overflow: hidden;}
.conbg2{background: url(../images/con_bg2.jpg) top center no-repeat #010544;padding: 60px 0;text-align: center;}
.conbg3{background: url(../images/con_bg3.jpg) bottom center no-repeat #010544;padding: 60px 0;text-align: center;}

.tit_h2{font-size: 36px;color: white;margin: 0 0 18px;line-height: 1.3em;}
.tit_p{font-size: 18px;color: white;text-align: left;text-indent: 2em;line-height: 2em;width: 1060px;margin: 0 auto 1em;}
.title_bg {background: #010544;position: relative;z-index: 2;margin: 0 auto;display: inline-block;padding: 0 1em;}

.pg1{margin: 60px auto;background: #010543;text-align: center;width: 1120px;}
.pg2{background: url(../images/con2_bg.jpg) center -20px no-repeat #020202;padding: 60px 0;text-align: center;}
.pg3{background: url(../images/con3_bg.jpg) center -35px;padding: 60px 0;text-align: center;}
.pg4{background: url(../images/con4_bg.png) center 200px no-repeat;}
.pg5{background: url(../images/con5_bg.jpg) center -20px no-repeat #011b3c;padding: 60px 0;text-align: center;}
.pg6{background: #161c8c;padding: 60px 0;text-align: center;}

.ljzx{display: inline-block;height: 72px;font-size: 24px;line-height: 72px;color: white;font-weight: bold;background: url(../images/zx_bg.png) center/100% 100%no-repeat;padding: 0 50px;min-width: 300px;box-sizing: border-box;}

.con1 {margin: 30px auto;padding: 0;height: 290px;width: 1120px;}
.con1 li{padding: 0;float: left;margin: 0 10px 0 0;}
.con1 p{margin: 0.8em auto 0;font-size: 18px;color: #2dabff;line-height: 1.6em;}

.con2 {margin: 30px auto;width: 1120px;}
.con2 ul {padding: 0;height: 357px;}
.con2 li {box-sizing: border-box;width: 374px;height: 357px;border: 1px solid #387cf8;border-bottom: none;margin-left: -1px;text-align: center;padding-top: 32px;float: left;}
.con2 li img {display: block;margin: 0 auto;margin-bottom: 24px;}
.con2 li h3 {font-size: 22px;line-height: 34px;color: #fff;font-weight: normal;text-align: center;margin-bottom: 32px;}
.con2 li h3 span {font-size: 34px;}
.con2 li p {font-size: 16px;line-height: 26px;color: #aaaaaa;font-weight: normal;text-align: center;}
.con2 li .llzx {width: 100%;height: 80px;background-color: #05e5f3;font-size: 18px;line-height: 80px;color: #0c0e28;font-weight: normal;text-align: center;display: block;}
.con2 img{margin: 0 auto;}

.con3 {margin: 30px auto;height: 428px;}
.con3 img{margin: 0 auto;animation: float 5s cubic-bezier(1,1.01,0,0.01) infinite;}
.con4{width: 1050px;margin: 30px auto;text-align: center;overflow: hidden;}
.con4 li{float: left;width: 310px;height: 285px;position: relative;margin: 20px;box-sizing: border-box;color: white;}
.con4 .first{box-sizing: border-box;padding: 32px 0 0;height: 100%;transition: all ease-out 1s;backface-visibility: hidden;}
.con4 .first p{font-size: 18px;line-height: 24px;margin: 10px 0 15px;}
.con4 .first strong{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAAyCAYAAAD4H9aZAAABT0lEQVR4nO3ZzU3DQBSF0Qtt0ELaolubNlxG2BCU+JfNvLfgHClS7FVWn2Zu3j5un/cA9Fneu38B8O/NQgR0EyKgnRAB7SYhAjotMVYDzeYkESKgkxAB7YQIaDclQgT0WX4+QgS0mR9fhAjoIkRAOyEC2k2PL0IEdPgdqhMhAnrMzw9CBHQQIqCdEAHtpucHIQKqvQzViRAB9ab1CyECqn2tXwgRUG1evxAioJqrGdBqM1QnQgTU2pyGEiECam2G6kSIgFqboToRIqCWqxnQaneoToQIqLN7GkqECKizO1QnQgTU2R2qEyEC6riaAa0Oh+pEiIAah6ehRIiAGodDdSJEQI3DoToRIqCGqxnQ6nSoToQIGO/0NJQIETDe6T6UCBEw3uk/ZokQAeO5mgGtLofqRIiAsS5PQ4kQAWNdDtWJEAFjXQ7ViRABY/3pavYN9jEzMuwhVxIAAAAASUVORK5CYII=) no-repeat center bottom;width: 268px;height: 50px;font:24px/50px "Microsoft Yahei";padding-left: 22px;display: block;}
.con4 .first h5{font-size: 26px;margin: 15px 0 0;line-height: 30px;}
.con4 .first div{height: 78px;line-height: 78px;display: flex;align-items: center;justify-content: center;}
.con4 .li1{background: #26b9d8;}
.con4 .li2{background: #2588fd;}
.con4 .li3{background: #7e59e9;}
.con4 .li4{background: #7e59e9;}
.con4 .li5{background: #00dcc6;}
.con4 .li6{background: #2588fd;}
.con4 .li7{background: #2073cd;}
.con4 .li8{background: #14bfdc;}
.con4 .li9{background: #715ef8;}
.con4 li .back{width: 100%;height: 100%;background: #1b2c65;position: absolute;top: 0;left: 0;cursor: pointer;transition: all ease-out 1s;transform: rotateY(180deg);backface-visibility: hidden;}
.con4 li .back p{font:18px/30px "Microsoft Yahei";color: #ffffff;margin: 70px 25px 0 25px;text-align: left;}
.con4 li .back .llzx{display: block;width: 156px;height: 48px;background: #ffde00;font:18px/48px "Microsoft Yahei";color: #1b2c65;text-align: center;position: absolute;left: 0;right: 0;bottom: -12px;margin: auto;}
.con4 li .back a:hover{background: #00c2d6;color: #ffffff;}
.con4 li:hover .first{transform: rotateY(180deg);}
.con4 li:hover .back{transform: rotateY(0);}

.con5 {margin: 110px auto 30px;width: 1166px;height: 810px;position: relative;padding: 0 0 0;}
.con5 ul{padding: 0;height: 249px;}
.con5 li {position: absolute;left: 50%;}
.con5 h3{font-size: 29px;color: #ffffff;line-height: 40px;margin: 0;min-width: 100px;}
.con5 li::after{content: " ";position: absolute;left: 50%;top: 50%;background: url(../images/set.png);background-size: 100%;width: 180%;padding: 180% 0 0;height: 0;animation: ani_line 20s linear infinite;margin: -90% 0 0 -90%;}
.con5 li p{margin: 0;position: absolute;left: 50%;top: -50px;background: url(../images/loc_bg.png) no-repeat;width: 436px;height: 210px;font-size: 18px;line-height: 36px;color: white;font-weight: normal;padding: 18px 45px 0 95px;box-sizing: border-box;z-index: 1;text-align: left;display: none;}
.con5 li:hover p{display: block;}

.con5 .li1 {top: 0;margin: 0 0 0 -60px;}
.con5 .li2 {top: 160px;margin: 0 0 0 -290px;}
.con5 .li3 {top: 320px;margin: 0 0 0 -510px;}
.con5 .li4 {top: 125px;margin: 0 0 0 210px;}
.con5 .li5 {top: 405px;margin: 0 0 0 320px;}
.con5 .li6 {top: 360px;margin: 0 0 0 -110px;}
.con5 .li7 {top: 610px;margin: 0 0 0 -431px;}
.con5 .li8 {top: 660px;}
.con5 .li9 {top: 670px;margin: 0 0 0 340px;}

.con6{width: 1060px;margin: 30px auto;padding: 0;}
.con6>li{overflow: hidden;margin: 30px auto;text-align: left;position: relative;padding: 0 0 18px;}
.con6>li::after{content: "";position: absolute;width: 0;left: 0;right: 0;height: 100%;border: 7px #01c8fd;border-right-style: dotted;margin: auto;}
.con6 .l{background: url('../images/p8_1.png') no-repeat 15px bottom;width: 50%;position: relative;float: left;height: 230px;padding: 0 0 0 110px;box-sizing: border-box;border: 7px #01c8fd;/* border-right-style: dotted; */margin: 0;}
.con6 .l span{position: absolute;left: 46px;top: 36px;font-size: 56px;line-height: 56px;color: #010544;width: 1em;text-align: center;}
.con6 .l h5{font: 20px/50px "";color: #01c8fd;left: 140px;margin: 0 0 37px;text-indent: 24px;}
.con6 .l p{font: 14px/24px "";color: white;width: 350px;}
.con6 .l ul{padding: 0;margin: 15px 10px;}
.con6 .l li{font: 14px/30px "";color: #ffffff;float: left;width: 42%;white-space: nowrap;}
.con6 .l::before{content: "";position: absolute;top: 50px;left: 140px;width: 48px;height: 12px;animation: change 5s infinite;background: #01c8fd;}


.con7{width: 1120px;margin: 30px auto;padding: 214px 0 0 22px;height: 750px;box-sizing: border-box;}
.con7 li{width: 240px;float: left;margin: 0 15px;}
.con7 .h1{margin: 56px 9px 0 21px;}
.con7 .h2{margin: 12px 0 0 4px;width: 260px;}
.con7 img{border-radius: 50%;margin: 0 auto;}
.con7 h5{font-size: 22px;color: #00ffff;margin: 20px 0 15px;padding: 0 0 20px;position: relative;}
.con7 p{width: 92%;margin: 0 auto;color: white;font-size: 16px;line-height: 27px;text-align: left;}
.con7 h5::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 1.5em;height: 0.2em;background: #0ff;}

.con8 {position: relative;height: 480px;margin: 30px 0;}
.con8 .ys_title {z-index: 0;}
.con8 .ys_title ul{padding: 0;}
.con8 .ys_title li{width: 270px;float: left;color: white;background: url(../images/ys_bg.png) no-repeat;height: 78px;font-size: 18px;padding: 30px 24px 0 0;line-height: 40px;box-sizing: border-box;margin-top: 30px!important;}
.con8 .ys_title .bod{background: url(../images/ysbg_active.png) no-repeat;}
.con8 .ys {position: absolute;padding: 0;overflow: hidden;left: 0;right: 0;top: 0;margin: auto;width: 556px;}
.con8 .ys ul{padding: 0;}
.con8 .ys li{padding: 10px;border: 5px solid #0ff;position: relative;float: left;box-sizing: border-box;}
.con8 .ys img{margin: 0;float: left;}
.con8 .ys p{position: absolute;left: 10px;right: 10px;bottom: 10px;font-size: 18px;line-height: 30px;background: rgba(51, 51, 51, 0.7);margin: 0;padding: 20px;color: white;text-align: left;}

.con12 {margin: auto;color: #2dabff;width: 1200px;overflow: hidden;box-sizing: border-box;padding: 0;}
.con12 li{float: left;margin-left: 10px;margin-top: 20px;}
.mb {margin-bottom: 20px;}
.con_bm{width: 1120px;margin: 0 auto;height: 520px;}
.con_bm form{width: 406px;height: 460px;float: right;box-sizing: border-box;padding: 36px;margin: 30px 0 30px 0;background: #13abe8;background: linear-gradient(#3046e3 , #07d3ea);}
.con_bm div{width: 300px;height: 50px;margin: 20px auto 0;background: white;}
.con_bm h3{font-size: 30px;color: white;font-weight: normal;margin: 0  0 20px;position: relative;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAQCAYAAAC2jqKZAAAB1UlEQVR4nO3bz4tNYRgH8M8dY6eUMqWUzPhRSkzKgmIzpCSUIomh4fofBmVLU1YyijKyYKFYYaNYsMDCgg0bsbOQSJPFsXhWiprMPeeMeZ/P+vS+z+L0vd+e2+lUVTUplW4DzuFRA3etxjEsbeCuNMf142XbQ6RWbRJh8LHGOxZiL05jHW7I9y6hU1VV2zOkdj3EbVyv4eyVGMNxvMEV3MPPGu5K/6H+tgdIrdqMNbjZwzMXYA+6GMYUtuFdD+9I80QGUNnO4oLeNJLlou2MibCZxD5M9+DsNE9lAJVrGBtxYBZn9GGXaDtbcAs78HbW06UiZACV6wwu+reGsgwncBKfRNs5hB89my4VIZfQZVovls9DZh4aHYyItrMdd0TwvK5jwFSGbEBlGseEmYXPAEZF2/kiQmcU32qaLRUkG1B51uIJBvH9L890RMvpip3OXfEX+qsmBkzlyAZUnnFc8ufwWYKjInimRdvp4mtj06WiZAMqyxCeYZXfQ2WrCJrduC+C53nj06XiZACV5Ro+4DwW44j4PKJPhM6U2POk1IgMoHKswAscxkHsxwOx23na4lypYBlA5biMU3iPq+KD0M+tTpSKl0voMgxgEXbiMfJXJ80JvwBVBmDrrgUD2AAAAABJRU5ErkJggg==) bottom center no-repeat;padding: 0 0 30px;}
.con_bm input{display: block;width: 236px;height: 50px;padding-left: 36px;border: none;font: 18px/50px "microsoft yahei";margin: 0 0 0 14px;outline: none;}
.con_bm .name{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAMAAADt/kXiAAAA51BMVEUAAAAjj/g1dPtCYP1GWf1NTv4qhflLUf5NT/5FWv5GWf0jj/gjjvhNT/4kjfkmivktf/oxefo3cfwqhPlLUv5AY/w+Zvw1dPs5bftPTP4yePo5bfs3cfs5bfsufvooh/k1dPtPTP5CYPxKVP03cfs+ZvwyePpCYPw+Zvwufvo3cfs1dPs5bfswe/pAY/w3cftNT/4we/owe/o5bfssgfksgfk5bfsmivkikPgikPg7avs7avsikPgmivkikPg6a/tOTv5GWP02cvs/ZPwxefoli/krg/lLUv5EXP1KVP1CYPwufvooh/lJCri7AAAAPnRSTlMA7gYD5peJeTo0Hvv29OVFMy0cCfX18/Lv5OTa0MzGwranpqWelJN6d3ZqYlE/OiYc9/Xq6ejd3NbJsqgzIcGkiQMAAAD5SURBVCjPZY7VkoNAEEV7mRBIcIi7u607Mkj0/79na8Mk6cB5mVtnbnVduCB2q0q1K8I9hHdjeAIY3lWEDWwExeWxFreF3DnkClt8qr8XWBL2feQzXp6lvJdB3vOuA1hk/d21v8P93mHM0vjQQ37lF9meor8CxNAvTUwwJyV/CBju24n54rBe1J1m89mpvFWc+uJWHlDamK0JkPWsQemAY7pDy3Ny2T8v0078MQpqBtwwasHo/10GjzpgjKdgCQCt4xTumR5bAHr0aiW89RLpkI2ykODs2ict5bVTG97D35Q3QxXk0Ep5LpRAteWHJLKtgvYh2Umkz58/rXkhKfrtSPcAAAAASUVORK5CYII=) left center no-repeat;}
.con_bm .call{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAMAAACNQ/wIAAAARVBMVEUAAAAikPgmivkoiPlOTv5PTP4ikPhPTP4ij/hOTf4tf/orgvlIVv1BYvw1dPs5bfswevooh/lLUf5NT/5FXP08aPwmivkqSdvVAAAACHRSTlMA5vHx5uZKSSfgnpAAAABuSURBVBjTjctHDsAgDETRIZX0Qrn/UWMrEtIAC2bl/yRjHhfaOGNYsg1wDjTp9yXR3ncS6UbynkT7OEikGykEEu3rIpGu0XmSSNfovkmka7QWw1YMz0N/0on6PlGM/9l10GlbC5q0sdkMJpPJ9AHfrAh/fHhbKgAAAABJRU5ErkJggg==) left center no-repeat;}
.con_bm .qq{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAMAAACEqFxyAAABO1BMVEUAAAA8a/wli/k7bPwikPgniflNTv4ikPhOTf4mivksgvo6bPwrg/kljfhFXP0tf/ophflKVP0rgvkmivkikPg0dvoikPgqhPlDX/xNTv5AY/wikPhHWf0vfPpIVv0phfkoiPlOTv4vfPomivk2cvs2cvtIVv07avwvfPpHWf1PTP46bPtAY/xNT/4ljfhHWP1HWP1PTP5NT/4rgvktf/pPTP44b/s/ZfxLUf5BYvw6bPtNT/46bPtNT/4xefooiPk8aPwvfPorgvk8aPxNT/5LUf4vfPpLUf4rgvkrgvk6bPsjj/gjj/g8aPwphfktf/pKVP0xefpKVP1KVP1KVP0tf/oij/hOTv4ve/pMUP5GWv1AY/wtf/onifk4b/sphflIVv1KVP08aPxDX/w2cvs6bPs0dvorgvkljfgDzRlJAAAAVnRSTlMABh4E4RkK+pdFMyoB/Pn5+PXy8O7q6OHe2tTUwcCwqqWjnJqYj3RhVE40Mi4sLCQg9vDr2dTU0dDPxsW/vbq2qqOinI2Fg310b21pYlZVT0Y/PhQTCzhmpv8AAAEhSURBVCjPXc7VesJAEAXgiQIlUFyKu1Pq7u4eIiTB4f2foPtFmk3Pxc7Z/2J2wUzTvbPRT7qbgIct9M0UWFupE1F0d1iic70pHhF/fCcm143W2xdvLP0Ojt6t/jkKfpm1OszaC7PDqtnSUsPmhpQ2H/RLhM2E5DduvUkCsCQmxvNteQ3nA7mlT6+T9+S2Pl/G5zhfjWv6PJ494lybHeo7VJUCPLuqF52VaRkcKU8rAFx0vuLk1jzKwoeQgX85FepwKwhFpxYF4QIyg9XBG651BNsQD90vcjhfLh62QhB4ZTSNsfUnrpGeAKBv5JS8zXnlDBCikGGlZGlJCZNW9/iWFMF0uwxBLX0eE7lnmsdCP3E6k3TExfOuWCoVcyGO0GjLL7PMLtTSc1KBAAAAAElFTkSuQmCC) left center no-repeat;}
.con_bm .submit{display: block;width: 307px;height: 50px;font: bold 20px/46px "microsoft yahei";color: #fff;cursor: pointer;background: #3046e3;border: none;margin: 40px auto 0;text-indent: 0;padding: 0;}


.te_ce{text-align: center!important;text-indent: 0!important;}
@keyframes ani_line {from {transform: none;}to {transform: rotate(360deg);}}
@keyframes change{0% {transform:translateX(0)} 50% {transform:translateX(260px)} 100% {transform:translateX(0)}}
