/* CSS Document */
body {font-family: "Microsoft Yahei", Arial, " ", Helvetica;font-size: 16px!important;background: #f6f6f6;max-width: 750px;margin: 0 auto;}
ul,ol {list-style: none;}
img{border:0;vertical-align:top;display:block;}
a{text-decoration:none;color:#090606;}
html{font-size: 100px;}
.banner img{width: 100%;}

.xx_1{margin: 3% auto;width: 96%;text-align: center;}
.xx_2{padding:5% 2%;background: #0a1044;text-align: center;}
.xx_3{padding:5% 2%;background: linear-gradient(to right, #050f49 , #172e7a);text-align: center;}
.xx_4{padding:5% 2%;background: url(../images/xx4_bg.jpg) center;text-align: center;}
.xx_5{padding:5% 2%;background: #05063b;text-align: center;}
.xx_7{padding: 5% 0;background: linear-gradient(#001125,#07244a);text-align: center;}

.xx_h2{margin: 0 0 0.2em;font-size: 0.3rem;line-height: 1.6em;}
.xx_h2 span{color: #3d6ce6;}
.xx_h3{margin: 0 0 0.2em;font-size: 0.18rem;line-height: 1.6em;color: #555658;font-weight: normal;}
.xx_p{font-size:0.18rem;color:#555658;margin:0 0 0.2em;line-height: 1.6em;}
.ljzx {display: inline-block;color: #fff;background: #3366e6;font-size: 0.22rem;line-height: 2.6em;width: 3rem;}

.yybm {margin: 3% 0;}
.yybm ul{margin: 0;padding: 0;}
.yybm li{margin: 0.2rem auto;}
.yybm i{font-size: 0.2rem;font-style: normal;width: 3.5em;display: inline-block;text-align: left;}
.yybm input {width: 78%;line-height: 2.8em;font-size: 0.2rem;border-radius: 0.1rem;color:#333;background: #f0f0f0;border: solid 1px #e0e0e0;padding: 0;text-indent: 2em;}
.yybm p {font-size: 0.17rem;color:#fe0000;line-height: 1.6em;margin: 0.2rem 0 0.3rem;}
.yybm .ljyy{display: inline-block;color: #fff;text-align: center;background: #3366e6;font-size: 0.22rem;line-height: 2.6em;border: 0;border-radius: 0;box-shadow: none;text-indent: 0;width: 3rem;}

.part1_content{margin: 3% 0;/* padding: 0.1rem  0; */}
.part1_content .hd{overflow: hidden;padding: 0;margin: 0.1rem 0;display: flex;justify-content: space-around;}
.part1_content .hd li{width: 47%;border: 0.01rem solid #999999;font: 0.2rem/2.2em "Microsoft Yahei";color: #666666;margin: 0;cursor: pointer;box-sizing: border-box;}
.part1_content .hd li.active{background: #3d6ce6;border-color: #3d6ce6;color: #ffffff;}
.part1_content .bd {overflow: hidden;margin: 2% 0;padding: 0;display: none;flex-wrap: wrap;justify-content: space-between;}
.part1_content .bd.show{display: flex;}
.part1_left li{width: 49.5%;margin: 0.5% 0;position: relative;background: #000;}
.part1_left li img{width: 100%;}
.part1_left div{position: absolute;width: 100%;bottom: 0;left: 0;text-align: left;padding: 0 0.2rem 0.2rem;box-sizing: border-box;}
.part1_left h3{font: bold 0.18rem/1.6 "Microsoft Yahei";color: #ffffff;display: block;}
.part1_left p{font:0.16rem/0.24rem "Microsoft Yahei";color: #ffffff;margin: 0.06rem 0 0;}
.part1_content .bd.part1_right{background: #fff;border: #3d6ce6 0.02rem solid;border-radius: 0.1rem;padding: 2% 0;}
.part1_right ul{margin: 0;padding: 0;display: flex;justify-content: space-between;}
.part1_right ul li{width: 33%;float: left;padding: 0 0.2rem;box-sizing: border-box;}
.part1_right ul li img{width: 100%;}
.part1_right ul li p{text-align: center;font: bold 0.18rem/1.2em "Microsoft Yahei";color: #3d6ce6;margin: 0 0 0.1rem;}
.part1_right ul li span{font: 0.14rem/1.6em "Microsoft Yahei";color: #666666;display: block;text-align: left;}
.part1_right h5{font: bold 0.24rem/1.6 "Microsoft Yahei";color: #3d6ce6;margin: 0.1rem 0;width: 100%;}
.part1_right>img{margin: 0 auto;width: 96%;}

.part2_content{margin: 3% 0;padding: 0.1rem 0;}
.part2_content img{width: 100%;}

.part4_content {margin: 3% 0;padding: 0;}
.part4_content li {margin: 2% 0;position: relative;}
.part4_content div {font-size: 0.28rem;color: white;width: 2em;height: 2em;line-height: 2em;border-radius: 50%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.part4_content h3 {font: bold 0.2rem/0.55rem "Microsoft Yahei";color: #333;margin:  0 1em;}
.part4_content p {font: 0.17rem/2 "Microsoft Yahei";color: #666666;text-align: left;margin: 0 0 0 12%;}
.part4_content .p4_l1 div{background: #ffa018;}
.part4_content .p4_l2 div{background: #12d291;}
.part4_content .p4_l3 div{background: #8d42f9;}
.part4_content .p4_l4 div{background: #477afd;}

.con4{margin: 3% auto;box-sizing: border-box;display: flex;justify-content: space-between;background: url(../images/con5_bg.jpg) 2px top no-repeat #011b3c;padding: 15% 0% 0;background-size: 100% auto;}
.con4 li{width: 31.6%;float: left;margin: 0;}
.con4 .h1{margin: 7% 0 0 0.8%;}
.con4 .h2{margin: 0 0.7% 0 0}
.con4 img{border-radius: 50%;margin: 0 auto;width: 56%;}
.con4 h3{font-size: 0.24rem;color: #00ffff;margin: 0.5em 0 0.6em;padding: 0 0 0.6em;position: relative;}
.con4 h3::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 1.5em;height: 0.2em;background: #0ff;}
.con4 p{width: 92%;margin: 0 auto;color: white;font-size: 0.16rem;line-height: 1.6em;text-align: left;}

.con6{margin: 3% auto;padding: 0;font-size: 1.2em;max-width: 636px;}
.con6>li{overflow: hidden;margin: 3% auto;text-align: left;}
.con6 .l{background: url('../images/p8_1.png') no-repeat top /100%;position: relative;float: left;box-sizing: border-box;width: 100%;min-height: 2.27rem;padding: 8% 4% 0 15%;}
.con6 .l>span{position: absolute;left: 6.5%;top: 10%;font-size: 0.48rem;line-height: 1em;color: #010544;width: 7%;text-align: center;}
.con6 .l small{font: 0.22rem/1.4em "";color: #01c8fd;margin: 0;display: block;padding: 0 1em;}
.con6 .l p{color: white;padding: 0;margin: 0.5em 0 0;display: flex;flex-wrap: wrap;font-size: 0.16rem;line-height: 2em;}
.con6 .l::before{content: "";position: absolute;top: 0;left: 7em;width: 1.5em;height: 0.5em;animation: change 5s infinite;background: #01c8fd;margin: 5.7% 0 0 0;font-size: 0.2rem;}
.con6 .fr{background: url(../images/p8_2.png) no-repeat top /100%;padding: 8% 15% 0 3%;}
.con6 .fr>span{right: 6.5%;left: initial;}
.con6 .fr::before{left: 2em;}
@keyframes change{0% {transform:translateX(0)} 50% {transform:translateX(3rem)} 100% {transform:translateX(0)}}

.con8 {position: relative;margin: 3% 0;}
.con8 .ys_title ul{padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}
.con8 .ys_title li{width: 49%;float: left;color: white;background: url(../images/ys_bg.png) no-repeat;font-size: 1em;padding: 9% 4% 5% 0;line-height: 0;box-sizing: border-box;background-size: 100%;margin: 1% 0;font-size: 0.18rem;}
.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;}

.con9 {margin: 3% 0;}
.con9 ul{padding: 0;text-align: left;}
.con9 li{color: #05e5f3;border-bottom: 1px solid #0b22eb;font-size: 0.18rem;line-height: 3em;position: relative;}
.con9 p{margin: 0 auto;}
.con9 a{color: white;width: 6em;height: 2.5em;text-align: center;line-height: 2.5em;border-radius: 0.4em;background: linear-gradient(to right, #3046e3 , #07d3ea);position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.con9 .la{border: none;}

.con11 {margin: 3% 0;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;}
.con11 li{width: 49%;margin: 1% 0;}
.con11 li img{width: 100%;}

.co_wt{color: white!important;}
.te_le{text-align: left!important;}

.shx{ width:96%; margin:2% auto; text-align:center;}
.shx img{ width:100%;}