@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4/*,b*/,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.a_body{ position:relative; z-index:0;}
body.loading{overflow-y:hidden}
body.loading .main{overflow-y:hidden} 
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before{height:0}
#pageloader.hiden .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}
@keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}
.header{height: 1.26rem;overflow: hidden;width: 100%; position: fixed;left: 0;top: 0;z-index: 10;}
.logo{font-size: .3rem; color: #fff;width: 9rem;float: left; padding: .25rem 0 0 2rem;}
.logo img{vertical-align: middle; margin: -0.05rem .1rem 0 0;display: inline-block;}
.logo a{color: #fff;}
.logo span{font-size: .26rem;}
.logo a b{font-weight: 400;font-size: .24rem;}
.dlzc{float: right; padding-top: .35rem;}
.dlzc ul{overflow: hidden; padding-right: 1.4rem;}
.dlzc li{float: left;  font-size: .18rem; color: #fff; padding: 0 .05rem;}
.dlzc li a{color: #fff;transition: All 0.4s ease-in-out;}
.dlzc li a:hover{color: #bf0077;}
.dlzc img{width: .24rem;height: .24rem; vertical-align: middle;}

.wzright{position: fixed;right: 0;top: 0;height: 100%; width: .88rem;background: #bf0077;padding-top: 5.8rem;z-index: 11;}

.wzright li{padding: .14rem 0;position: relative;}
.wzright a{position: relative; margin: 0 auto;width: .42rem; margin: 0 auto;display: block;}
.wzright img{width: 100%;}

.wzleft{width: 1.28rem; height: calc(100% - 1.16rem);position: fixed;left: 0;top: 0;z-index: 12;}
.wzleft:before{position: absolute;content: "";border-right: 1px solid #d3cec1;height: 100%;right: 0; bottom: 0;animation:fadeInUp 6.5s, 1500ms;}
.dhbtn{width: 1.28rem; height: 1.05rem; position: relative;}
.dhbtn span{position: absolute;background: url(../images/a4.png) no-repeat center center;position: absolute; width: .37rem;height: .21rem;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 1;}
.dhbtn:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.dhbtn:hover:before{ left:0; width:100%; transition-delay:0}
.dhbtn:hover span{background: url(../images/a4a.png) no-repeat center center;background-size: 100% 100%;}
.dhbtn.on span{background: url(../images/a8.png) no-repeat center center;background-size: .21rem .21rem;}

.nav{position:absolute;z-index:10;left:1.28rem;top:0;width:1.65rem;height: 100vh;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background:rgba(255,255,255,0.6);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;-webkit-transition: all 0.36s;-moz-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;-webkit-transform: perspective(12.625rem) rotateY(90deg);-moz-transform: perspective(12.625rem) rotateY(90deg);-ms-transform: perspective(12.625rem) rotateY(90deg);-o-transform: perspective(12.625rem) rotateY(90deg);transform: perspective(12.625rem) rotateY(90deg);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.nav.on1{ -moz-transform: perspective(12.625rem) rotateY(0deg); -ms-transform: perspective(12.625rem) rotateY(0deg); -o-transform: perspective(12.625rem) rotateY(0deg); transform: perspective(12.625rem) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.nav ul{padding-top: 1.15rem;}
.nav li{line-height: .5rem; font-size: .2rem; padding-left: .4rem;}
.nav li a{display: inline-block;color: #000;position: relative;font-weight: bold;}
.nav li a:before{position: absolute;content: ""; border-bottom: 2px solid #666; left: 0; bottom: 5px;transition: All 0.4s ease-in-out;width: 0;}
.nav li a:hover:before{width: 100%;}

.wzbottom{overflow: hidden; height: 1.16rem;width: 100%; position: fixed;left: 0; bottom: 0;z-index: 10;-moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;border-top: 1px solid #d3cec1; }


.lxdh{float: left; width: 5.45rem;height: 1.15rem;border-right: 1px solid #d3cec1;padding-left: 1.4rem; overflow: hidden;padding-top: .19rem;}
.lxdh img{width: .59rem;float: left;}
.lxdh p{/*font-weight: bold;*/  font-size: .18rem; color: #fff; line-height: .29rem;float: right;width: calc(100% - .75rem);}
.rwnr{float: left; width: 6.5rem;height: 1.15rem;border-right: 1px solid #d3cec1;padding-left: .85rem; position: relative;padding-top: .3rem;overflow: hidden;}
.rwnr ul{height: 1rem;}
.rwnr li{font-size: .16rem; height:20px; line-height:20px;}
.rwnr li a{color: #fff;}
.rwnr li a:hover{color: #bf0077;}
.rwnr img{width: .54rem; position: absolute; right: .9rem;top:50%; transform: translateY(-50%);}

.qyry{width: 6.4rem;height: 1.25rem;float: right;position: relative;}
.qyry h2{font-size: .2rem; color: #fff; line-height: 1.15rem; top: 0;right: 2.2rem;position: absolute;}
.whhb{width: 3rem;margin-top: .28rem;}
.whhb ul{overflow: hidden; }
.whhb li{overflow: hidden; height:20px; line-height:20px; width:198px}

.whhb a{display: block; line-height: 2; font-size: .16rem;
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;width: 50%;color: #fff;background: url(../images/a7.png) no-repeat left center; padding-left: .17rem;float: left;}
.whhb .hd{position: absolute; width: .7rem; right: 1.15rem; top: .44rem;}
.whhb .hd .next{background: url(../images/a11.png);width: .26rem;height: .26rem;background-size: 100%;float: left;border: 1px solid #fff;border-radius: 50%;}
.whhb .hd .prev{background: url(../images/a10.png);width: .26rem;height: .26rem;background-size: 100%;float: right;border: 1px solid #fff;border-radius: 50%;}

.banner{height: 100vh;position: relative;}
.banner .swiper-slide{height: 100vh;overflow: hidden;}
.bjtp1{height: 110vh;background: url(../images/banner33.jpg) no-repeat center center;background-size: cover;transition: all 2.8s ease 0s; }
.bjtp2{height: 110vh;background: url(../images/banner1.jpg) no-repeat center center;background-size: cover;transition: all 2.8s ease 0s;}
.bjtp3{height: 110vh;background: url(../images/banner2.jpg) no-repeat center center;background-size: cover;transition: all 2.8s ease 0s;}
.banner .swiper-button-next{right: 2rem;}
.banner .swiper-button-prev{left: 2rem;}
.banner .swiper-slide-active .bjtp1{height: 100vh; }
.banner .swiper-slide-active .bjtp2{height: 100vh; }
.banner .swiper-slide-active .bjtp3{height: 100vh; }

.gywm{position:fixed; z-index: 10; bottom: 1.55rem;width: 13.3rem;left:50%; transform: translateX(-50%);}
.gywm ul{overflow: hidden; margin-left: -.2rem;}
.gywm li{float: left; width: 20%; padding-left: .18rem;}
.gywmbox{background: url(../images/a17.png) no-repeat center center;background-size: 100% 100%;/* padding: 0 .28rem;height: 2.23rem;*/ padding: 0 .15rem;height: 2.40rem;position: relative;transition: All 0.4s ease-in-out;cursor: pointer;}
.gywmbox:hover{background: rgba(191,0,119,.7);}
.gywmbox h2{color: #fff; font-size: .2rem; line-height: 3;border-bottom: 1px solid #ff8c00;}
.gywmbox p{font-size: .16rem; color: #fff; line-height: 1.8;}
.gywmbox a{display: block;  position: absolute; left: .25rem; font-size: .14rem; color: #fff; bottom: .1rem;background: url(../images/a16.png) no-repeat left center;background-size: .19rem .19rem; padding-left: .26rem; line-height: .19rem;}

/*课程介绍*/
.kheader{height: 80px; background: #fff;}
.kheaderbox{width: 1200px; margin: 0 auto; overflow: hidden;}
.klogo{float: left; width: 450px; padding-top: 20px;}
.klogo img{vertical-align: middle; margin: -3px 15px 0 0;display: inline-block;}
.klogo  a{font-size: 16px; color: #605364;}
.klogo span{font-weight: bold; font-size: 17px; margin-right: 10px;}
.kdlnr{float: right; padding-top: 35px;}
.kdlnr p{font-size: 14px; color: #605364;}
.kdlnr a{color: #605364; padding: 0 10px;}
.kdlnr img{display: inline-block;vertical-align: middle; margin: -3px 0 0 0;}
.kdlnr a:hover{color: #bf0077;}

.navkbox{background: #bf0077;}
.navk{width: 1200px; margin: 0 auto;}
.navk ul{overflow: hidden;}
.navk li{float: left; line-height:49px; color: #fff; font-size: 16px;}
.navk li a{color: #fff; padding: 0 55px;display: inline-block;transition: All 0.4s ease-in-out;}
.banner1{background: url(../images/b_10.jpg) no-repeat center center;height: 400px;background-size: cover; margin-top: 10px;}
.navk li a:hover{background: #ff8c01;}

.wz1200{width: 1200px;margin: 0 auto;}
.kcjsbox{overflow: hidden; margin-top: -265px;}
.kcjs_right{width: 280px;float: right; padding-top: 335px;position: relative;z-index: 10;}
.dlnra{/*background: rgba(255,140,0,.8);*/width: 100%; padding: 0 20px 10px 20px;border-radius: 35px;position: absolute;left: 0;top: 15px; }
.dlnra h2{font-size: 20px; color: #fff; padding: 15px 0 30px 10px;}
.dlnra li{margin-bottom: 20px; position: relative;background: #fff;border-radius: 4px;height: 39px;overflow: hidden;border: 1px solid #ccc;}
.wby1{height: 39px; line-height: 39px; padding: 0 0 0 35px;background: url(../images/b_01.png) no-repeat 12px center;}
.wby2{height: 39px; line-height: 39px; padding: 0 0 0 35px;background: url(../images/b_02.png) no-repeat 12px center;}
.yzma{font-weight: bold; color: #bf0077;font-size: 16px; line-height: 40px; position: absolute;top: 0;right: 10px;cursor: pointer;background: none;border: none;}
.btn2{width: 100%;height: 40px;border-radius: 6px;cursor: pointer; border: none; color: #fff;background: #bf0077;font-size: 16px;}

.dldha h3{font-weight: bold; font-family: arial; color: #fff; font-size: 18px;background: url(../images/b_04.png) no-repeat left center; padding-left: 23px; line-height: 35px;}
.dldha p{padding-left: 23px; line-height: 26px; font-size: 20px; color: #fff;}
.kcjsa_left{float: left;width: calc(100% - 300px);background: #fff;padding: 30px;border: 1px solid #d8d8d8;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.fyzx h2{font-size: 16px; padding-bottom: 20px;border-bottom: 1px solid #eee; color: #333333; margin-bottom: 20px;}
.fyzx a{display: block; padding: 0 10px;}
.fyzx img{width: 100%;transition: All 0.4s ease-in-out;}
.fyzx p{font-size: 14px; line-height: 26px; color: #333333;}
.fyzx li{padding-bottom: 10px;background: #fff;}
.fyzx a:hover p{color: #ff7d37;}
.fyzx a:hover img{opacity: 0.8;}

.jxkt_tit{border-bottom: 1px solid #eee; padding-bottom: 8px;}
.jxkt_tit h2{font-weight: bold; font-size: 26px; color: #bf0077;border-left: 2px solid #bf0077; padding-left: 9px;}
.jxkt_nr{padding: 20px 0 15px;}
.jxkt_nr p{font-size: 16px; color: #363636; line-height: 30px;text-align:justify; word-break: break-all;}
.jxkt_nr h3{text-align: right;  font-size: 16px; color: #ff7d37;}
.jxkt_nr img{display: inline-block; margin: 0 15px;}
.jxkt_nr a{display: inline-block; line-height: 46px; border-radius: 6px; color: #fff; font-size: 21px;background: #ff7d37; padding: 0 26px;vertical-align: bottom;transition: All 0.4s ease-in-out;}
.jxkt_nr a:hover{color: #fff;background: #c00077;};
.sxlc{border: 2px solid #ff8c00;padding: 20px;background: #f9f3ec;}
.sxlc_tit h2{background: #ff8c00;height: 38px; line-height: 38px;width: 213px; color: #fff; font-weight: bold; font-size: 26px; position: relative;padding-left: 28px;}
.sxlc_tit h2:before{position: absolute;content: "";border-left: 3px solid #fff;height: 30px;top: 4px;left: 10px; }
.sxlc_nr{margin: 0 20px;background: #ffffff;padding: 30px;}
.sxlc_nr p{padding-bottom: 15px; font-size: 16px; line-height: 25px;color: #ff8c00;}
.sxlc_nr span{display: inline-block; text-align: center;color: #fff;font-size: 16px; font-weight: bold;line-height: 25px;width: 25px;border-radius: 5px; vertical-align: middle; margin: -3px 10px 0 0 ;background: #ffd096;}
.kclb{padding: 25px 0 0 0;}
.kclb_nr{padding: 22px 0 0 ;}
.jxkt_bt ul{overflow: hidden; padding-bottom: 15px;}
.jxkt_bt li{float: left;}
.jxkt_bt li span{display: block; line-height: 30px; padding: 0 22px;border-radius: 15px;color: #b2b2b2;font-size: 18px;cursor: pointer;font-weight: bold;}
.jxkt_bt li.cur span{background: #ff8c00;color: #fff;}
.kcqh{/*min-height: 695px;*/}

.kcqh li{padding-bottom: 12px;}
.kcqh li a{display: block; padding: 10px; background: #f2f2f2; overflow: hidden;font-size: 16px; color: #151515;}
.kcqh li a:hover{color: #F85415;}
.kcqh li a img{display: inline-block;vertical-align: middle; margin: 0 10px 0 0;}
.kcqh li span{line-height: 40px;}
.kcqh li b{float: left;width: calc(100% - 100px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.kcqh ul{animation: fadeIn .25s, 100ms;}

.bjqj{background: url(../images/b_42.jpg) repeat-x left bottom; padding-bottom: 35px;}
.footerr{background: #bf0077;}
.footrebox{width: 1200px; margin: 0 auto;padding: 48px 0;}
.footrebox span{color: #fff;font-size: 14px; line-height: 46px;}



/*关于我们*/
.gyab_bj{background: url(../images/back-bj.jpg) no-repeat left center;}
.gyab{width: 1200px; overflow: hidden; margin: 0 auto;}
.qyjs_tit{text-align: center;padding: 65px 0 75px;}
.qyjs_tit h2{font-weight: bold;background: url(../images/b_05.png) no-repeat center top; padding-top: 35px;font-size: 28px; color: #5e368e;letter-spacing: 10px;}
.qyjs_nr{overflow: hidden;padding-bottom: 65px;}
.qyjs_left{width: 50%;float: left;}
.qyjs_left img{width: 100%;}
.qyjs_right{float: right;width: 50%; padding-left: 30px;}
.qyjs_right p{font-size: 16px; color: #333; line-height: 1.8;text-align:justify; word-break: break-all;}

.lhkf{background: #f0eaf4;}
.lhkf_nr ul{overflow: hidden; margin-left: -35px; padding-bottom: 55px;}
.lhkf_nr li{float: left; width: 25%; padding: 0 0 25px 35px;}
.lhkf_nr a{display: block; text-align: center; font-weight: bold; border: 1px solid #63358f;line-height: 53px; font-size: 20px; color: #63358f;border-radius: 6px;}
.lhkf_nr a:hover{color: #fff;background: #ff8c01;border: 1px solid #ff8c01;transition: All 0.4s ease-in-out;}

.jypp{background: url(../images/b2.jpg) no-repeat center center; position: relative; background-size: cover; padding: 50px 0;}
.jyppbox{text-align: center;}
.jyppbox p{color: #fff; line-height: 1.8; font-size: 18px;}

/*新闻资讯*/
.news{overflow: hidden; padding: 30px 5px 5px 5px;}
.news_left{float: left;width: 300px;}
.xwfl{background: #fafafa;padding: 20px 5px 5px 5px; margin-bottom: 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.xwfl h2{font-weight: bold; font-size: 20px; position: relative; margin: 0 0 15px; padding-left: 20px;color: #333;}
.xwfl h2:before{border-left: 4px solid #c2007b;height: 100%;top: 0;left: 0;position: absolute;content: "";}
.xwfl ul{background: #fff;padding:10px 5px 5px 5px;}
.xwfl li{padding-bottom: 5px;}
.xwfl li a{display: block; font-size: 14px; line-height: 52px;border-bottom: 1px solid #dcdfe6;padding: 0 15px;background: url(../images/a19.png) no-repeat 95% center;transition: All 0.4s ease-in-out;background: #f4f5f9;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;}
.xwfl  b{background: url(../images/a21.png) no-repeat center center;width: 30px;height: 30px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background-size: 20px 20px;}
.xwfl li.cur a{color: #fff;background:url(../images/a20.png) no-repeat 95% center #ff8c01;}
.xwfl li.cur b{background: url(../images/a22.png) no-repeat center center;/*width: 30px;height: 30px;*/display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background-size: 20px 20px;}
.xwfl a:hover{color: #fff;background:url(../images/a20.png) no-repeat 95% center #ff8c01;}
.xwfl a:hover b{background: url(../images/a22.png) no-repeat center center;/*width: 30px;height: 30px;*/display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background-size: 20px 20px;}
.lhyf{background: #fafafa;padding: 20px 5px 5px 5px; margin-bottom: 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.lhyf ul{background: #fff;padding: 5px;}
.lhyf h2{font-weight: bold; font-size: 20px; position: relative; margin: 0 0 15px; padding-left: 20px;color: #333;}
.lhyf h2:before{border-left: 4px solid #c2007b;height: 100%;top: 0;left: 0;position: absolute;content: "";}
.lhyf ul{background: #fff;padding: 10px;}
.lhyf li{line-height: 41px;}
.lhyf li a{font-size: 14px; color: #666;}
.lhyf li a b{width: 20px;text-align: center; line-height: 20px;color: #fff;background: #f5942d;display: inline-block;vertical-align: middle; margin: -3px  10px 0 0;}
.lhyf li a:hover{color: #f79528;}
.lhyf dl{background: #fff;padding: 10px;}
.lhyf dt{line-height: 41px;background: url(../images/a23.png) no-repeat left center; padding-left: 20px;}
.lhyf dt a{font-size: 14px; color: #666;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;}
.lhyf dt a:hover{color: #f79528;}
.news_right{float: right;width: calc(100% - 330px);background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.dqwz span{background: url(../images/a24.png); width: 100px;height: 30px; color: #fff;display: inline-block;vertical-align: middle; line-height: 30px; font-size: 16px; color: #fff;font-weight: bold;text-align: center; margin-right: 10px;}
.dqwz p{font-size: 16px; color: #333;padding-top: 10px;}
.dqwz p a{color: #333;}
.dqwz p a:hover{color: #FF7D37;}
.alnr{padding: 25px 20px;overflow: hidden;}
.alnr ul{overflow: hidden; margin-left: -25px; }
.alnr li{width: 33.33%; padding: 0 0 25px 25px; float:left; }
.altext{padding: 15px 0; border-bottom: 1px dashed #ddd;}
.altext h2{color: #999; padding: 10px 10px; border-bottom: 1px dashed #ddd;font-size: 12px;}
.altext p{font-size: 16px;
    line-height: 22px;
    /* height: 66px; */
    margin: 15px 0 0 0;height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
    word-break: break-all;}

.alnrbox span{display: block; overflow: hidden;position: relative;}
.zznr{position: absolute;top: 0;left: 0; background: #ff8c01;width: 100%;height: 100%;opacity: 0;transition: All 0.4s ease-in-out; }
.zznr i{font-size: 22px; color: #fff; width: 100%;font-weight: bold; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;opacity: 0.3;transition: All 0.4s ease-in-out;}
.zznr em{display: block;color: #fff;font-size: 30px; margin-top: 10px;}
.alnr img{width: 100%; height: 250px;}
.alnr a:hover .zznr{opacity: 1;}
.alnr a:hover .zznr i{opacity: 1;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.btn3{display: block;text-align: center; color: #fff; font-size: 16px; line-height: 50px; background-image: linear-gradient(to right, #e21c37 , #fd8002);border-radius: 4px;}
.btnbox{background: #fafafa;padding: 5px; margin-bottom: 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}

/*案例库*/
.alknr{padding: 30px 15px;}
.alknr li{padding-bottom: 40px;}
.alkbox h2{color: #333; line-height: 1.6; font-size: 20px; max-width: 700px;}
.alkbox h3{color: #999; margin: 0px 0 30px;}
.alkbox h3 span{padding-right: 20px;}
.alkbox p{font-size: 14px; color: #666; line-height: 1.6;}
.alkbox a{display: block;text-align: center;width: 80px; line-height: 40px; font-size: 14px; background: #febd0b;color: #fff; margin-top: 25px;border-radius: 20px;transition: All 0.4s ease-in-out;}
.alkbox a:hover{color: #fff;background: #c00077;}
/*课程详情*/
.kcqz{padding: 40px 0 20px;}
.kcqz p{font-size: 14px; color: #333;}
.kcqz p a{color: #333;}
.kcqz p a:hover{color: #FF7D37;}
.hyjs{overflow: hidden; border-radius: 10px; background: #fff; padding: 40px;}
.hyjs_left{float: left; width: 30%;}
.hyjs_left img{width: 240px;height: 240px;border-radius: 50%; margin: 0 auto;}
.hyjs_right{width: 65%;float: right;}
.hyjs_right h2{font-size: 24px; color: #333; margin-bottom: 40px;}
.hyjs_right p{font-size: 16px; line-height: 1.7;color: #666;text-align:justify; word-break: break-all;}
.kcml{padding: 20px 0 110px 0; overflow: hidden;}
.kcml_left{float: left;width: calc(100% - 390px);background: #fff;border-radius: 10px;}
.kcml_left h2{text-align: center; font-size: 20px; font-weight: bold; line-height: 58px; border-bottom: 1px solid #ddd; color: #fd6502;}
.kcml_left h2 span{display: inline-block; border-bottom: 3px solid #FD6502;}
.kcml_left ul{padding:20px ;}
.kcml_left li{overflow: hidden; line-height: 42px; font-size: 14px;}
.kcml_left span{font-weight: bold;  color: #666;}
.kcml_left b{float: left;width: calc(100% - 200px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.kcml_left b img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.kcml_left b a{padding:0 0 0 10px ;}
.kcml_left b a:hover {color: #FD6502;}


.kcml_left span a{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px; width: 80px; border-radius: 6px; color: #fff; background: #F18B02;text-align: center;line-height: 30px;transition: All 0.4s ease-in-out;}
.kcml_left span a:hover{background: #e85050;}
.kcml_right{float: right;width: 380px; border-radius: 10px;background: #fff; padding:0 20px;}
.kctop h2{font-weight: bold; font-size: 20px;  color: #333; line-height: 58px;}
.kctop p{font-size: 16px; line-height: 1.7; color: #333;}
.kctop{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 10px;}
.cjwt{padding-bottom: 20px;}
.cjwt h2{ font-size: 20px; font-weight: bold; line-height: 58px; color: #333;}
.cjwt h2 a{font-weight: 400; font-size: 14px; color: #FD6502;}
.cjwt li {line-height: 44px; font-size: 16px;}
.cjwt li a{display: block; color: #333;background: url(../images/a28.png) right center no-repeat; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cjwt li a:hover{color: #FD6502;}

/*选题页面*/
.bj22{background: url(../images/a29.png) no-repeat center center;background-size: cover;}
.ctnr{padding: 0 0 80px;}
.xtbox{background: #fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 40px; }
.xt_tit{text-align: center; padding: 80px 0 50px;}
.xt_tit h2{font-weight: bold; font-size: 32px; margin-bottom: 25px;color: #ff8d00;}
.xt_tit p{font-size: 16px; line-height: 1.7; color: #666;text-align: left;}
.xt_nr h2{font-size: 20px; color: #333;font-weight: bold; margin-bottom: 40px;}
.xt_nr {padding-bottom: 130px;}
.xt_nr ul{overflow: hidden;margin-left: -70px;}
.xt_nr li{float: left; width: 33.33%; padding: 0 0 35px 70px;}
.xt_nr ul li a{display: block; position: relative; padding: 0 17px;border-radius: 5px;background: #f1f1f1;font-size: 18px; color: #333; line-height: 60px;font-weight: bold;}
.xt_nr ul li a:hover{color: #F85415;}
.xt_nr .btn4{display: block; width: 200px;text-align: center;line-height: 60px;background: #f18b02;color: #fff;font-size: 16px; margin: 50px auto 0 auto; border-radius:6px;transition: All 0.4s ease-in-out;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.xt_nr .btn4:hover{color: #fff;background: #C00077;}
.my_protocol .input_agreement_protocol+span {cursor:pointer;background: url(../images/a30.png) no-repeat center center;width: 30px;height: 30px;background-size: 100% 100%; position: absolute;right: 20px;top:50%; transform: translateY(-50%); }
.my_protocol .input_agreement_protocol:checked+span {background-image:url(../images/a31.png); background-size:100% 100%;}
.xt_tit img{margin: 0 auto 20px auto;}
 
/*选题页面2*/
.xt_nr h2 a{color: #F79528;}
.xt_nr dl{background: #f7f7f7;padding: 20px 40px;}
.xt_nr dt{overflow: hidden;font-size: 16px; line-height: 68px; color: #333;cursor: pointer;}
.xt_nr a{color: #666;}
.xt_nr dl dt a:hover{color: #FD6502;}
.xt_nr dl dt b{float: left; width: calc(100% - 100px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xt_nr dl dt img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;transition: All 0.4s ease-in-out;}
.xt_nr dl dt:hover {color: #F85415;}
.xt_nr dl dt:hover img{margin-right: 25px;}
.xt_nr h3{padding: 40px 0;text-align: right;}
.xt_nr h3 a{display: inline-block; line-height: 56px; width: 245px;text-align: center; font-weight: bold; color: #fff;font-size: 20px;background: #f85415;border-radius: 28px;transition: All 0.4s ease-in-out;}
.xt_nr h3 a:hover{opacity: 0.5;}
.xt_nr h3 a:nth-child(2){ background: #c00077; margin-left: 50px;}
.kfly{padding-bottom: 30px;}
.kfly span{font-weight: bold; color: #333; font-size: 18px;}
.wby3{width: calc(100% - 150px);border-bottom: 1px dashed #ddd;font-size: 18px;}
.kfly li{padding-bottom: 40px;font-size: 18px;}
.bj{width: 100%;height: 100%; position: fixed;z-index: 88;background: rgba(0,0,0,.8);display: none;left: 0;top: 0;}
.ggbtnlogin{font-family: arial;font-size: 24px; color: #fff; top: 20px;right: -1px; position: absolute;transition: All 0.4s ease-in-out;cursor: pointer;}
.ggbtnlogin:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.dlnra1,.dlnra2{width: 450px;}

.leftfd{/*width: 1.55rem;*/width: 88px;position: fixed;left: 0;top:50%; transform: translateY(-50%);z-index: 10;}
.leftfd li{padding: 15px 0;}
.leftfd a{display: block; /*height: 1.4rem; padding-top: .2rem;border-radius: .08rem; */padding: 10px 0; background-image: linear-gradient(to bottom right, #878787, #959595);transition: All 0.4s ease-in-out;}
.leftfd p{/*font-size: .17rem; */font-size:12px;color: #fff; margin-top: 12px;text-align: center;}
.leftfd img{margin: 0 auto;/*width: .6rem;*/width: 40px;}
.leftfd  li.cur:nth-child(1) a{ background-image: linear-gradient(to bottom right, #ff8c00, #febc37);}
.leftfd ul li.cur:nth-child(2) a{ background-image: linear-gradient(to bottom right, #bf0077, #d63c9c);}

/*视频*/
.spbox{width: 800px;z-index: 150; position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.spgb{background: url(../images/b_28.png); width: 72px;height: 72px; display: block; margin: 30px auto 0 auto;transition: All 0.4s ease-in-out;cursor: pointer;}
.spgb:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.sxlc{background: #faf3ed; padding: 30px 0;border: 2px solid #fd930f;}
.bdtc{width: 1000px; position: fixed;z-index: 50;left:50%; top:50%; transform:translate(-50%,-50%); padding: 15px 30px;background: #fff;display: none;z-index: 100;}
.bdtc h2{color: #333; font-size: 20px; line-height: 3; border-bottom: 1px solid #ddd;font-weight: bold; }
.bdtc ul{height: 300px; overflow: auto; margin-top: 25px;}
.bdtc li{padding-bottom: 20px; line-height: 42px;}
.bdtc ul li span{font-size: 16px; color: #666;display: inline-block;vertical-align: auto; width: 100px;}
.wby4{border-radius: 6px; border: 1px solid #eee;width: calc(100% - 110px); padding: 0 15px;height: 42px; line-height: 40px; font-size: 16px;}
.btn5{display: block; width: 140px;height: 50px; border: none;border-radius: 6px; margin: 0 auto;color: #fff;background: #007fff;font-size: 18px;}
.gbbdtc1{position: absolute;top: 15px; right:15px; width: 40px;height: 40px;border: 1px solid #ddd; text-align: center;line-height: 38px; font-family: arial;color: #666; font-size: 18px;border-radius: 50%;cursor: pointer;transition: All 0.4s ease-in-out;} 
.gbbdtc1:hover{color: #fff;background: #007AFF;}
.bdtc_text{padding: 40px 0;height: 300px;overflow: auto;}
.bdtc_text p{font-size: 14px;text-decoration: 32px; color: #333; line-height: 28px;}

.qyzr{background: url(../images/b_02.jpg) no-repeat center center;background-size: cover;}

.qyzrbox{width: 1200px; margin: 0 auto;}

.qyzr_nr{ padding-bottom: 50px;}
.qyzr_nr ul{overflow: hidden; margin-left: -60px;}
.qyzr_nr li{float: left; overflow: hidden; padding: 0 0 0 60px;width: 50%;}
.qyzr_nr img{float: left; }
.qyzr_text{float: right;width: calc(100% - 70px);height: 140px;}
.qyzr_text h2{font-size: 18px; margin-bottom: 10px; color:  #5e368e;}
.qyzr_text p{    color: #171717; font-size: 13px; line-height: 20px;}
.qyzr_nr dl{text-align: center; }
.qyzr_nr dt{display: inline-block; padding: 0 25px; line-height: 40px;}
.qyzr_nr span{font-size: 18px; color: #F18B02;font-weight: bold;}
.qyzr_nr span b{font-size: 32px; font-weight: bold;font-family: arial; padding-left: 5px;}
.qyzr_nr  a{display: block; line-height: 40px; padding: 0 25px; font-size: 18px; color: #fff; background: #F79528;border-radius: 6px;}

.lxdha{width: 150px;height: 100%;background: #bf0077;position: absolute; top: 0; right: .88rem;animation:fadeInRight .8s, 100ms;display: none;height: 100%;}
.lxdha p{text-align: center;font-size: 14px; line-height: 25px; color: #fff;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.rwmb{width: 100px; right: .88rem; top: 0;position: absolute;animation:fadeInRight .8s, 100ms;display: none;}
.wzright li:hover .rwmb{display: block;}
.wzright li:hover .lxdha{display: block;}

@media(max-width:1220px){
.kheaderbox{width: 100%; padding: 0 3%;}
.navk{width: 100%; padding: 0 3%;}
.navk li a{padding: 0 40px;}
.wz1200{width: 100%; padding: 0 3%;}
.footrebox{width: 100%; padding: 40px 3%;}

.gyab{width: 100%; padding: 0 3%;}
.alnr img{height: auto;}
.xt_nr ul{margin-left: -30px;}
.xt_nr li{padding: 0 0 25px 30px;}

.bdtc{width: 94%;}
.qyzrbox{width: 100%; padding: 0 3%;}

}
@media(max-width:1000px){
.lxdh{display: none;}	
.rwnr{display: none;}	
.logo a b{display: none;}	
.logo img{width: 35px;height: 35px;}
.logo span{display: none;}	


.wzright{width: 3rem; padding: 0; top:.2;right: 0;height: .8rem;}
.wzright ul{position: absolute; width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;width: 100%;text-align: center;}
.wzright li{padding: 0 .15rem; display: inline-block;}	
.banner .swiper-button-next{right: .2rem;background-size: 13px 22px;}
.banner .swiper-button-prev{left: .3rem; background-size: 13px 22px;z-index: 10000;}
.gywm{width: calc(100% - 1.5rem); margin:0 0 0 0.8rem;overflow: auto;}
.gywm ul{width: 20rem; }
.gywm li{width: 20%;padding-top: .2rem;}
.whhb{width: 5rem;margin-top: .1rem;}
.qyry{width: 100%;float: none; padding: 0 .3rem;}
.qyry h2{line-height: 1rem;right: 1rem;}
.whhb .hd{top: .23rem;right: .5rem;}
.fgt{height: 60px;}
.kheader{ position: fixed;left: 0;top: 0; background: #fff;height: 60px;z-index: 1000;width: 100%;}
.dhbtnm{width: 30px;height: 30px; position: absolute;right: 3%; top: 15px; background: url(../images/d1.png) no-repeat center center #c00077;background-size: 20px 20px;}
.dhbtnm.on{ background: url(../images/d2.png) no-repeat center center #c00077;background-size: 20px 20px;}
.klogo {position: absolute;left: 3%; top: 20px;width: 33px;padding: 0;}
.klogo span{display: none;}
.klogo b{display: none;}
.kdlnr{position: absolute;right: 50px; top: 20px;padding: 0;}
.navkbox{position: fixed;width: 200px;height: calc(100% - 60px);top: 60px;left: -200px;z-index: 80;z-index: 101;}
.navk b{display: none;}
.navk li{float: none; width: 100%;}
.dlnra1,.dlnra2{width: 94%;}
.banner1{margin-top: 0;height: 150px;}
.news_left{float: none;width: 100%;}
.news_right{float: none; width: 100%;}
.alkbox h2{font-size: 16px; margin-bottom: 10px;}
.alknr{padding: 30px 15px 0 15px;}
.alkbox a{line-height: 35px; margin-top: 10px;}
.qyjs_tit{padding: 40px 0 30px;}
.qyjs_tit h2{background-size: 150px auto;padding-top: 15px;}
.qyjs_left{float: none;width: 100%;}
.gyab_bj{background-size: 100% auto;}
.qyjs_right{width: 100%; padding: 20px 0 0 0;}
.lhkf_nr ul{margin-left: -10px;}
.lhkf_nr li{width: 50%; padding: 0 0 20px 10px;}
.lhkf_nr a{font-size: 16px;line-height: 45px;}
.footrebox{padding: 20px 3%;}
.footrebox span{width: 100%; line-height: 1.6;text-align: center;}
.footrebox img{max-width: 60%; margin: 0 auto;}
.jyppbox p{font-size: 14px;}
.kcjsbox{margin-top: 20px;}
.kcjsa_left{float: none;width: 100%; padding: 30px 15px;}
.jxkt_nr a{line-height: 40px; padding: 0 15px;}

.sxlc{padding: 30px 0 0 0 ;}
.sxlc_nr{padding:20px 0 0 0; margin: 0;}
.jxkt_bt li span{font-size: 16px; padding: 0 15px;}
.kcqh{min-height: auto; padding-bottom: 0;}
.kcjs_right{float: none; width: 100%;}

.hyjs{padding: 30px 20px;}
.hyjs_left{float: none; width: 100%;}
.hyjs_right{float: none;width: 100%;}
.hyjs_right h2{font-size: 24px; margin: 20px 0 30px;text-align: center;}
.kcml_left{float: none; width: 100%;}
.kcml_right{float: none; width: 100%; margin-top: 20px;}
.kcml{padding: 20px 0 50px;}
.alnr ul{margin-left: -10px;}
.alnr li{width: 50%; padding: 0 0 10px 10px;}
.altext p{font-size: 14px;}
.xtbox{padding: 0 20px;}
.xt_tit{padding: 40px 0 20px;}
.xt_tit h2{font-size: 24px; margin-bottom: 15px;}
.xt_tit p{font-size: 14px;}
.xt_tit img{width: 150px;}
.xt_nr h2{font-size: 16px;}
.xt_nr ul{margin-left: -20px;}
.xt_nr li{width: 50%; padding: 0 0 20px 20px;}
.xt_nr{padding-bottom: 40px;}
.xt_nr .btn4{line-height: 45px; margin: 20px auto 0 auto;}
.xt_nr dl{padding: 10px;}
.xt_nr dt{line-height: 3;font-size: 13px;}
.xt_nr h3{text-align: center;}
.xt_nr h3 a{line-height: 45px;width: 120px; font-size: 16px;}
.kfly{padding-bottom: 0;}
.ctnr{padding-bottom: 40px;}
.alnr{padding: 20px 10px;}

.spbox{width: 90%;}
.spgb{width: 50px;height: 50px;background-size: 100% 100%;}
.qyzr_nr li{width: 100%; height: auto; padding-bottom: 25px;}
.qyzr_text{height: auto;}
}




/*---------------------------------------------star(2022.07.06)个人中心*/

/*公用样式*/
body{ font-family:'RUBIK-REGULAR-WEBFONT','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}

/*设置选中文字时的背景色*/
::selection{ background:#bf0077; color:#fff; }
::-moz-selection    { background:#bf0077; color:#fff; }
::-webkit-selection { background:#bf0077; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/



ol,ul{list-style: none}
input,button,select,textarea{outline:none;font:400 14px/1.6 'RUBIK-REGULAR-WEBFONT','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';font-size:14px;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer;-webkit-appearance: none;}
button[disabled],html input[disabled]{cursor: default}



.phcolor{color: #999!important;}
input::-webkit-input-placeholder{color: #999;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

/*输入框默认颜色*/
textarea::-webkit-input-placeholder{color: #999;} 
textarea:focus::-webkit-input-placeholder{color: #999;} 
textarea::-moz-placeholder{color: #999;} 
textarea:-ms-input-placeholder{color: #999;}


.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}


/*宽度*/
.w_1200{ width:1200px; margin: 0 auto;}
.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



/*-------------------------首页*/
.yi_body_bj{ background-color: #f4f4f4; }

/*头文件*/
.w_big{ padding-left: 4.5%; padding-right: 4.5%;}

@media (max-width:1280px){ 
.w_big{ padding-left: 2%; padding-right: 2%;}
}

@media (max-width:1024px){ 
.w_big{ padding-left: 0; padding-right: 0; width:1200px; margin-left:auto;margin-right:auto;}
}


.header-wrap{position: absolute; top: 0; left: 0; }
.yi_header,.header-wrap{width: 100%; height: 90px;}


/*标志*/
.yi_logo{ padding-top:20px;}
.yi_logo_a{ width:210px; height: 64px; background-image: url("https://www.jiuzhoubridge.com/uploads/20240927/920c4999233751a96ac23ffe341170d5.png"); background-repeat: no-repeat; font-size: 0; overflow: hidden; display: block;}

/*导航*/
.yi_nav{ margin-left:220px; padding-top: 20px;}
@media (max-width: 1520px) {
  .yi_nav{margin-left: 0;}
}
.yi_nav .yi_li{ float:left; margin-left: 60px; position: relative;}

@media (max-width:1280px){ 
.yi_nav{margin-left: 50px;}
.yi_nav .yi_li{ margin-left: 40px;}
}

.yi_nav .yi_item_a{ float:left; color:#fff; line-height: 50px;  position: relative; font-size: 16px;}
.yi_nav .yi_item_a::before,.yi_tab_nav .yi_a::before{ position:absolute; bottom: 0; left:50%; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); width:0; height: 3px; background-color: #ff7418; content: '';transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.yi_nav .yi_item_a:hover::before,.yi_tab_nav .yi_a:hover::before,.yi_tab_nav .tab_light::before{ width:24px;}

/*头文件右*/
.yi_header_r{ padding-top:25px; }
/*我的导航*/
.yi_header_club{ position:relative;}
.yi_header_club_a{ color:#fff;}
.yi_option_icon{ width:16px; height: 16px; background-image: url("../images/icon/yi_option.png"); }
.yi_header_club:hover .yi_option_icon{background-position: 0 -16px;}



/*二级导航*/
.yi-menu-sub,
.yi-menu-sub-list,
.yi-menu-sub-item{border-radius:6px;}
.yi-menu-sub{position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; -webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.5)); filter: drop-shadow(0 0 4px rgba(0,0,0,0.5)); display: none;}
.yi-menu-sub::before{position: absolute; bottom: 100%; left: 50%; margin-left: -10px; display: block; content: ""; width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 10px solid rgba(255,255,255,0); border-bottom-color: #fff; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.6); transform: scaleY(0.6);}
.yi-menu-sub-list{display: block; min-width: 160px; max-width:260px; background-color: #fff;}
.yi-menu-sub-item{display: block; padding: 8px 30px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  -webkit-transition: 0.3s; transition: 0.3s;}
.yi-menu-sub-item:hover{background-color: #f0f0f0; color:#bf0077;}
.yi_header_club:hover .yi-menu-sub{display: block; -webkit-animation: gn-menu-sub-up ease 0.3s forwards; animation: gn-menu-sub-up ease 0.3s forwards;}

@-webkit-keyframes gn-menu-sub-up{
  from{-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0);}
  to{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}
@keyframes gn-menu-sub-up{
  from{-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0);}
  to{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

/*退出*/
.yi_header_exit{ line-height:38px; margin-left: 25px;}
.yi_header_exit_a{ color:#fff;}
/*退出图标*/
.yi_exit_icon{ width:24px; height: 24px; background-image: url("../images/icon/yi_exit.png");}





/*浮动*/
@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.top_header{position: absolute; top: 0; left: 0; }
.header-wrap{/*position: relative;*/ z-index: 170;}
.sticky-header-top-0 .yi_header{position: fixed; background-color: #fff; padding: 0; top: 0; left: 0;  _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s;  background-image: none; box-shadow: 0 0 10px rgba(0,0,0,.08);}
.sticky-header-top-0 .yi_header{height: 60px;}
.sticky-header-top-0 .yi_logo,.sticky-header-top-0 .yi_nav{ padding-top:5px;}
.sticky-header-top-0 .yi_logo_a{ background-position: 0 -50px;}
.sticky-header-top-0 .yi_header_r{ padding-top:10px;}
.sticky-header-top-0 .yi_nav .yi_item_a,.sticky-header-top-0 .yi_header_r a{ color:#333;}
.sticky-header-top-0 .nav .item_a,.sticky-header-top-0 .header_r a{font-size: 18px;}
/*退出图标*/
.sticky-header-top-0 .yi_exit_icon{ background-position: 0 -24px; }
/*下拉图标*/
.sticky-header-top-0 .yi_option_icon{ background-position: -16px 0;}
.sticky-header-top-0 .yi_header_club:hover .yi_option_icon{background-position: -16px -16px;}


.header{-webkit-transition: 0.5s; transition: 0.5s;}

.header-hide .yi_header{top: -60px; -webkit-animation: none; animation: none;}




/*banner*/
/*.yi_banner{position: relative; clear: both; overflow: hidden;height:480px; background-image: url("../images/icon/yi_banner.jpg"); background-repeat:  no-repeat; background-position: center top; background-size: cover;}*/
.yi_banner{position: relative; clear: both; overflow: hidden;height:480px; background-image: url("../images/xz_001.jpg"); background-repeat:  no-repeat; background-position: center -100px; background-size: cover;}


/*文字框*/
.ye_text_box{ border:1px solid rgba(255,255,255,.3); padding: 0 5px; min-width: 86px; line-height: 26px; text-align: center; display: inline-block;}

/*图标*/
.yi_ext_icon{ width:24px; height: 24px; background-image: url("../images/icon/yi_ext_icon.png");}

/*头像*/
.yi_photo_img{ border:6px solid rgba(136,12,86,.2); width:120px; height: 120px; overflow: hidden;}
.yi_photo_img img{background-color: #ffbae5;}

/*中间区域*/
.yi_club_center{ z-index: 1;}

/*标签导航*/
.yi_tab_mune_ul{ line-height:40px;}
.yi_tab_mune_ul .active{ font-weight:bold;}
/*图标*/
.yi_mune_icon{ width:40px; height: 40px; background-image: url("../images/icon/yi_nav_icon.png");}
.yi_mune_icon2{ background-position: 0 -40px;}
.yi_mune_icon3{ background-position: 0 -80px;}
.yi_mune_icon4{ background-position: 0 -120px;}
.yi_mune_icon5{ background-position: 0 -160px;}
.yi_mune_icon6{ background-position: 0 -200px;}
.yi_mune_icon7{ background-position: 0 -240px;}
/*当前状态*/
.active .yi_mune_icon{ background-position: -40px 0;}
.active .yi_mune_icon2{ background-position: -40px -40px;}
.active .yi_mune_icon3{ background-position: -40px -80px;}
.active .yi_mune_icon4{ background-position: -40px -120px;}
.active .yi_mune_icon5{ background-position: -40px -160px;}
.active .yi_mune_icon6{ background-position: -40px -200px;}
.active .yi_mune_icon7{ background-position: -40px -240px;}

/*大图片*/
.yi_club_banner{ width:100%; top:0; height:100%; left:0; z-index: 1; }
.yi_club_banner_btn{ min-width:140px; line-height: 46px; padding: 0 15px; text-align: center;}
.box_block{display: inline-block;}

.gray_bj{background-color:#f4f4f4;}



/*步骤*/
.yi_stu_step_ul .box:hover .yi_step_s_text{ color:#fff; background-color:  #bf0077;}
/*小字*/
.yi_step_s_text{ display:inline-block; min-width: 60px; line-height: 24px; padding: 0 4px;}
/*图标*/
.yi_step_icon{ width:94px; height: 80px; background-image: url("../images/icon/yi_step_icon.png");}
.yi_step_icon2{ background-position: 0 -80px;}
.yi_step_icon3{ background-position: 0 -160px;}
.yi_step_icon4{ background-position: 0 -240px;}
.yi_step_icon5{ background-position: 0 -320px;}
.yi_step_icon6{ background-position: 0 -400px;}
.yi_step_icon7{ background-position: 0 -480px;}

/*文件底*/
.yi_footer_tel{ width:36px; height: 36px; background-image: url("../images/icon/yi_footer_tel.png");}
.yi_footer_link_ul{ border-right:1px solid rgba(255,255,255,.1);}

/*我的课程*/
/*有效期*/
.yi_club_date_ul .yi_box{ display:block; padding:10px 8px; line-height: 22px; margin: 0 4px; }

/*标签导航*/
.yi_tab_nav .yi_a{ display:inline-block; padding-bottom: 16px; min-width: 120px; text-align: center; position: relative; margin-right: 20px;}
.yi_tab_nav .tab_light{ font-weight:bold; font-size: 22px;}

/*按钮*/
.yi_go_btn{ display:block; line-height: 36px; }
.btn_group{position: relative; overflow: hidden;}


/*列表*/
.yi_course_ul .yi_li{ padding:20px 20px; line-height: 36px;}
.yi_course_ul .yi_a{ display:block; padding-left: 55px; position: relative;}
.yi_course_ul .yi_a::before{ width:26px; height: 26px; border:1px solid #333; position: absolute; content: ''; top:2px;left:0px;  background-image: url("../images/icon/yi_video_icon.png"); background-position: center center; border-radius: 50%; background-repeat: no-repeat;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.yi_course_ul .yi_a:hover::before{ border-color:#bf0077; transform:scale(1.2);}

.ul_last li:last-child{ border-bottom:none;}

/*经过扩散效果*/
.button-fade-circle{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.btn_group:hover .button-fade-circle{-webkit-animation: button-fade-circle 0.75s; animation: button-fade-circle 0.75s;}
.button-fade-circle::before{margin-top: 100%; position: relative; display: block; content: "";}
.button-fade-circle::after{position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 50%;}
.btn_group:hover .button-fade-circle::after{-webkit-animation: button-fade-circle-pseudo 0.75s; animation: button-fade-circle-pseudo 0.75s;}
@-webkit-keyframes button-fade-circle{0%{width:0}100%{width:100%}}
@keyframes button-fade-circle{0%{width:0}100%{width:100%}}
@-webkit-keyframes button-fade-circle-pseudo{0%{background:rgba(190,0,120,0.5)}100%{background:transparent}}
@keyframes button-fade-circle-pseudo{0%{background:rgba(190,0,120,0.5)}100%{background:transparent}}


/*按钮*/
.yi_fill_btn{ border:none; cursor: pointer; display: inline-block; text-align: center; min-width: 200px; line-height: 58px;}
@-webkit-keyframes button-fade-circle-pseudo_black{0%{background:rgba(0,0,0,0.5)}100%{background:transparent}}
@keyframes button-fade-circle-pseudo_black{0%{background:rgba(0,0,0,0.5)}100%{background:transparent}}
.yi_fill_btn:hover .button-fade-circle::after{-webkit-animation: button-fade-circle-pseudo_black 0.75s; animation: button-fade-circle-pseudo_black 0.75s;}
.yi_btn_icon{width:36px; height: 36px; background-image:url("../images/icon/yi_btn_icon.png");}


/*图标*/
.yi_ok_icon{ width:16px; height: 16px; background-image: url("../images/icon/yi_ok_icon.png");}

.group_text{ line-height:1.6;}


/*表单*/
.yi_fill_text,.yi_checkbox a { border:1px solid #f3f3f4; background-color: #f3f3f4;}
.yi_fill_text{ padding: 10px 15px; line-height: 30px; height: 50px; width: 100%;}
.yi_fill_text:focus,.yi_checkbox .active{ border-color:#dc54a9; background-color: #fff; box-shadow: 0px 0px 0px 4px rgba(190,0,120,.12);}

/*性别*/
.yi_checkbox a {display: inline-block;vertical-align: middle;width: 50px;height: 50px; margin-right: 10px; text-align: center;line-height: 50px;cursor: pointer;}
.yi_checkbox .active{color:#dc54a9;}



/*上传控件*/
.yi_file_box{ position:relative;width:150px; cursor: pointer;}
.yi_file_btn{ height:44px; width:100%;}
.yi_file_text{ position:absolute; top:0; left:0px; height:100%; filter:alpha(opacity:0);opacity: 0;width:100%; }






/*间距*/
.box_mw_auto{ margin-left:auto; margin-right: auto;}
.box_mr160{ margin-right:160px;}
.box_mr30{ margin-right:30px;}
.box_mw200{ margin-left:200px; margin-right: 200px;}
.box_mw160{ margin-left:160px; margin-right: 160px;}
.box_md80{ margin-bottom:80px;}
.box_ml180{ margin-left:0px;}
.box_mt30{ margin-top:30px;}
.box_ph10{ padding-top:10px; padding-bottom: 10px;}
.box_ml160{ margin-left:160px;}
.box_pw20{ padding-left:20px; padding-right: 20px;}
.box_pw30{ padding-left:30px; padding-right: 30px;}
.box_ph30{ padding-top:30px; padding-bottom: 30px;}
.box_pd20{ padding-bottom:20px;}
.box_pt40{ padding-top:40px;}
.box_ml30{ margin-left:30px;}
.box_ml80{ margin-left:80px;}
.box_mr100{ margin-right:100px;}
.box_mt70{ margin-top:70px;}
.box_mt40{ margin-top:40px;}
.box_pd50{ padding-bottom:50px;}
.box_mh160{ margin-top:160px; margin-bottom: 160px;}
.box_mh30{ margin-top:30px; margin-bottom: 30px;}
.box_mh40{ margin-top:40px; margin-bottom: 40px;}
.box_mh50{ margin-top:50px; margin-bottom: 50px;}
.box_mt60{ margin-top:60px;}
.box_mt50{ margin-top:50px;}
.box_mt20{ margin-top:20px;}
.box_mt25{ margin-top:25px;}
.box_pt10{ padding-top:10px;}
.box_pt100{ padding-top:100px;}
.box_mw40{ margin-left:40px; margin-right: 40px;}
.box_mr15{ margin-right:15px;}
.box_mw15{ margin-left:15px; margin-right: 15px;}
.box_ph25{ padding-top:25px; padding-bottom: 25px;}
.box_ph50{ padding-top:50px; padding-bottom: 50px;}
.box_mft100{ margin-top:-100px;}
.box_mt15{ margin-top:15px;}
.box_mr40{ margin-right:40px;}
.box_ml200{ margin-left:200px;}
.box_pt25{ padding-top:25px;}
.box_pt20{ padding-top:20px;}
.box_mt10{ margin-top:10px;}
.box_mr10{ margin-right:10px;}
.box_mr5{ margin-right:5px;}
.box_mw10{ margin-left:10px; margin-right: 10px;}
/*.box_pt190{ padding-top:190px;}*/
.box_pt190{ padding-top:150px;}




.box_relative{ position: relative;}
.box_absolute{ position: absolute; z-index: 1;}

/*线*/
.box_line_d{ border-bottom:1px solid #e8e8e8;}
.box_line_t{ border-top:1px solid #e8e8e8;}
.box_line_r{ border-right:1px solid #e8e8e8;}
.box_line_l{ border-left:1px solid #e8e8e8;}

/*color*/
.black_text,.black_link a{ color:#000;}
.black3_text,.black3_link a{ color:#333;}
.black6_text,.black6_link a{ color:#666;}
.black8_text,.black8_link a{ color:#888;}
.black9_text,.black9_link a{ color:#999;}
.black_link a:hover,.black3_link a:hover,.black6_link a:hover,.black8_link a:hover,.black9_link a:hover{color: #000; }


/*背景*/
.pruple_bj{ background-color: #bf0077; }
.orange_bj{ background-color: #ff7418; }
.white_bj{background-color:#fff; }
.white8_bj{background-color:rgba(255,255,255,.8);}
.blue_bj{background-color:#0d0c22;}
.pink_bj_light{background-color:#faebf4;}

/*边框*/
.gray_border{ border:1px solid #e8e8e8; background-color: #fff;}
.pruple_border{border:1px solid #bf0077; background-color: #fff;}


/*color*/
.pruple_text,.pruple_link a{ color:#bf0077;}
.orange_text{ color:#ff7418;}
.white_text,.white_link a{ color:#fff;}
.white_link a:hover{ color: #bf0077; }
.white3_text{ color:rgb(255,255,255,.3);}
.white_text.important{ color:#fff !important;}
.pruple_text.important{ color:#bf0077;}



/*font*/
.font_12{ font-size:12px;}
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_32{ font-size:32px;}
.font_34{ font-size:34px;}
.font_40{ font-size:40px;}
.font_50{ font-size:50px;}
.font_b{ font-weight:bold;}
.font_not_b{ font-weight:normal;}
.th_text{ line-height:1.1;}
.china{ font-family:"宋体";}
.up_text{ text-transform: uppercase;}


/*宽度*/
.w_38{ width:38px;}
.w_105{ width:105px;}
.w_150{ width:150px;}
.w_180{ width:180px;}
.w_250{ width:250px;}
.w_260{ width:260px;}
.w_380{ width:380px;}

/*高度*/
.h_38{ height:38px;}
.h_120{ height:120px;}
.h_180{ height:180px;}
.min_h800{ min-height:800px;}

/*对齐*/
.box_c{/*text-align:center;*/padding-left: 50px;}
.box_l{text-align:left;}
.box_r{text-align:right;}


/*经过*/
.hover_li .box{ 
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.hover_li .box::before{ width:0; height:100%; left:50%; top:0; background-color: rgba(0,0,0,0.02); display: block; position: absolute; content: ''; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;z-index: -1; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hover_li .box:hover::before{ width:100%; }


/*经过*/
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_box_t .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{ -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px); }
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_pic_shadow_t .box:hover .pic,.hover_box_shadow .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{-moz-box-shadow: 0 10px 25px rgba(0,0,0,.07);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.07);box-shadow: 0 10px 25px rgba(0,0,0,.07);}

.hover_box_line .box{ position:relative;}
.hover_box_line .box::before{ width:0; height: 3px; background-color: #0065f2; font-size: 0; overflow: hidden;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;  -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); left: 50%; bottom: 0;  display: block; position: absolute; content: ''; z-index: 2;}
.hover_box_line .box:hover::before{ width:100%;}
.hover_box_line .box:hover .th_t a{color: #0065f2;}


/*自定义动画*/
a,a:hover,.btn,.icon,.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public,.hover_table_td tbody td{transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }



/*省略号*/
.hide1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.hide2,.hide6,.hide4,.hide3,.hide10,.hide_1_w,.hide9,.hide5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hide2{-webkit-line-clamp: 2;height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide5{-webkit-line-clamp: 5;height:8em;}
.hide9{-webkit-line-clamp: 9;height:18em; line-height: 2em;}
.hide10{-webkit-line-clamp: 10;height:16em; }
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}


/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
/*列表*/

.list_2 .item_li{ float:left; width:49.99%;}
.list_3 .item_li{ /*float:left; width:33.33%;*width:33.2%;*/}
.list_4 .item_li{float:left; width: 24.99%;}
.list_5 .item_li{float:left; width: 13.99%;}
.list_6 .item_li{float:left; width: 13.666%;}
.list_7 .item_li{float:left; width: 12.28%;}
.list_8 .item_li{float:left; width: 10.5%;}
.list_12 .item_li{ float:left; width:8.33%; }


.menus .item_li{float:left !important; width: 19.99% !important;}







/*图标*/
.icon_public{display: inline-block; vertical-align: middle; font-size: 0; overflow: hidden; background-repeat: no-repeat;}

.img_w{ width:100%; height: 100%; overflow: hidden;}
.img_w_w{ width:100%; overflow: hidden;}
.img_m,.text_m{ display:inline-block; vertical-align: middle;}
a:hover .img_m{vertical-align: middle;}
.box_sizing{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



/*左右摇摆*/
.hover_arrow .box:hover .icon_public,
.give-score-broad-control:hover .icon_public{animation: landr 0.8s ease-in-out; 
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}

40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*经过图片有闪光效果*/
.hover_pic .pic_a{position: relative; overflow: hidden; display:block;}
.hover_pic .pic_a:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover_pic .box:hover .pic_a:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}

/*效果*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}


/*圆角*/
.round_r6{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.round_r2{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_r3,.round_r3_a a,.round_r3_img img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.round_r4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_r10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_r16{ -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;}
.round_r20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.round_rt10{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.round_r4_t{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_r30{ -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}

.round_rd4{-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

.round_m_s{ -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;}
.round_r,.round_img img,.round_r_a a{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}



/*加载字体*/
@font-face {
  font-family: 'RUBIK-REGULAR-WEBFONT';
  src: url('../font/RUBIK-REGULAR-WEBFONT.eot');
  src:
	url('../font/RUBIK-REGULAR-WEBFONT.otf') format('otf'),
	url('../font/RUBIK-REGULAR-WEBFONT.eot?#iefix') format('embedded-opentype'),
	url('../font/RUBIK-REGULAR-WEBFONT.woff') format('woff'),
	url('../font/RUBIK-REGULAR-WEBFONT.woff2') format('woff2'),
	url('../font/RUBIK-REGULAR-WEBFONT.ttf') format('truetype'),
	url('../font/RUBIK-REGULAR-WEBFONT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}





/*新加样式*/
.qhqh{background: url(../images/icon/ss1.png) no-repeat left center;}
.qhqh.on1{background: url(../images/icon/ss2.png) no-repeat left center;}
.qhqh_box{display: none;width: 100%;}
.qh_title{border-top: 1px dashed #ddd; padding: 20px 0; margin-top: 20px;}
.qh_title h2{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 5px;}
.qh_title p{color: #999; line-height: 1.7; color: #999;font-size: 14px;}
.qhqh_nr{padding: 20px 0;border-top: 1px dashed #ddd; position: relative;}
.qhqh_nr p{color: #999; line-height: 1.7; color: #999;font-size: 14px;}
.qhqh_nr h2{font-size: 18px; margin-bottom: 5px; color: #E21C37;font-weight: bold;}
.qhqh_nr h3{text-align: right;  color: #666;position: absolute;bottom: 15px;right: 0;}
.qhqh_ss{padding-top: 20px;border-top: 1px dashed #ddd;text-align: center;}
.wby5{width: 80%; line-height: 40px; border-radius: 3px;border: 1px solid #ddd; padding: 15px;background: #fff;display: block; margin: 0 auto;height: 200px;}
.btnqh{width: 150px;height: 40px;border-radius: 20px;border: none;font-size: 16px; color: #fff; background: #F18B02; margin: 15px auto 0 auto; display: block;cursor: pointer;}
.yi_course_ul .yi_a::before{background-image: none;}
.r_cell_b a:before{background-image: none;}
.r_cell_b p{font-size: 18px; color: #333; font-weight: bold; padding-left: 55px;}