html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{ font-size: 0.24rem; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#535353; line-height:0.3rem; overflow-x: hidden;}
ol, ul ,li{ list-style: none; }
h1,h2,h3,h4,h5,h6{ font-size: 100%;}
blockquote, q { quotes: none; }
p{ color: #fff; font-weight: 500;}
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { outline: 0; resize: none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
a { text-decoration:none; color:#333;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
a:hover { text-decoration:none; }
abbr[title] { border-bottom:1px dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { width:100%; display: block; overflow: hidden; }
img { border: none;}
.clear { clear:both; }
.pd4{ padding: 0 4%;}
.mt1{ margin-top: 0.15rem;}
.bgb{ background: #fff;}
.ss{ animation: ss .75s linear infinite; color: #fff;}
.fl { float:left; } .fr { float:right; }
.box{ width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto;}
.box img{ width: 100%;  display: block;}

.banner{ margin-top: 1rem;}
.miniban{ width: 90%; margin: 0.6rem auto;}
.tit{ margin: .5rem auto;  background-size: contain; background-position: center; background-repeat: no-repeat;}
.tit1{ background-image: url(../images/tit1.png); width: 6.14rem; height: .86rem;}
.tit2{ background-image: url(../images/tit2.png); width: 6.76rem; height: 1.56rem;}
.tit3{ background-image: url(../images/tit3.png); width: 6.16rem; height: 1.56rem;}
.tit5{ background-image: url(../images/tit5.png); width: 6.35rem; height: 1.57rem;}
.tit6{ background-image: url(../images/tit6.png); width: 6.35rem; height: 1.56rem;}
.tit7{ background-image: url(../images/tit7.png); width: 6.35rem; height: 1.57rem;}
.tit8{ background-image: url(../images/tit8.png); width: 7.13rem; height: .86rem;}
.tit9{ background-image: url(../images/tit9.png); width: 6.35rem; height: 2rem;}
.tit10{ background-image: url(../images/tit10.png); width: 6.35rem; height: 1.56rem;}
.cont1_p,.cont1_pp{ color: #fff;width: 6.9rem; padding: 3% 4%; margin-bottom: .2rem; background-size: contain; background-repeat: no-repeat;}
.cont1 .cont1_p:nth-child(2){ height: 2.37rem; background-image: url(../images/cont1_p1.jpg); }
.cont1 .cont1_p:nth-child(3){ height: 1.96rem; background-image: url(../images/cont1_p2.jpg); }
.cont1 .cont1_p:nth-child(4){ height: 1.6rem; background-image: url(../images/cont1_p3.jpg); }
.cont1 .cont1_p:nth-child(5){ height: 2.69rem; background-image: url(../images/cont1_p4.jpg); }
.cont1_p h3{ font-size: .3rem; border-left: 0.05rem solid #fff; padding-left: .05rem;}
.cont1_p p{ font-size: .28rem; margin-top: .2rem; line-height: .36rem;}
.cont1_pp{ width: 6.9rem; height: 1.87rem; margin: 0 auto; background: linear-gradient(to right bottom,#d753a1,#9721c0); border-radius: .1rem;}
.cont1_pp p{ font-size: .28rem; line-height: .36rem;}
.cont2n { padding: 0 5%;}
.cont2n .swiper-container1 { padding-bottom: .6rem;}
.cont2n .swiper-container1 .swiper-slide{ width: 42%; height: 1.66rem; border-radius: .1rem; color: #fff; background: #9721c0; text-align: center;}
.cont2n .swiper-container1 .swiper-slide:nth-child(1){ background: linear-gradient(to right bottom,#63dfcc,#5990ff);}
.cont2n .swiper-container1 .swiper-slide:nth-child(1) p{ background: linear-gradient(to right,#63dfcc,#5fbde2);}
.cont2n .swiper-container1 .swiper-slide:nth-child(2){ background: linear-gradient(to right bottom,#ea54a3,#f5787b);}
.cont2n .swiper-container1 .swiper-slide:nth-child(2) p{ background: linear-gradient(to right,#f5787b,#ea54a3);}
.cont2n .swiper-container1 .swiper-slide:nth-child(3){ background: linear-gradient(to right bottom,#a547f4,#da3db7);}
.cont2n .swiper-container1 .swiper-slide:nth-child(3) p{ background: linear-gradient(to right,#da3db7,#a547f4);}
.cont2n .swiper-container1 .swiper-slide:nth-child(4){ background: linear-gradient(to right bottom,#f48048,#ebbf71);}
.cont2n .swiper-container1 .swiper-slide:nth-child(4) p{ background: linear-gradient(to right,#ebbf71,#f48048);}
.cont2n .swiper-container1 .swiper-slide:nth-child(5){ background: linear-gradient(to right bottom,#f98c5c,#f056b5);}
.cont2n .swiper-container1 .swiper-slide:nth-child(5) p{ background: linear-gradient(to right,#f056b5,#f98c5c);}
.cont2n .swiper-container1 .swiper-slide:nth-child(6){ background: linear-gradient(to right bottom,#a547f4,#8440e6);}
.cont2n .swiper-container1 .swiper-slide:nth-child(6) p{ background: linear-gradient(to right,#8440e6,#a547f4);}
.cont2n .swiper-container1 .swiper-slide:nth-child(7){ background: linear-gradient(to right bottom,#e24b62,#f07e8f);}
.cont2n .swiper-container1 .swiper-slide:nth-child(7) p{ background: linear-gradient(to right,#f07e8f,#e24b62);}
.cont2n .swiper-container1 .swiper-slide:nth-child(8){ background: linear-gradient(to right bottom,#a356f2,#8294f4);}
.cont2n .swiper-container1 .swiper-slide:nth-child(8) p{ background: linear-gradient(to right,#8294f4,#a356f2);}
.cont2n .swiper-container1 .swiper-slide:nth-child(9){ background: linear-gradient(to right bottom,#56cafc,#805ce7);}
.cont2n .swiper-container1 .swiper-slide:nth-child(9) p{ background: linear-gradient(to right,#805ce7,#56cafc);}
.cont2n .swiper-container1 .swiper-slide h3{ font-size: .26rem; font-weight: bold; margin: .4rem 0 .2rem;}
.cont2n .swiper-container1 .swiper-slide p{ display: inline-block; width: 80%; font-size: .22rem; line-height: .46rem; padding: 0 2%; border-radius: .46rem; box-shadow: 0 0 0.2rem rgba(51, 51, 51, 0.4); }
.swiper-container1 .swiper-pagination-bullet{ height: .05rem; border-radius: .1rem; background: #858585; opacity: 1;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width: .37rem; background: #9122af;}
.cont3n{ background: linear-gradient(to right bottom,#ce4f99,#8a2899); padding: 0 4%; border-radius: .1rem; overflow: hidden;}
.cont3n_p{ padding: 0.3rem 0;}
.cont3n_p:nth-child(2){ border-top: 1px dashed #fff; border-bottom: 1px dashed #fff;}
.cont3n_p h3{ font-size: .3rem; margin-bottom: .2rem; color: #fff;}
.miniban2{ margin: .3rem 0; height: 1.49rem; background: url(../images/miniban2.jpg) no-repeat center;  background-size: contain;}
.cont4 img{ width: 6.9rem; margin: .3rem auto;}
.cont4 p{ font-size: .26rem; color: #616161; margin-bottom: .2rem;}
.cont5{ overflow: hidden;}
.cont5n{ width: 49%; height: 2.32rem; margin-bottom: .2rem;}
.cont6n{ padding: 0 8%; background: url(../images/cont6_bg.png) no-repeat bottom center; background-size: contain;}

.swiper-container2 .swiper-slide img{ width: 3.14rem; height: 3.99rem; margin: .2rem auto; border-radius: .1rem;}
.swiper-container2 .swiper-slide h3{ width: 2.05rem; line-height: .45rem; border-radius: .45rem; background: linear-gradient(to right,#bd36d0,#e13b8e); color: #fff; text-align: center; margin: 0 auto .3rem;}
.swiper-container2 .swiper-slide p{ color: #333; text-align: left; margin-top: .15rem; line-height: .36rem;}
.swiper-container2 .swiper-button-prev,.swiper-container2 .swiper-button-next{ width: .47rem; height: .47rem;}
.swiper-container2 .swiper-button-prev{ background: url(../images/left.png) no-repeat; background-size: contain;}
.swiper-container2 .swiper-button-next{ background: url(../images/right.png) no-repeat; background-size: contain;}
.cont7n{ width: 6.77rem; margin: .3rem auto;}
.cont7_p{ height: 1.19rem; width: 100%; border-radius: .1rem; line-height: .34rem; background: linear-gradient(to right bottom,#d35299,#8f2a99); display: flex; align-items: center; color: #fff; padding: 0 4%; text-align: center; font-size: .26rem; }
.cont7_zx{ width: 3.64rem; height: .85rem; margin: .3rem auto;}
.cont9_p{ width: 80%; margin: .3rem auto; border-right: 3px solid #805ce7; border-left: 3px solid #805ce7; text-align: center; font-size: .28rem;}
.cont9_zx{ width: 3.96rem; height: .86rem; margin: .3rem auto;}

.cont10_form{ background: url(../images/zx_from.png) no-repeat center; width: 5.53rem; height: 5.1rem; background-size: contain; margin: .3rem auto; overflow: hidden;}
.cont10_form h3{ font-size: .28rem; font-weight: bold; line-height: .32rem; margin: .5rem 0 .3rem; text-align: center; color: #fff;}
.cont10_form #ft_yy_names,.cont10_form #ft_yy_phones{ display: block; line-height: .68rem; background: #fff; border-radius: .66rem; width: 4.29rem; margin: 0.3rem auto; padding: 0 4%;}
.cont10_form .ft_yy_form_n_rBtn{ display: block; width: 2.76rem; height: .74rem; border-radius: .74rem; background: none; margin: .7rem auto 0; text-indent: -99rem;}