@charset "UTF-8";
.wrap{
  overflow: hidden;
}
.clearfix:before, .clearfix:after { display: table; content: ''; }
.com-baner{
  position: relative;
}
#company{
  position: absolute;
  bottom: 200px;
}
.container{
  position: relative;
}
.worth{
  position: relative;
}
@media only all and (max-width: 750px) {
  #desire{
    position: absolute;
    top: 80%;
  }
}
#introduce{
  position: absolute;
  bottom: 350px;
}
.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

html { font-size: 100px; }

@media only all and (max-width: 1450px) { html { font-size: 76px; } }

.wechartinfo { position: relative; border: 1px solid #fff; }

.wechartinfo .showchat { position: absolute; display: none; width: 99px; max-width: 99px; right: -18px; top: -10px; height: 99px; opacity: 0; transition: all 1s; }

.wechartinfo { cursor: pointer; }

.wechartinfo:hover .showchat { display: block !important; animation: showani .5s ease-in forwards; }

@keyframes showani { 0% { opacity: 0; }
  100% { opacity: 1; } }

.com-baner { position: relative; }

.com-baner .banertext { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.com-baner .banertext .tips { font-size: .4rem; color: #dda000; font-style: italic; text-align: center; }

.com-baner .banertext .linetext { position: relative; font-size: .7rem; color: #fff; font-weight: bold; letter-spacing: .16rem; }

.com-baner .banertext .linetext::after, .com-baner .banertext .linetext::before { position: absolute; content: ''; top: 50%; transform: translate(0, -50%); width: .62rem; height: 4px; background-color: #fff; }

.com-baner .banertext .linetext::after { left: -1rem; transform: skew(226deg, 360deg); }

.com-baner .banertext .linetext::before { right: -1rem; transform: skew(127deg, 360deg); }

body, html { max-width: 1920px; margin: 0 auto; }

* { font-family: 'Arial'; color: #333; font-size: .12rem; }

.no-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue-1.woff"); }

@font-face { font-family: 'Techna'; src: url("../font/Techna-Sans-Regular-2.woff"); }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

.p { display: block; }

.f { display: none; }


@media only all and (min-width: 750px) { .headerfixed, .newsheader, .query { height: .99rem; background-color: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 0 !important; padding-left: 0.36rem !important; }
  .headerfixed .logo, .newsheader .logo, .query .logo { display: flex; align-items: center; }
  .headerfixed .logo .f, .newsheader .logo .f, .query .logo .f { display: block; }
  .headerfixed .logo .p, .newsheader .logo .p, .query .logo .p { display: none; }
  .headerfixed .text, .newsheader .text, .query .text { color: #4e4e4e !important; }
  .headerfixed .head-info::before, .newsheader .head-info::before, .query .head-info::before { position: absolute; left: -1.9rem; top: 0; content: ''; width: 0; height: 0; width: 3.4rem; height: 100%; transform: rotate(128deg); background-color: #fff; } }

.header { position: fixed; top: 0; left: 0; z-index: 22; width: 100%; padding: .26rem .36rem; display: flex; justify-content: space-between; }

.header .logo img { width: 2.4rem; }

.header .nav-list { display: flex; justify-content: space-around; align-items: center; }

.header .nav-list .list { position: relative; padding: 0 20px; }

.header .nav-list .list.active a::after { position: absolute; content: ''; width: 100%; bottom: -4px; left: 0; border-bottom: solid 4px #dda000; }

.header .nav-list .list .text { position: relative; display: inline-block; font-size: .18rem; font-weight: bold; color: #fff; padding: 10px 0; }

.header .nav-list .list .text::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: solid 1px rgba(255, 255, 255, 0.6); opacity: 0; transition: all 0.2s ease-out; }


.head-info { display: flex; align-items: center; }

.head-info > div { display: flex; align-items: center; }

.head-info .phoneinfo { color: #fff; font-size: .22rem; }

.head-info .phoneinfo img { width: .3rem; margin-right: .08rem; }

.head-info .wechartinfo {  border: 1px solid #fff; padding: .09rem; border-radius: 100%; margin-left: .35rem; }

.footer { padding: .52rem 0 .3rem; background-color: #6b6b6b; }

.footer .footerinfo { padding-bottom: 1.12rem; display: flex; justify-content: space-between; }

.footer .footerinfo > div span { font-size: .16rem; color: #ffffff; }

.footer .footerinfo > div p { font-size: .14rem; color: #ffffff; margin-top: .18rem; }

.footer .footerinfo > div p a { font-size: .14rem; color: #ffffff; }

.footer .footerinfo > div .switchbox { display: flex; border-bottom: 2px solid #7a7a7a; margin-bottom: .14rem; }

.footer .footerinfo > div .switchbox span { padding: .16rem; }

.footer .footerinfo > div .switchbox .active { position: relative; }

.footer .footerinfo > div .switchbox .active::before { position: absolute; content: ''; width: 100%; left: 0; bottom: -2px; border-bottom: 2px solid #fff; }

.footer .footerinfo > div .switchboxcont img { display: none; }

.footer .footerinfo > div .switchboxcont img:first-child { display: block; }

.footer .registerinfo { display: flex; justify-content: space-between; align-items: center; }

.footer .registerinfo p { font-size: .14rem; color: #ffffff; }

.footer .registerinfo span { font-size: .12rem; color: #cccccc; }

.foot-menu { width: 740px; font-size: 0; }

.foot-menu .menu-list { display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px; }

.foot-menu .menu-list:nth-child(odd) { width: 35%; }

.foot-menu .menu-list .title { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #fff; }

.foot-menu .menu-list .list { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 10px; color: #999; }

.foot-menu .menu-list a { display: inline-block; transition: all 0.4s; }

.foot-menu .menu-list a:hover { color: #fff; }

.menu-btn { display: none; }

@media only all and (max-width: 1600px) { .container { max-width: 1200px; } }

@media only all and (max-width: 1400px) { .container { max-width: 1020px; } }

@media only all and (max-width: 1200px) { .container { max-width: 700px; }
  .header .logo img { width: 2rem; }
  .header .nav-list .list { position: relative; padding: 0 0.1rem; }
  .submenu { top: 38px; }
  .header .nav { display: block; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; width: 60%; background: #7c858d; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); } }

@media only all and (max-width: 750px) { html { font-size: 100px !important; }
  .wrap { padding-top: 50px; }
  .com-baner .banertext .tips { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext::after { left: -0.8rem; }
  .com-baner .banertext .linetext::before { right: -0.8rem; }
  .header .logo img { width: 1.1rem; }
  .head-info { display: none; }
  .menu-btn { display: flex; width: 40px; height: 26px; align-items: center; justify-content: center; flex-wrap: wrap; margin-right: 0; margin-left: auto; position: relative; }
  .menu-btn.active span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .menu-btn.active span:nth-child(2) { display: none; }
  .menu-btn.active span:nth-child(1) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50%, 50%; }
  .menu-btn.active span:nth-child(3) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50%, 50%; }
  .menu-btn span { display: block; width: 75%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; }
  .menu-btn span:last-child { margin-bottom: 0; }
  .head-info { position: static; margin-top: 15px; height: 35px; }
  .header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 20px; z-index: 1000; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
  .header.active { background: #fff; }
  .header .logo-moblie { display: block; }
  .header .logo-moblie img { height: 35px; }
  .header .nav-list { display: none; }
  .menu-btn { width: 35px; }
  .menu-btn span { margin-bottom: 0px; }
  .header .nav-list { display: block; position: fixed; top: 0; left: -150%; height: 100%; bottom: 0; width: 60%; padding-top: 15px !important; background: #fff; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); transition: left 0.6s; }
  .header .nav-list.active { left: 0; }
  .header .nav-list .list { display: flex; align-items: center; margin-top: 25px; }
  .header .nav-list .list .text { font-size: 16px; padding: 0 20px; color: #505050; }
  .header .nav-list .list a { padding: 10px 10px 10px 0; }
  .header .nav-list .list a img { width: 30px !important; height: 22px !important; object-fit: contain; }
  .header .nav-list .logo-list { display: none; }
  .footer .footerinfo > div p { margin-top: .1rem; }
  .footer .footerinfo { flex-wrap: wrap; padding: 0 10px; }
  .footer .footerinfo > div { margin-bottom: 40px; }
  .footer .registerinfo { flex-direction: column; text-align: center; }
  .footer .registerinfo .copyright { margin: 20px 0; }
  .footer .registerinfo img { width: .8rem; } }

.wrap .pagenav { width: 100%; background-color: #6b6b6b; font-style: .18rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.33rem; }

.wrap .pagenav a {cursor: pointer ;padding: .19rem .44rem; color: #fff; font-size: .18rem; border-bottom: 4px solid transparent;}
.wrap .pagenav a:hover { border-bottom: 4px solid #dda000; }

.wrap .pagenav a:active { border-bottom: 4px solid #dda000; }

.wrap .pagenav .active { background-color: #565656; border-bottom: 4px solid #dda000; }

.wrap .company { margin-bottom: .81rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.wrap .company .companyimg { width: 58.8%; }

.wrap .company .companytext { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: .98rem; }

.wrap .company .companytext h2 { font-size: .4rem; color: #333333; margin-bottom: .37rem; }

.wrap .company .companytext p { line-height: 1.5; font-size: .18rem; color: #666666; margin-bottom: .27rem; }

.wrap .company .companytext .companyname { color: #dda000; font-size: .18rem; margin-bottom: .27rem; }

.wrap .company .companytext .jumpwebsite { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.wrap .company .companytext .jumpwebsite span { color: #dda000; font-size: .18rem; }

.wrap .company .companytext .jumpwebsite .arowleft { position: relative; width: .4rem; height: .4rem; background-color: #dda000; border-radius: 100%; margin-left: .17rem; }

.wrap .company .companytext .jumpwebsite .arowleft img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.wrap .mode { position: relative; }

.wrap .mode img { width: 100%; height: 100%;}

.wrap .mode .yjft { position: absolute; left: 50%; top: 50%; text-align: center;-ms-transform: translate(-50%, -50%) !important;-moz-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }

.wrap .mode .yjft span, .wrap .mode .yjft p { color: #ffffff; }

.wrap .mode .yjft span { font-size: .24rem; }

.wrap .mode .yjft .ft1 { margin-top: .33rem;font-size: .54rem; font-weight: 900; }

.wrap .mode .yjft .ft2 { font-size: .42rem; letter-spacing: .02rem; }
.wrap .worth {position: relative;overflow: hidden;}
.wrap .worth .worthft { position: absolute; width: 73%; left: 50%;-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); text-align: center; padding: .81rem 0 .37rem; font-size: .24rem; color: #333333; font-weight: bold; border-bottom: 1px solid #d8d8d8; z-index: 9;}

.wrap .worth .worthwrap { display: -webkit-flex; display: -ms-flexbox; display: flex;position: relative; }
#superiority{
  position: absolute;
  bottom: 200px;
}
.wrap .worth .worthwrap .worthbox { width: 50%; text-align: center; padding: 2.32rem 1rem .84rem 1rem; background-image: -webkit-linear-gradient(120deg, #dddddd 0%, #fefefe 100%); }

.wrap .worth .worthwrap .worthbox .imgwrap:hover  img {
  -webkit-animation: changeright 2s linear infinite forwards;
}

.wrap .worth .worthwrap .worthbox .imgwrap { width: 80%; height: 1.65rem; margin: 0 auto; }
/*自定义动画类----顺时针旋转（使用这个动画的时候才设置动画执行时间）*/
@-webkit-keyframes changeright{       
		 
  0%{-webkit-transform:rotateY(0deg);}

  50%{-webkit-transform:rotateY(180deg);}

  100%{-webkit-transform:rotateY(360deg);}
}
.wrap .worth .worthwrap .worthbox .imgwrap img { max-height: 100%; margin: 0 auto; }

.wrap .worth .worthwrap .worthbox .imgtip { color: #dda000; font-weight: bold; font-size: .4rem; margin-bottom: .27rem; }

.wrap .worth .worthwrap .worthbox .worthinfo { width: 70%; font-size: .18rem; color: #333333; line-height: 2; text-align: center; margin: 0 auto; white-space: nowrap;}

.wrap .coursewrap { position: relative; }

.wrap .coursewrap > img { width: 100%; height: 100%; }

.wrap .coursewrap .course-content { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 86%; width: 100%; }

.wrap .coursewrap .course-content .container { height: 100%; }

.wrap .coursewrap .course-content .modename { float: left; color: #fff; font-size: .4rem; font-weight: bold; }

.wrap .coursewrap .course-content .coursebox { position: relative; margin: 0 auto; text-align: center; height: 100%; overflow-y: scroll; padding-top: 20px; }

.wrap .coursewrap .course-content .coursebox::-webkit-scrollbar { /*滚动条整体样式*/ width: .1rem; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; scrollbar-arrow-color: #dda000; }

.wrap .coursewrap .course-content .coursebox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #cd8b01; background: #cd8b01; scrollbar-arrow-color: red; }

.wrap .coursewrap .course-content .coursebox::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 10px #40463f; border-radius: 0; background: #40463f; }

.wrap .coursewrap .course-content .coursebox::before { position: absolute; top: 0; right: 50%; content: ""; height: 118%; z-index: 1; border: 1px dashed #a7a8a7; }

.wrap .coursewrap .course-content .coursebox .years { position: relative; width: .98rem; height: .98rem; font-size: .24rem; color: #fff; margin: .2rem auto; background-color: #cf8c00; line-height: .98rem; text-align: center; border-radius: 100%; bottom: 0; z-index: 2; }

.wrap .coursewrap .course-content .coursebox .yeardetails { position: relative; width: 48%; }

.wrap .coursewrap .course-content .coursebox .yeardetails p { text-align: left; font-size: .2rem; color: #fff; }

.wrap .coursewrap .course-content .coursebox .rights { margin-left: 50%; padding-left: 14%; }

.wrap .coursewrap .course-content .coursebox .rights img { position: absolute; margin-top: 8px; left: 30%; }

.wrap .coursewrap .course-content .coursebox .rights::after { position: absolute; content: ''; width: 14%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 1px; background-color: #dda000; }

.wrap .coursewrap .course-content .coursebox .rights::before { position: absolute; left: -6px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 10px; height: 10px; z-index: 1; border-radius: 50%; background-color: #cd8b01; }

.wrap .coursewrap .course-content .coursebox .lefts { padding-right: 14%; width: 49.7%; }

.wrap .coursewrap .course-content .coursebox .lefts p { text-align: right; }

.wrap .coursewrap .course-content .coursebox .lefts::after { position: absolute; content: ''; width: 14%; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 1px; background-color: #dda000; }

.wrap .coursewrap .course-content .coursebox .lefts::before { position: absolute; right: -6px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; width: 10px; height: 10px; z-index: 1; border-radius: 50%; background-color: #cd8b01; }

.wrap .superiority { padding: 1.17rem 0 1.13rem 0; }

.wrap .superiority .modename { font-size: .4rem; letter-spacing: 4px; color: #333333; text-align: center; width: 100%; margin-bottom: .55rem; }

.wrap .superiority .superwrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.wrap .superiority .superwrap .superbox { width: 20%; padding: .24rem; }

.wrap .superiority .superwrap .superbox:hover { background-color: white; box-shadow: 0px 5px 10px 0px rgba(6, 0, 1, 0.1); }

.wrap .superiority .superwrap .superbox:hover .imgtip { color: #dda000; }

.wrap .superiority .superwrap .superbox:nth-child(3) .imgbox img {  margin: 0 auto; }

.wrap .superiority .superwrap .superbox .imgbox { margin: 0 auto; width: 50%; height: .94rem; }
.wrap .superiority .superwrap .superbox:last-child .imgbox{
  width: 30%;
}
.wrap .superiority .superwrap .superbox .imgbox img { max-height: 100%; margin: 0 auto;}

.wrap .superiority .superwrap .superbox .imgtip { text-align: center; font-size: .24rem; color: #333333; font-weight: bold; margin-bottom: .17rem; }

.wrap .superiority .superwrap .superbox .superinfo { color: #666666; font-size: .16rem; line-height: 2; }

.wrap .partner { background: url(../img/about/partnerbg.jpg) no-repeat center center; background-size: cover; padding: 1.1rem 0; }

.wrap .partner .modename { font-size: .4rem; letter-spacing: 4px; color: #333333; text-align: center; width: 100%; margin-bottom: .55rem; }

.wrap .partner .container {
  
}
.wrap .partner .container .partnerimg .contimgwrap{
  width: 70%;
  height: 100%;
  padding: .25rem .48rem; 
  background-color: #fff;
  margin: 0 auto;
  display: flex;
}
.wrap .partner .container .partnerimg {margin: .23rem auto;height: 82px; cursor: pointer; width: 24%; display: inline-block; text-align: center;}

.wrap .partner .container .partnerimg img { transition: all 1s; transition-timing-function: ease-out;margin: 0 auto; }

.wrap .partner .container .partnerimg:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }

@media only all and (max-width: 1200px) { 
  .wrap .partner .container .partnerimg{
    width: 33%;
  }
  .wrap .partner .container .partnerimg .contimgwrap{
    width: 90%;
  }
}

@media only all and (max-width: 750px) {
  .messagebox{right: 0 !important;}
  .wrap .worth .worthwrap{
    flex-wrap: wrap;
  }
  .wrap .partner .container .partnerimg{
    width: 48%;
    margin-bottom: 14px;
    margin-top: 0;
  }
  
  .wrap .partner .container .partnerimg .contimgwrap{
    padding: 24px 10px;
  }
  
  .wrap .mode{
    height: 300px;
  }
  .wrap .coursewrap{
    height: 600px;
  }
   .wrap .company .companytext h2 { font-size: .24rem; margin-bottom: .1rem; }
  .wrap .pagenav { padding: 0 .1rem; -webkit-justify-content: space-between; -ms-flex-pack: justify;-webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between; margin-bottom: .4rem; }
  .wrap .pagenav a { padding: 10px 8px; font-size: .14rem; text-align: center; width: 50%;}
  .wrap .company .companytext p { margin-bottom: .1rem; font-size: .13rem; }
  .wrap .company { padding: 0 .24rem; margin-bottom: .2rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .company > div, .wrap .company .companyimg { width: 100%; margin-bottom: .2rem; margin-right: 0 !important; }
  .wrap .mode .yjft { width: 80%; }
  .wrap .mode .yjft span { font-size: .14rem; }
  .wrap .mode .yjft .ft1 { margin-top: .08rem; font-size: .22rem; }
  .wrap .mode .yjft .ft2 { margin-top: .08rem; font-size: .18rem; }
  .wrap .worth .worthft { padding: .18rem 0 .10rem 0; }
  .wrap .worth .worthwrap .worthbox .imgwrap { height: 1rem; }
  .wrap .worth .worthwrap .worthbox { padding: 1.02rem 0.04rem .4rem 0.04rem; }
  .wrap .worth .worthwrap .worthbox .imgtip { font-size: .18rem; }
  .wrap .worth .worthwrap .worthbox .worthinfo { font-size: .14rem; }
  .hidemobile{
    display: none;
  }
  .coursewrap{
    background: url(../img/about/fzbg.png) no-repeat;
    background-size: cover;
  }
  .wrap .coursewrap .course-content .modename { font-size: .12rem;margin-left: 10px; }
  .wrap .coursewrap .course-content .coursebox .years { width: .6rem; height: .6rem; line-height: .6rem; font-size: .14rem; }
  .wrap .coursewrap .course-content .coursebox::before { height: 500px; }
  .wrap .coursewrap .course-content .coursebox .yeardetails p { font-size: .12rem; }
  .wrap .coursewrap .course-content .coursebox .rights img { display: none; }
  .wrap .superiority { padding: .2rem 0 .1rem 0; }
  .wrap .superiority .modename { font-size: .24rem; margin-bottom: .2rem; }
  .wrap .superiority .superwrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .superiority .superwrap .superbox { width: 100%; padding: .08rem .1rem; }
  .wrap .superiority .superwrap .superbox:nth-child(3) .imgbox img { width: auto; }
  .wrap .superiority .superwrap .superbox .imgbox { position: relative; width: 90%; height: .7rem; }
  .wrap .superiority .superwrap .superbox .imgbox img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .wrap .superiority .superwrap .superbox .imgtip { font-size: .2rem; }
  .wrap .superiority .superwrap .superbox .superinfo { font-size: .12rem; }
  .wrap .partner { padding: .2rem 0; }
  .wrap .partner .modename { font-size: .24rem; margin-bottom: .2rem; }
}

/*# sourceMappingURL=../map/about.css.map */
