*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}






.headerbanner{width:100%;}


.con1{width:100%; padding: 8% 0 4%; background: #120d28;}
.con1 h1{font-size: 0.62rem; color: #e7b285; text-align: center; line-height: .9em;}
.con1 h1 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #5b4c4f;}
.con1 li{width:43%; float: left; margin: 2% 2% 3% 4%; }
.con1 .co{border-radius: 2em; background: #e7b285; text-align: center; font-size: 0.36rem; color: #130f2c;  padding: 5% 0;}
.con1 .click{width:50%; border-radius: 2em; background: #f4b03a; text-align: center; font-size: 0.36rem; color: #130f2c; margin: 2% auto 0; padding: 2.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite;}



.con2{width:100%; padding:8% 0 8%; background: #efeef1}
.con2 h1{font-size: 0.62rem; color: #01033c; text-align: center; }
.con2 h2{font-size: 0.44rem;font-weight: normal; text-align: center; color: #01033c;line-height: 1.1em;}
.con2 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; }
.con2one{position: relative; margin-top: 4%; height: 9rem;}
.con2one h3{font-size: 0.44rem;color: #01033c;position: absolute; top:4.5%; left: 20%;}
.con2one .pp1{position: absolute; width:2.2rem; height: 2.2rem; background: #f5cfb2; top:51%; left: 6%; border-radius: 10em}
.con2one .pp2{position: absolute; width:2.2rem; height: 2.2rem; background: #e7b285; top:51%; left: 38%; border-radius: 10em}
.con2one .pp3{position: absolute; width:2.2rem; height: 2.2rem; background: #cf935f; top:51%; left: 70%; border-radius: 10em}
.con2one .co1{font-size: 0.32rem; color: #01033c; text-align: center; padding-top: 26%;line-height: 1.2em;}
.con2one .co2{font-size: 0.32rem; color: #fff; text-align: center; padding-top: 26%;line-height: 1.2em;}
.con2 .click{width:60%; border-radius: 2em; background: -webkit-linear-gradient(left , rgb(132, 133, 165) 18% , rgb(1, 3, 60) 87%); text-align: center; font-size: 0.36rem; color: #fff; margin: 2% auto 0; padding: 1.2% 0; font-weight: 700;animation: updown 2s 0s ease both infinite;}
.con2two{padding-top:4%;}
.con2text{position: relative}
.con2text h4{position: absolute;font-size: 0.44rem;color: #01033c;bottom:-10%; left: 20%;}
.team{position: relative; margin-bottom: 3%}
.team .pp{position: absolute; width:2.4rem; height: 2.4rem; border-radius: 10em}
.team .pp1{background: #f5cfb2; top:70%; left: 6%;}
.team .pp2{ background: #e7b285; top:70%; left: 38%;}
.team .pp3{ background: #cf935f; top:70%; left: 70%; }
.team .pp4{background: #f5cfb2; top:6%; left: 8%;}
.team .pp5{ background: #e7b285; top:30%; left: 30%;}
.team .pp6{ background: #cf935f; top:48%; left: 6%; }
.team .co1{font-size: 0.32rem; color: #01033c; text-align: center; padding-top: 28%;line-height: 1.2em;}
.team .co2{font-size: 0.32rem; color: #fff; text-align: center; padding-top: 28%;line-height: 1.2em;}
.team .click{width:60%; border-radius: 2em; background: -webkit-linear-gradient(left , rgb(132, 133, 165) 18% , rgb(1, 3, 60) 87%); text-align: center; font-size: 0.36rem; color: #fff;  padding: 1.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite; position: absolute; bottom: -8%; left: 20%;}


.con2three{padding-top: 6%;}
.con2threetext{position: relative}
.con2threetext h4{position: absolute;font-size: 0.44rem;color: #01033c;top:16%; left: 20%;}
.con2threecon{position: relative;  height: 6rem;}

.con2threecon .pp1{position: absolute; background: #211a42; padding: 3% 2% 11.5% 2%; width:22%; top:50%; left: 6%; color: #fff}
.con2threecon .pp2{position: absolute; background: #524b74; padding: 3% 2% 8% 2%; width:22%; top:50%; left: 37%; color: #fff}
.con2threecon .pp3{position: absolute; background: #7f7a98; padding: 3% 2% 11.5% 2%; width:22%; top:50%; left: 68%; color: #fff}
.con2threecon .co1{font-size: 0.36rem; line-height: 1.2em;}
.con2threecon .co2{font-size: 0.32rem; line-height: 1.2em; padding-top: 10%}
.con2threecon .click{width:60%; border-radius: 2em;background: -webkit-linear-gradient(left , rgb(255, 215, 145) 19% , rgb(244, 176, 58) 77%);text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite; position: absolute; bottom:-2%; left: 20%;}


.con2four{padding-top: 6%;}
.con2fourcon{position: relative;  height: 6rem;}
.con2fourcon .pp1{position: absolute; background: #211a42; padding: 3% 2% 8% 2%; width:22%; top:50%; left: 6%; color: #fff}
.con2fourcon .pp2{position: absolute; background: #524b74; padding: 3% 2% 11.5% 2%; width:22%; top:50%; left: 37%; color: #fff}
.con2fourcon .pp3{position: absolute; background: #7f7a98; padding: 3% 2% 11.5% 2%; width:22%; top:50%; left: 68%; color: #fff}
.con2fourcon .co1{font-size: 0.36rem; }
.con2fourcon .co2{font-size: 0.32rem; line-height: 1.3em; padding-top: 10%}
.con2fourcon .click{width:60%; border-radius: 2em;background: -webkit-linear-gradient(left , rgb(255, 215, 145) 19% , rgb(244, 176, 58) 77%);text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite; position: absolute; bottom:0%; left: 20%;}


.con3{padding-top: 10%;}
.con3text{position: relative; text-align: center; font-size: 0.6rem; font-weight: normal; color: #01033c; line-height: 1.2em;}
.con3text span{font-size: .42rem;font-weight: lighter; color: #a3a3af; text-transform: uppercase}
.con3text .bq{width:16.4%; position: absolute; top:-32%; left: 18%;}

.con3one{border-radius: 1.5em; background: #d8cee6; margin-top:25%; position: relative; height: 15.6rem}
.onead{width:86.7%; position: absolute; top:-15%; left: 6.65%; z-index: 100}
.onead1{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 20%; border-radius: 10em;z-index: 100}
.onead2{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 42%; border-radius: 10em;z-index: 100}
.onead3{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 64%; border-radius: 10em;z-index: 100}
.onead1 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead2 .co1{padding-top: 28%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead3 .co1{padding-top: 28%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onecon{padding-top:36%; position: relative; color: #01033c}
.onecon h1{text-align: center; font-size: 0.32rem; width:100%; text-decoration: underline }
.onecon .bq1{width:10.98%; position: absolute; top:24%; left: 10%;}
.onecon .click{width:42%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% 0 0 5%;background: -webkit-linear-gradient(left , rgb(253, 138, 179) 15% , rgb(242, 58, 124) 77%);animation: updown 2s 0s ease both infinite;}
.onecon h2{text-align: center; font-size: 0.52rem; width:100%; font-weight: normal; padding-top: 6%}
.onecase{position: relative; width:100%; padding-top: 4%;}
.onecase .pp1{position: absolute; text-decoration: underline; line-height: 1.6em; font-weight: 700; font-size: 0.32rem; top:9%; left: 6%;}
.onecase .pp2{position: absolute; text-align: center; border-radius: 2em; border: 1px dashed #f23a7c; color: #f23a7c; font-weight: 700; font-size: 0.32rem; padding: 1% 2%; top:30.5%; left: 6%;}
.onecase .bqq1{position: absolute;  top:5%; left: 6%; width:10.18%}
.onecase .bqq2{position: absolute; top:25%; left: 6%; width:10.18%}
.onecase .click1{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% auto 0;background: -webkit-linear-gradient(left , rgb(253, 138, 179) 15% , rgb(242, 58, 124) 77%);animation: updown 2s 0s ease both infinite;}



.con3two{border-radius: 1.5em; background: #ffe7f1; margin-top:32%; position: relative; height: 15.6rem}
.twoad{width:86.7%; position: absolute; top:-15%; left: 6.65%; z-index: 100}
.twoad1{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 20%; border-radius: 10em;z-index: 100}
.twoad2{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 42%; border-radius: 10em;z-index: 100}
.twoad3{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 64%; border-radius: 10em;z-index: 100}
.twoad1 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.twoad2 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.twoad3 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.twocon{padding-top:36%; position: relative; color: #01033c}
.twocon h1{text-align: center; font-size: 0.32rem; width:100%; text-decoration: underline }
.twocon .bq1{width:10.98%; position: absolute; top:24%; left: 10%;}
.twocon .click{width:42%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% 0 0 5%;background: -webkit-linear-gradient(left , rgb(222, 187, 157) 15% , rgb(207, 147, 95) 77%);animation: updown 2s 0s ease both infinite;}
.twocon h2{text-align: center; font-size: 0.52rem; width:100%; font-weight: normal; padding-top: 6%}
.twocase{position: relative; width:100%; padding-top: 4%;}
.twocase .pp1{position: absolute; text-decoration: underline; line-height: 1.6em; font-weight: 700; font-size: 0.32rem; top:9%; left: 6%;}
.twocase .pp2{position: absolute; text-align: center; border-radius: 2em; border: 1px dashed #cf935f; color: #cf935f; font-weight: 700; font-size: 0.32rem; padding: 1% 2%; top:30.5%; left: 6%;}
.twocase .bqq1{position: absolute;  top:5%; left: 6%; width:10.18%}
.twocase .bqq2{position: absolute; top:25%; left: 6%; width:10.18%}
.twocase .click1{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% auto 0;background: -webkit-linear-gradient(left , rgb(222, 187, 157) 15% , rgb(207, 147, 95) 77%);animation: updown 2s 0s ease both infinite;}


.con3three{border-radius: 1.5em; background: #ffe7d5; margin-top:32%; position: relative; height: 15.6rem}
.threead{width:86.7%; position: absolute; top:-15%; left: 6.65%; z-index: 100}
.threead1{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 20%; border-radius: 10em;z-index: 100}
.threead2{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 42%; border-radius: 10em;z-index: 100}
.threead3{width:1.5rem; height: 1.5rem; border:1px dashed #01033c; background: #fff; position: absolute; top:11%; left: 64%; border-radius: 10em;z-index: 100}
.threead1 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.threead2 .co1{padding-top: 28%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.threead3 .co1{padding-top: 18%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.threecon{padding-top:36%; position: relative; color: #01033c}
.threecon h1{font-size: 0.32rem; text-decoration: underline; padding-left: 24%; }
.threecon .bq1{width:10.98%; position: absolute; top:24%; left: 10%;}
.threecon .click{width:42%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% 0 0 5%;background: -webkit-linear-gradient(left , rgb(251, 169, 152) 15% , rgb(243, 99, 69) 77%);animation: updown 2s 0s ease both infinite;}
.threecon h2{text-align: center; font-size: 0.52rem; width:100%; font-weight: normal; padding-top: 6%}
.threecase{position: relative; width:100%; padding-top: 4%;}
.threecase .pp1{position: absolute; text-decoration: underline; line-height: 1.6em; font-weight: 700; font-size: 0.32rem; top:9%; left: 6%;}
.threecase .pp2{position: absolute; text-align: center; border-radius: 2em; border: 1px dashed #f36345; color: #f36345; font-weight: 700; font-size: 0.32rem; padding: 1% 2%; top:30.5%; left: 6%;}
.threecase .bqq1{position: absolute;  top:5%; left: 6%; width:10.18%}
.threecase .bqq2{position: absolute; top:25%; left: 6%; width:10.18%}
.threecase .click1{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.5% 0; font-weight: 700; margin:4% auto 0;background: -webkit-linear-gradient(left , rgb(251, 169, 152) 15% , rgb(243, 99, 69) 77%);animation: updown 2s 0s ease both infinite;}

.con4{padding-top: 10%;}
.con4text{position: relative; text-align: center; font-size: 0.6rem; font-weight: normal; color: #01033c; line-height: 1.2em;}
.con4text span{font-size: .42rem;font-weight: lighter; color: #a3a3af; text-transform: uppercase}
.con4con{position: relative;}
.con4left{background: #e7b285; color: #01033c; width:42.7%; float: left; margin: 2% 0 0 4%; text-align: center; padding-bottom: 2%}
.con4left ul{width:90%; margin: 0 auto;}
.con4left li{line-height: 1.4em; border-bottom: 1px solid #01033c;  font-size: 0.28rem;padding-top:6%;}
.con4left .pp1{height: 1.8rem; }
.con4left .pp2{height: 1.5rem; }
.con4left .pp3{height: 1.2rem; }
.con4left .pp4{height: 1.2rem;padding-top:10.5%; }

.con4right{background: #ececec; color: #666; width:42.7%; float: left; margin: 2% 0 0 7%; text-align: center; padding-bottom: 2%}
.con4right ul{width:90%; margin: 0 auto;}
.con4right li{line-height: 1.4em; border-bottom: 1px solid #ccc;  font-size: 0.28rem;padding-top:6%;}
.con4right .pp1{height: 1.8rem; }
.con4right .pp2{height: 1.5rem; }
.con4right .pp3{height: 1.2rem; }
.con4right .pp4{height: 1.6rem;padding-top:11%; }
.con4right .pp5{height: 1.4rem;padding-top:16.5%; }
.con4right .pp6{height: 1.2rem;padding-top:13.5%; }
.con4right .pp7{height: 1.4rem; }


.con4con .bqq{position: absolute;width:8.1%; top:15%; left: 46%;}
.con4con .bq{position: absolute; width:1rem; height: 1rem; background: #01033c; font-size: 0.3rem; font-weight: 700; line-height: 1.2em;color: #fff; text-align: center; border-radius: 10em;left: 45.5%; }
.con4con .co{padding-top: 12%}
.con4con .bq1{top:25%; }
.con4con .bq2{top:42%; }
.con4con .bq3{top:59%; }
.con4con .bq4{top:73%; }
.con4con .bq5{top:87%; }

.con4 .click{width:60%; border-radius: 2em; background: -webkit-linear-gradient(left , rgb(132, 133, 165) 18% , rgb(1, 3, 60) 87%); text-align: center; font-size: 0.36rem; color: #fff; margin: 2% auto 0; padding: 1.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite;}

.con5{border-radius: 1.5em; background: url(../images/bg.jpg) no-repeat; background-size: cover; width:92%; margin: 8% auto 0; height: 4.4rem; position: relative;}
.con5 .bq{border-bottom-right-radius:  2em; border-top-right-radius: 2em; width:24%; background: #f23a7c; text-align: right; padding: 1% 6% 1% 0; font-size: 0.32rem; color: #fff; font-weight: 700;position: absolute; top:6%;left: -5%; z-index: 1000}
.con5box{padding-top: 10%;}
.yyul{width: 94%;overflow: hidden;border-bottom: 1px dashed #6a5152; margin: 0 auto;}
.yyul li {width: 25%;float: left;font-size: .32rem;color: #e7b285;text-align: center;height: .72rem;line-height: .72rem; margin-bottom: 0.8%}
#yyswiper{height: 3.4rem;}
.yyul .co1{border-radius: 2em; background: #e7b285; color: #fff; width:22%}
.yyul .co2{border-radius: 2em; background: #f23a7c; color: #fff;width:22%}
.con5 .click{width:46%; float: left; border-radius: 2em; text-align: center; font-size: 0.34rem; color: #fff; padding: 1% 0; margin:4% 2% 10% 2%;background: -webkit-linear-gradient(left , rgb(222, 187, 157) 15% , rgb(207, 147, 95) 77%);animation: updown 2s 0s ease both infinite;}


.con6{padding-top: 10%;}
.con6text{position: relative; text-align: center; font-size: 0.6rem; font-weight: normal; color: #01033c; line-height: 1.2em;}
.con6text span{font-size: .42rem;font-weight: lighter; color: #a3a3af; text-transform: uppercase}

.ysbox{display:block;width:100%; position:relative;}
.ysbox h3{width:66%;position:absolute;color:#383838;font-weight:600; font-size:.6rem; left:0;top:10%; text-align:center;}
.ysbox h3 span{font-size:.37rem;font-weight:normal;}
.ysbox h3 p{font-size:.37rem; color:#383838; font-weight:normal;}
.ysbox dl{ position:absolute;width:66%;left:0; top:32%;text-align:center;}
.ysbox dl dt{display:inline-block;font-size:.33rem;color:#fff; background:#7745c3; margin-bottom:2%; padding:.1em 1em; border-radius:1.2em;}
.ysbox dl dd span{display:inline-block;margin-left:1%; text-align:center; font-size:.3rem;color:#60338f; border:.02rem dotted #60338f; padding:0.2em 0.5em; border-radius:1.4em; box-sizing:border-box;}
.ysbox .p2{width:66%;position:absolute; font-size:.32rem;color:#494949; left:0; top:52%; text-align:center;}
.ysbox .p2 span{color:#7745c3;font-weight:600;}
.ysbox .p1{ position:absolute; font-size:.3rem;color:#966b2e; left:0; top:72%; width:66%; text-align:center;}
.ysbox .p1 span{color:#343434; margin-right:3%;}
.ysbox .btn{position:absolute; display:inline-block; left:6%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

.ysbox .btn1{position:absolute; display:inline-block; left:34%;top:82%; background:#966b2e;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn1 i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:1% auto 0;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
#zjswiper .swiper-pagination{bottom:5px;}
















@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(10px)}
	100%{opacity:1;transform:translateX(0px)}
}