body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#f7f7f7; overflow-x:hidden; color:#333;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#ff4880;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#6f6f6f;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#6f6f6f;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#6f6f6f;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#6f6f6f;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:400;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1630px; width:85%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex6{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
.scroll{ overflow-y:auto;}
.scroll::-webkit-scrollbar-track{ border-radius:999px; background:#fff;}
.scroll::-webkit-scrollbar-thumb{ background:#fff; border-radius:999px; min-height:20px; transition:all 0.6s;}
.scroll::-webkit-scrollbar{ width:5px; height:5px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}
.scroll:hover::-webkit-scrollbar-thumb{ background:#bbb;}

/*header*********************************************************************/
.head{ position:relative; z-index:505; height:180px; background:#ffecf2;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:#ffecf2; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.h_top{ font-size:16px; background:#ff4880; border-radius:0 40px; padding:18px 1.5%;}
.h_top *{ color:#fff;}
.h_top em a{ margin-left:15px;}
.h_top a:hover{ color:rgba(255,255,255,.8);}
.logo{ width:13.49693251533742%;}
.logo img{ display:block; width:100%;}
.nav{ width:56.7%;}
.nav .plebans{ font-size:18px; line-height:120px;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:#444;}
.nav li{ position:relative;}
.nav li .jd:before{ color:#fff; font-size:18px; font-weight:400; margin-left:5px; transition:color 0.3s cubic-bezier(0.77,0,0.175,1);}
.nav li.cur .plebans a,.nav li.hover .plebans a{ color:#ff4880;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; background:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.16); left:50%; transform:translate(-50%,0); width:114px; border-radius:0 0 5px 5px;}
.goutp:before{ content:""; display:inline-block; position:absolute; top:-6px; left:50%; margin-left:-6px; width:0; height:0; font-size:0; overflow:hidden; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #ff4880;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666; text-align:center;}
.goutp p a:hover{ color:#ff4880; background:#fdeff3;}
.goutp p:last-child a{ border-radius:0 0 5px 5px;}
.hrt{ width:auto;}
.tell{ font-size:29px; color:#ff4880; font-weight:bold; line-height:2.068965517241379; border-right:1px solid #ff4880; padding-right:18px; margin-right:25px;}
.tell a{ color:#ff4880; background:url(../images/tell.png) left center no-repeat; background-size:46px 46px; padding-left:65px; display:inline-block;}
.search_ico{ background:url(../images/search.png) #ff4880 center center no-repeat; background-size:21px 21px; width:55px; height:55px; display:block; border-radius:50%; transition:all .6s;}
.search_ico:hover,.s_inbut:hover{ background-color:#4d65f9;}
.search{ position:fixed; left:0; right:0; bottom:0; top:0; display:none; z-index:999; background:rgba(0,0,0,.8);}
.searchc{ position:fixed; left:0; right:0; bottom:0; top:0;}
.s_t1{ font-size:20px; color:#fff; position:absolute; left:20px; top:15px; right:20px; font-weight:bold; line-height:30px;}
.search .close{ margin-top:3px; height:24px; cursor:pointer;}
.search_form{ width:65%; position:relative; overflow:hidden;}
.s_intxt{ border:none; border-radius:1000px; display:block; padding:12px 15px; line-height:1.5; background:#fff; font-size:18px; color:#333; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:#ff4880; position:absolute; top:0; bottom:0; right:0; font-size:18px; padding:0 30px; overflow:hidden; border-radius:1000px; transition:all .6s; color:#fff;}
.head_on .head-fixed{ -webkit-transform:translateY(-60px); transform:translateY(-60px); box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

.sanh{ width:50px; padding:10px; position:absolute; right:20px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#ff4880;}
.tesd>div{ background-color:#ff4880!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ width:100%;}
.banner .w{ position:relative;}
.banner .swiper-slide{ pointer-events:auto; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.banner .ban_txt{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.banner .ban_txt .clear{ width:100%;}
.banner .ban_txt em{ display:block; transform:translateX(-60px); opacity:0; font-size:80px; color:#ff4880; font-weight:bold; line-height:1.735; text-shadow:1px 2px 1px #000;}
.banner .ban_txt em font{ display:block; color:#fff; text-indent:1.5em;}
.banner .ban_txt p{ font-size:18px; line-height:3.6; transform:translateX(-30px); opacity:0; padding:6.2% 0 0 10.7361963190184%;}
.banner .ban_txt p a{ display:inline-block; background:#ff4880; color:#fff; padding:0 70px; border-radius:25% 10%; transition:all .6s;}
.banner .ban_txt p a:hover{ background:#4d65f9;}
.banner .swiper-slide.active .ban_txt em,.banner .swiper-slide.active .ban_txt p{ transition:all 2s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1; margin:0 6px!important; border-radius:12px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#ff4880; width:24px;}

.titc{ text-align:center; font-size:36px; line-height:1;}
.titc em{ display:inline-block; color:#ff4880; font-weight:bold; padding:0 10px 15px 10px; border-bottom:2px solid #ff4880; border-radius:10% 30%;}

.con1{ width:100%; background:#fff; overflow:hidden; padding:80px 0;}
.con1_tab{ margin:60px auto 0 auto; width:93.86503067484663%;}
.con1_tab ul li{ width:10%; max-width:130px; position:relative; overflow:hidden;}
.con1_tab ul li img{ display:block; width:100%; transition:0.5s; opacity:100%;}
.con1_tab ul li .pic:before{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; transform:scale(0); transition:0.5s; background-color:#ff4880; opacity:80%; border-radius:100%;}
.con1_tab ul li.active .pic img,.con1_tab ul li:hover .pic img{ opacity:60%;}
.con1_tab ul li.active .pic:before,.con1_tab ul li:hover .pic:before{ transform:scale(1);}
.con1_tab ul li .txt{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%) scale(0) rotate(360deg); transition:0.5s; text-align:center; font-size:25px; color:#fff;}
.con1_tab ul li.active .txt,.con1_tab ul li:hover .txt{ transform:translateY(-50%) scale(1) rotate(0deg);}
.con1_bot{ max-width:100%!important; width:100%!important; padding:0 .9375%; margin-top:60px;}
.con1c{ width:100%;}
.con1_list{ width:101.273885350318471%; margin-top:-1.273885350318471%;}
.con1_list li{ background:#d0d0d0; border-radius:10px; overflow:hidden; margin:1.273885350318471% 1.273885350318471% 0 0; width:32.05944798301486%; padding:1.6% 2.986% 1.6% 2.19%; position:relative;}
.con1_list li:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:100%; clip-path:polygon(100% 100%, 100% 100%, 100% 0%, 0% 0%); transform:scale(0); transform-origin:top right; background-image:linear-gradient(-86deg, #dd1d25 0%, #fb9737 100%); pointer-events:none; transition:all 400ms ease-in-out; opacity:60%; z-index:1;}
.con1_list li.active:before,.con1_list li.hover:before{ transform:scale(1);}
.con1_list li .txt{ width:56.41399416909621%; display:flex; flex-direction:column; position:relative; z-index:2;}
.con1_list li .txt .clear{ flex:1;}
.con1_list li .txt em{ display:block; color:#ff4880; font-weight:bold; font-size:2.5390625vw;}
.con1_list li .txt p{ font-size:1.2890625vw; color:#000;}
.con1_list li .txt .bot{ width:100%; text-align:center; padding-right:20%;}
.con1_list li .txt .bot a{ font-size:22px; color:#fff; background:#ff4880; line-height:2.272727272727273; padding:0 1.640625vw; display:inline-block; border-radius:25% 10%; transition:0.5s;}
.con1_list li .pic{ width:43.58600583090379%; z-index:2;}
.con1_list li .pic img{ display:block; max-height:100%; max-width:100%;}
.con1_list li.hover .txt .bot a{ background:#4d65f9;}

.con2{ width:100%;background:linear-gradient(to bottom,#fff5f8,#ffdbe6); overflow:hidden; padding:80px 0;}
.con2 .training_aid_list{ padding-top:45px;}
.training_aid_list{ width:101.47239263803681%;}
.training_aid_list li{ background:#fff5f8; border:10px solid #fff; border-radius:5px; margin:1.47239263803681% 1.47239263803681% 0 0; width:23.52760736196319%; overflow:hidden;}
.training_aid_list li .pic{ border-radius:5px 5px 0 0;}
.training_aid_list li .txt{ text-align:center; padding:22px 0 24px; transition:0.5s ease; position:relative; border-radius:0 0 5px 5px;}
.training_aid_list li .txt .bot{ position:absolute; bottom:-50px; left:0; right:0; transition:0.5s; visibility:hidden; opacity:0;}
.cart_but{ border:none; background:none; cursor:pointer; font-size:16px; color:#fff; font-weight:bold;}
.cart_but img{ margin-right:5px; height:30px;}
.training_aid_list li.active .bot,.training_aid_list li.hover .bot{ bottom:115px; visibility:visible; opacity:1;}
.training_aid_list li .txt h3{ font-size:22px;}
.training_aid_list li .txt h3 a{ color:#4a4a4a; font-weight:bold;}
.training_aid_list li .txt em{ display:block; font-size:24px; color:#ff4880; font-weight:bold; margin-top:7px;}
.training_aid_list li.hover .txt{ background:#ff4880; padding:74px 0 24px; margin-top:-52px; filter:hue-rotate(360deg);}
.training_aid_list li.hover .txt h3 a,.training_aid_list li.hover .txt em{ color:#fff;}

.ads_zk{ width:100%; overflow:hidden; background:linear-gradient(#ffdbe6 50%, #ffecf2 50%);}
.ads_zk .w{ filter:drop-shadow(5px 5px 20px rgba(207,214,224,0.3)); overflow:hidden; background:#fff; position:relative; border-radius:5px;}
.ads_zk a{ display:block;}
.ads_zk .txt{ position:absolute; top:0; bottom:4%; left:4.6%; z-index:2;}
.ads_zk .txt em{ display:block; font-size:85px; color:#393d72;}
.ads_zk .txt em font{ color:#ff4880;}
.ads_zk .txt p{ font-size:40px; color:#a0a0a0;}
.ads_zk .clear{ width:100%;}
.ads_zk .pic{ width:53.98773006134969%; float:right; padding:7% 0 3.7% 16.25766871165644%; position:relative; z-index:2;}
.ads_zk .pic img{ width:48.5%; display:block; margin:0 auto; filter:drop-shadow(17px 17px 24px rgba(0,0,0,0.35));}
/*.ads_zk .w:after{ position:absolute; display:block; content:""; top:-10px; right:0; width:55%; bottom:-80px; background-color:#4d65f9; border-radius:100% 0 0 0; z-index:1;}*/

.con3{ width:100%; background:#ffecf2; overflow:hidden; padding:80px 0;}
.con3 .con3_list{ padding-top:50px;}
.con3_list{ width:103.680981595092025%;}
.con3_list li{ margin:3.680981595092025% 3.680981595092025% 0 0; width:29.6523517382413%; background:#fff; border-radius:35% 20% 10px 10px; position:relative;}
.date{ text-align:center; position:absolute; left:0; right:0; top:-25px; z-index:3;}
.date em{ display:inline-block; border-radius:10% / 50%; font-size:20px; background:#ff4880; color:#fff; line-height:2.5; padding:0 25px;}
.con3_list li .picbg{ background:#ffecf2; border-radius:50% 20% / 10% 40%; overflow:hidden;}
.con3_list li .pic{ border-radius:50% 20% / 10% 40%;}
.con3_list li .txt{ background:#fff; padding:35px 5.15% 30px 5.15%;}
.con3_list li .txt h3{ font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-weight:bold;}
.con3_list li .txt h3 a{ color:#393d72;}
.con3_list li .txt .txtc{ font-size:18px; color:#6f6f6f; line-height:1.722222222222222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin-top:20px;}
.con3_list li .bot{ color:#fff; background:#ff4880; border-radius:0 0 10px 10px; font-size:22px; line-height:2.136363636363636;}
.con3_list li .bot img{ height:30px; margin-left:5px;}
.con3_list li.hover .txt h3 a,.con3_list li.hover .txt h3{ color:#ff4880;}
.more3{ text-align:center; padding-top:60px;}
.buts{ color:#fff; background:#ff4880; border-radius:25% 10%; font-size:22px; font-weight:bold; width:18.8%; line-height:3.090909090909091; display:inline-block; transition:0.5s; border:none; cursor:pointer;}
.buts:hover{ background:#4d65f9; color:#fff;}

.con4{ width:100%; background:#ffecf2; overflow:hidden; padding:50px 0 80px 0;}
.con4 .com_tab{ margin-top:50px;}
.com_tab{ font-size:21px; line-height:2.333333333333333;}
.com_tab a{ min-width:10.45%; text-align:center; background:#ffb164; border-radius:10px 10px 0 0; margin-right:1.96319018404908%; color:#fff; letter-spacing:1px;}
.com_tab a.cur{ font-weight:bold;}
.com_tab a:last-child{ margin-right:0;}
.com_tab a:nth-child(7n+2){ background:#00c193;}
.com_tab a:nth-child(7n+3){ background:#229a00;}
.com_tab a:nth-child(7n+4){ background:#ff4880;}
.com_tab a:nth-child(7n+5){ background:#fa6e4f;}
.com_tab a:nth-child(7n+6){ background:#4d65f9;}
.com_tab a:nth-child(7n+7){ background:#f34bfe;}
.com_tab a:hover{ color:rgba(255,255,255,.8);}
.news_list{ width:103.680981595092025%; padding-top:25px;}
.news_list li{ margin:3.680981595092025% 3.680981595092025% 0 0; width:29.6523517382413%; border-radius:10px; background:linear-gradient(#ff4880 50%,#fff 50%); border:1px solid #ff4880; position:relative;}
.news_list li .date em{ background:#4d65f9;}
.news_list li .pic{ background:#ff4880; border-radius:10px 10px 0 0; margin:0 -1px; width:calc(100% + 2px);}
.news_list li .pic_w{ border-radius:50%!important; overflow:hidden;}
.news_list li .pic_w:after{ position:absolute; content:""; width:100%; height:0; top:0; left:0; bottom:auto; background:rgba(77,101,249,.7); border-radius:10px; transition:0.5s;}
.news_list li.hover .pic_w:after{ height:100%; opacity:1;}
.news_list li h3{ background:#4d65f9; color:#fff; margin:0 -1px; width:calc(100% + 2px); font-size:20px; line-height:2.35; padding:0 5%; font-weight:bold;}
.news_list li h3 a{ color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:block;}
.news_list li .txt{ color:#6f6f6f; font-size:18px; line-height:1.777777777777778; padding:4% 5% 5% 5%;}
.news_list li .txtc{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.news_list li.hover h3 a{ color:rgba(255,255,255,.8);}

.con5{ width:100%; background:#fff; overflow:hidden; padding:80px 0;}
.con5_txt{ text-align:center; font-size:48px; color:#393d72; line-height:1.729166666666667; padding:30px 0 10px 0; font-weight:bold;}
.con5_list{ width:103.680981595092025%;}
.con5_list li{ border:1px solid #ff4880; background:#fff; transition:0.5s; border-radius:50% 20% / 10% 40%; overflow:hidden; margin:3.680981595092025% 3.680981595092025% 0 0; width:21.31901840490798%; padding-bottom:2.45%;}
.con5_list li .pic{ background:#fff;}
.con5_list li .txt{ text-align:center; padding-top:10px;}
.con5_list li .txt em{ display:block; font-size:28px; color:#ff4880; font-weight:bold;}
.con5_list li .txt p{ font-size:18px; color:#999; margin-top:7px;}
.con5_list li.hover{ background:#ff4880;}
.con5_list li.hover .txt em,.con5_list li.hover .txt p{ color:#fff;}

.nyban{ width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.nyban .w{ position:relative;}
.nyban .txt{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.nyban .clear{ width:100%; text-align:center;}
.nyban .txt em{ display:block; font-size:58px; color:#fff; font-weight:bold;}
.nyban .txt p{ font-size:24px; color:#fff; margin-top:30px;}
.nyban .txt p i{ color:#a8a8a8; padding:0 5px;}
.nyban .txt p a{ color:#ff4880;}
.ny_c{ padding:55px 0 80px 0;}
.ny_c .com_tab{ padding:25px 0 10px 0;}
.page{ margin-top:50px;}
.page span,.page a,.page b{ background:#ff4880; font-size:20px; line-height:2; padding:5px 15px; margin:0 10px; color:#fff;}
.page .current,.page b,.page a:hover{ background:#4d65f9; color:#fff;}
.com_txt{ font-size:18px; line-height:1.777777777777778; padding:0 0 15px 0;}
.com_txt h4{ font-size:24px; font-weight:bold; color:#ff4880; margin-bottom:3px;}
.com_txt img{ display:block; max-width:100%; margin:0 auto;}

.com_w{ width:100%;}
.com_lf{ width:73.5%;}
.location{ width:100%; font-size:17px; color:#474747; padding-bottom:15px;}
.location i{ padding:0 5px;}
.news_tit{ text-align:center; border-bottom:1px solid #c4c4c4; padding:35px 0; margin-bottom:50px;}
.news_tit h3{ font-size:29px; color:#000;}
.news_tit h3 font{ color:#ff4880;}
.news_tit p{ font-size:15px; color:#7d7c7c; margin-top:30px;}
.tit2{ font-size:29px; color:#000; text-align:center; padding:50px 0;}
.contact{ width:100%;}
.contact .com_txt p span{margin-left: 20px;}
.c_infor{ padding:0 1.85%; width:35.41666666666667%;}
.c_infor .txt{ width:100%; padding-top:10px;}
.c_infor h3{ font-size:22px; font-weight:bold; margin-bottom:30px;}
.c_infor .f_ewm{ width:69.85%; margin:45px auto 0 auto;}
.map{ width:64.58333333333333%;}
.assess_form{ display:block; width:100%; padding:25px 0 0 0;}
.assess_form ul{ width:100%;}
.assess_form ul li{ width:100%; margin-top:30px;}
.assess_form ul li.li1{ width:32.5%; padding-right:9.5%;}
.assess_form .buts{ width:23%;}
.a_intxt{ border:1px solid #a6a6a6; border-radius:10px; font-size:18px; padding:12.5px 30px; line-height:1.5; resize:none; width:100%; background:none;}
.com_rt{ width:23.4%;}
.com_rt .training_aid_list li{ width:100%;}
.com_rt .training_aid_list li:nth-child(1){ margin-top:0;}
.com_rt1{ background:#fff; padding:12px 6%; margin-top:50px;}
.tit1{ position:relative;}
.tit1:after{ position:absolute; display:block; content:""; width:100%; height:2px; left:0; bottom:0; background:#949494;}
.tit1 em{ display:inline-block; color:#ff4880; font-size:24px; font-weight:bold; position:relative; line-height:2.4; border-bottom:2px solid #ff4880; position:relative; z-index:3;}
.txt_list{ width:100%; padding-bottom:10px;}
.txt_list li{ position:relative; margin-top:18px;}
.txt_list li:before{ position:absolute; display:block; content:""; width:1px; top:50%; margin-top:-15px; height:30px; left:60px; background:#d9d9d9;}
.txt_list li .clear{ width:100%;}
.txt_list li .time{ width:60px; margin-right:12px; text-align:center; font-size:13px; color:#333;}
.txt_list li .time em{ display:block; font-size:22px; line-height:1;}
.txt_list li h3{ font-size:16px; line-height:1.35; width:calc(100% - 72px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}

.pic_list{ width:101.47239263803681%;}
.pic_list li{ margin:1.47239263803681% 1.47239263803681% 0 0; width:31.86094069529652%; position:relative; border-radius:10px; overflow:hidden;}
.pic_list li:nth-child(5n-1),.pic_list li:nth-child(5n){ width:48.52760736196319%;}
.pic_list li a{ display:block;}
.pic_list li .txt{ position:absolute; left:0; right:0; top:-100%; height:100%; background:rgba(57,61,114,.65); padding:0 9.45%; transition:0.5s; opacity:0;}
.pic_list li .com_txt{ width:100%; padding:0; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.pic_list li.hover .txt{ opacity:1; top:0;}

.course1{ width:100%; overflow:hidden; background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url(../images/cbg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:70px 0 120px 0;}
.course1c{ width:100%; margin-top:12px;}
.course1c .v_pic{ width:40.8%; position:relative; border-radius:50% 20% / 10% 40%; overflow:hidden; border:1px solid #dee2e6;}
.course1c .v_pic img{ display:block; width:100%;}
.video_but{ position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:19.24812030075188%; border-radius:50%; background:#fff; -webkit-animation:pin02 3s ease-in-out 0s infinite; animation:pin02 3s ease-in-out 0s infinite;}
.video_but:before{ content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; border-radius:50%; background-color:rgba(77,101,249,.3); -webkit-animation:circlepulse 1.5s ease 0s infinite; animation:circlepulse 1.5s ease 0s infinite;}
.video_but img{ position:relative; z-index:2;}
@-webkit-keyframes pin02{
  0%{
    -webkit-box-shadow:0px 0px 0 0px rgba(77,101,249,.1);
            box-shadow:0px 0px 0 0px rgba(77,101,249,.1);
  }
  50%{
    -webkit-box-shadow:0px 0px 0 15px rgba(77,101,249,.2);
            box-shadow:0px 0px 0 15px rgba(77,101,249,.2);
  }
  100%{
    -webkit-box-shadow:0px 0px 0 0px rgba(77,101,249,.3);
            box-shadow:0px 0px 0 0px rgba(77,101,249,.3);
  }
}
@-webkit-keyframes circlepulse{
  0%{
    -webkit-transform:scale(1);
    opacity:1;
  }
  100%{
    -webkit-transform:scale(1.5);
    opacity:0;
  }
}
.video-pop{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none;}
.video-pop .pop-bg{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
.video-pop .pop-box{ width:1020px; height:575px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:#000; box-sizing:border-box;}
.video-pop .pop-box .close{ width:24px; height:24px; position:absolute; right:0px; top:-40px; cursor:pointer;}
.video-pop .pop-box .video{ width:100%; height:100%;}
.course1c .txt{ width:59.2%; padding-left:4.3%;}
.c_t2{ font-size:50px; color:#393d72; font-weight:bold; line-height:1.7;}
.course1c .txt .txtc{ font-size:20px; color:#595959; line-height:1.75; margin-top:40px;}

.c_t1{ font-size:42px; color:#ff4880; text-align:center;}
.com_txt1{ text-align:center; font-size:24px; line-height:1.75; color:#393d72; margin-top:50px;}
.com_txt2{ width:100%; margin-top:50px;}
.com_txt2 em{ background:#ffb164; font-size:21px; color:#fff; line-height:2.8; border-radius:10px 10px 0 0; min-width:15.03067484662577%; text-align:center;}
.com_txt2 em.cur{ font-weight:bold;}
.com_txt2 em:nth-child(5n+2){ background:#00c193;}
.com_txt2 em:nth-child(5n+3){ background:#229a00;}
.com_txt2 em:nth-child(5n+4){ background:#f34bfe;}
.com_txt2 em:nth-child(5n+5){ background:#ff4880;}
.com_txt3{ margin-top:90px;}
.com_txt3 .clear{ width:100%; border-radius:10px; overflow:hidden;}
.com_txt3 .pic{ width:60.43%; display:flex;}
.com_txt3 .pic img{ display:block; width:100%;}
.com_txt3 .txt{ width:37.75%;}
.com_txt3 .txtc{ font-size:18px; line-height:2; color:#393d72;}
.com_txt3 .buts{ width:30.9%; display:block; margin:40px auto 0 auto; text-align:center; font-size:24px; line-height:2.15; font-weight:500;}
.course2{ width:100%; overflow:hidden; background:#ffecf2; padding:120px 0;}
.course3{ width:100%; overflow:hidden; background:#fef4f8; padding:120px 0;}
.course4{ width:100%; overflow:hidden; background:#f9eef5; padding:120px 0; border-bottom:1px solid #fff;}

.dt_top{ width:100%; padding-top:25px;}
.dt_top_lf{ width:43.43558282208589%;}
.dt_pic{ width:100%; overflow:hidden; padding:2.11864406779661%; border-radius:10px; background:#fff;}
.dt_pic .mySwiper{ margin-top:2.949852507374631%;}
.dt_pic img{ height:100%;}
.dt_pic .swiper-slide{ overflow:hidden; transition:all 0s; border-radius:10px;}
.dt_pic .mySwiper .swiper-slide:after{ content:""; display:block; position:absolute; border:2px solid #ff4880; bottom:-2px; left:-2px; right:-2px; top:-2px; font-size:0; overflow:hidden; z-index:5; transition:all linear .2s; border-radius:10px;}
.dt_pic .mySwiper .swiper-slide-thumb-active:after{ bottom:0; left:0; right:0; top:0;}
.dt_pic .mySwiper2{ border-radius:10px;}
.dt_pic .mySwiper2 .swiper-button-next:after,.dt_pic .mySwiper2 .swiper-button-prev:after{ color:#ff4880; font-size:30px;}
.dt_txt{ width:52%; padding:15px 0 25px 0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between;}
.dt_tit{ font-size:44px; color:#000; font-weight:bold;}
.dt_txt .txtc{ font-size:26px; color:#545454; line-height:1.730769230769231;}
.dt_txt .dt_price{ line-height:1;}
.dt_txt .dt_price em{ font-size:26px; color:#545454;}
.dt_txt .dt_price font{ font-size:28px; font-weight:bold; color:#f00; margin-left:10px;}
.dt_txt .dt_price span{ font-size:69px; color:#f00; font-weight:bold; margin-left:10px;}
.dt_txt .dt_price del{ font-size:28px; color:#c0c0c0; margin-left:10px;}
.dt_txt .bot{ margin-top:35px;}
.num-wrap{ border-radius:10px; width:138px; text-align:center; overflow:hidden; line-height:42px;}
.num-wrap .sub,.num-wrap .add{ width:33px; font-size:20px; color:#fff; background:#ff4880; cursor:pointer; transition:all 0.6s;}
.num-wrap .num-input{ border:none; background:none; font-size:28px; color:#000; width:calc(100% - 66px); text-align:center;}
.dt_but{ border-radius:10px; margin-left:30px; background:#ff4880; border:none; cursor:pointer; color:#fff; font-size:20px; line-height:42px; width:17.7%; text-align:center; min-width:120px; transition:all 0.6s;}
.dt_but:hover,.num-wrap .sub:hover,.num-wrap .add:hover{ background:#4d65f9;}
.dt_show{ font-size:22px; color:#ff4880; line-height:1.77; margin-top:80px;}
.dt_show img{ display:block; max-width:100%;}
.dt_other{ margin-top:80px;}
.dt_t1{ font-size:28px; color:#000; font-weight:bold; padding:0 0 20px 10px;}

.team1{ width:100%; background:#fff; overflow:hidden; padding:120px 0 0 0;}
.team_tab{ padding-bottom:65px;}
.team_list li{ width:17.915%; text-align:center;}
.team_list li .pic{ border-radius:50%;}
.team_list li .pic .teacher{font-size:24px; color:#ff4880; font-weight:bold; padding:40px 0 25px 0; position:relative;}
.team_list li .txt{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,72,128,.43); transform:scale(0) rotate(360deg); transition:0.5s; text-align:center; font-size:59px; color:#fff;}
.team_list li.active .txt,.team_list li:hover .txt{ transform:scale(1) rotate(0deg);}
.team_list li .img p{ width:62.35%; margin:0 auto; font-size:24px; color:#ff4880; font-weight:bold; padding:40px 0 25px 0; position:relative;}
.team_list li .img p:after{ content:""; display:block; position:absolute; height:5px; background:#ff4880; bottom:0; left:51%; right:51%; font-size:0; overflow:hidden; z-index:5; transition:all linear .2s; border-radius:1000px;}
.team_list li.active p:after,.team_list li:hover p:after{ left:0; right:0;}
.team1_bot{ background:#ffecf2; padding:80px 0;}
.team_tit2{ font-size:22px; color:#393d72;}
.team_tit2 em{ font-size:28px; color:#ff4880; font-weight:bold; padding:0 90px 0 60px;}
.team_tit2 i{ padding:0 5px;}
.achieve_list{ padding-top:60px;}
.achieve_list li{ min-width:15.03067484662577%;}
.ac_t{ text-align:center;}
.ac_t em{ display:block; background:#ffb164; font-size:21px; color:#fff; line-height:2.8; border-radius:10px 10px 0 0; max-width:245px;}
.achieve_list li:nth-child(2) .ac_t em{ background:#00c193;}
.achieve_list li:nth-child(3) .ac_t em{ background:#f34bfe;}
.achieve_list li:nth-child(4) .ac_t em{ background:#ff4880;}
.achieve_list li .txtc{ font-size:18px; line-height:2; color:#393d72; margin-top:35px;}
.team2{ width:100%; background:#fff; overflow:hidden; padding:100px 0;}
.team2c{ width:100%; padding:100px 0 30px 0;}
.team2c .pic{ width:36.8%;}
.team2c .pic img{ display:block; width:100%;}
.team2c .txt{ width:58.896%;}
.team_tit{ font-size:28px; color:#ff4880; font-weight:bold;}
.team2c .txtc{ font-size:18px; line-height:2; color:#393d72; margin-top:40px;}

.qa_bg{ width:100%; display:none; background:#f8f8f8; overflow:hidden; padding:100px 0;}
.qa_bg.cur{ display:block;}
.qa_form{ width:100%; padding:0 2.45%; margin-top:60px;}
.qaf_lf{ width:69.678%;}
.q_intxt{ background:#fff; border-radius:10px; border:none; font-size:18px; padding:12px 15px; line-height:1.5; display:block; width:100%; resize:none;}
.qaf_rt{ width:26.78%; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between;}
.qa_t1{ font-size:20px; font-weight:bold; color:#000;}
.qa_t1 font{ color:#ff4880;}
.qaf_rt .txtc{ font-size:18px; color:#9c9c9c; line-height:2.333333333333333; margin-top:20px;}
.qaf_rt .bot .dt_but{ margin-left:0;}
.qaf_rt .bot em{ font-size:18px; color:#000; line-height:42px;}
.qaf_rt .user-nice{font-size: 18px;margin-top:10px;}
.qa_list{ width:100%; padding:45px 0 0 0;}
.qa_list li{ border-bottom:1px solid #d4d4d4; padding:2.761% 0;}
.peo_infor{ width:100%;}
.peo_infor .pic{ width:7.05521472392638%; border-radius:50%;}
.peo_infor .pic_w img{ width:100%; height:100%; display:block;}
.peo_infor .txt{ padding:0 0 0 2.145%;}
.peo_infor .txt em{ display:block; font-size:20px; color:#484848; font-weight:bold;}
.peo_infor .txt p{ font-size:16px; margin-top:10px; color:#888; font-weight:bold;}
.mes_txt{ background:#fff; border-radius:10px; font-size:18px; line-height:2; color:#484848; margin:1.840490797546012% 0 0 2.45398773006135%; padding:1.57% 2.83%;}
.reply_c{ padding:25px 0 0 2.83%;}
.qa_more{ padding-top:35px; font-size:22px; color:#999;}
.qa_more em{ color:#ff4880; background:url(../images/point.png) right center no-repeat; background-size:19px 20px; padding-right:25px;}

.com li .pic_w img{ display:block; transition:all 0.6s; height:100%;width:100%;}
.com li.hover .pic_w img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)), url(../images/fbg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding:75px 0;}
.footer .w{ padding:0 3.95%;}
.footer .txtc{ font-size:20px; color:#616161; line-height:2.2; margin-top:25px;}
.foot1{ padding:80px 0;}
.f_lf{ width:25.33333333333333%;}
.f_lf img{ display:block; width:100%;}
.f_logo a{ display:inline-block; width:81.31578947368421%;}
.f_lf .txtc{ border:1px solid #ff4880; border-radius:50% 20% / 10% 40%; margin-left:7.5%; padding:40px 0 40px 19.2%;}
.f_md{ width:29.5%;}
.f_t1{ color:#ff4880; font-size:38px; font-weight:bold; line-height:3;}
.f_md .txtc p{ padding-left:50px; position:relative;}
.f_md .txtc p img{ height:27px; position:absolute; left:0; top:8.5px; display:block;}
.f_ewm{ width:16.95%;}
.f_ewmc{ border:1px solid #616161; border-radius:10px; padding:8px; width:100%;}
.f_ewmc em{ display:block; border:1px solid #909091; border-radius:10px; overflow:hidden; padding:15px;}
.f_ewmc em img{ display:block; width:100%;}
.f_ewmc p{ font-size:19px; color:#ff4880; font-weight:bold; text-align:center; line-height:4.736842105263158;}

.tabcon{ display:none; width:100%;}
.tabcon.cur{ display:block;}
.button-group,.button-group-y{display:inline-block;position:relative;vertical-align:middle}
.log-in .drop-menu{margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075);box-shadow:0 6px 12px rgba(0,0,0,.075)}
.log-in .drop-menu li{padding:0 10px;height:32px;text-align:center;font-size:14px}
.log-in .drop-menu li a{position:relative;height:32px;line-height:32px;color:#2d2d2d}
.drop-menu a:focus,.log-in .drop-menu li a:hover{color:#2d2d2d;background:unset}
.log-in .button-group span{display:inline-block;line-height:24px;height:24px;width:24px}
.log-in .button-group ul:before{position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:''}
.log-in .button-group ul:after{position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:''}
.log-in .button-group .button{padding:0;line-height:18px;font-size:20px}
.log-in .button-group .drop-menu{padding:10px 0;left:-40px;border-top:0 solid red;-webkit-box-shadow:0 0 0 rgba(0,0,0,.075);box-shadow:0 8px 10px rgba(0,0,0,.05);border-radius:4px}
.log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#eceff5;display:block}
.log-in a.user-head img{width:32px;height:32px}
.radius-circle{border-radius:50%}
.drop-menu{position:absolute;display:none;left:0;z-index:1;float:left;min-width:140px;padding:5px 0;margin:12px 0 0;list-style:none;background-color:#fff;background-clip:padding-box}