@charset "gb2312";
/* CSS Document */

.banner-back{ width:100%; background: url(../images/p-banner.jpg) center no-repeat; height:330px; min-width:1200px;margin-top: 12px;}
.banner-title{ width:100%; height:auto; margin:0 auto; text-align:left; padding-top:84px;}
.banner-title em{ font-size:24px; color:#fff; font-family:'ËÎÌå'; display:block; text-align:left;}
.banner-title p{ font-size:36px; color:#fff; font-weight:bold; margin-top:10px; margin-bottom:16px;}
.banner-title p i{ color:#ffbe0f;}
.banner-title span{ font-size:14px; color:#fff; display:block; border:1px #fff solid; width:285px; height:40px; line-height:40px; text-align:center; border-radius:6px;}

.first-language{ width:100%; height:auto; margin:0 auto; padding-top:76px;}
.first-language span{ font-size:32px; color:#333; font-weight:bold; display:inline-block;}
.path-quest{ width:100%; height:auto; margin:76px auto; display:table;}
.path-quest li{ float:left; width:400px; position:relative;}
.quest-hold{ width:325px; height:257px; border-radius:10px; position:relative; z-index:1; -webkit-transition:.8s;}
.quest-hold em{ font-size:66px; color:rgba(51,51,51,0.14); position:absolute; top:12px; left:126px; z-index:2; -webkit-transition:.8s;}
.quest-hold span{ font-size:24px; color:#333; display:block; padding-top:54px; margin-bottom:16px;-webkit-transition:.8s;}
.quest-hold i{ width:32px; height:4px; background:#ff5951; display:block; margin:0 auto;-webkit-transition:.8s;}
.quest-hold p{ font-size:14px; color:#333; line-height:24px; text-align:left; width:279px; margin:0 auto; margin-top:26px;-webkit-transition:.8s;}
.quest-hold:hover{ background:#ff5951; -webkit-transition:.8s;}
.quest-hold:hover span,.quest-hold:hover p{ color:#fff;-webkit-transition:.8s;}
.quest-hold:hover i{ background:#fff;-webkit-transition:.8s;}
.quest-hold:hover em{ color:rgba(255,255,255,0.24); -webkit-transition:.8s;}
.path-quest li img{ position:absolute; right:38px; top:10px; z-index:2;}

.hot-foucs {  width: 100%;  height: auto;  margin: 0 auto; min-width: 1200px; background: #f4f8fb;}
.shi-left{ float:left; width:437px; margin-top:60px; margin-left:35px; margin-bottom:82px;}
.shi-right{ float:left; margin-left:98px; margin-top:112px; text-align:left;}
.shi-right span{ font-size:22px; color:#333; display:block; margin-bottom:30px;}
.shi-hold{ width:195px; height:auto; float:left; position:relative;}
.shi-img{ width:100%; height:56px;}
.shi-hold em{ font-size:18px; color:#ff5951; display:block; margin-top:10px; margin-bottom:8px;}
.shi-hold i{ display:block; font-size:14px; color:#999;}
.shi-img02{ position:absolute; top:2px; right:0; z-index:2;}
.shi-change{ margin-left:34px;}
.shi-change .shi-img02{ right:22px;}
.shi-change02{ margin-left:12px; width:190px;}
.shi-right p{ font-size:16px; color:#666; line-height:26px; width:523px; margin-top:28px;}

.best-ul{ width:1170px; height:auto; margin:0 auto; display:table; margin-bottom:96px; margin-top:46px;}
.best-ul li{ float:left; width:90px; height:172px; position:relative; margin: 0 72px;}
.best-img{ width:100%; height:48px; margin-top:42px;}
.best-ul li span{ font-size:16px; color:#333; display:block; margin-top:14px;}
.best-no{ width:280px; height:100%; position:absolute; top:0; left:-86px; z-index:2; background:#ff5951; display:none;  border-radius:10px;}
.best-no p{ font-size:14px; color:#fff; line-height:22px; width:233px; margin:0 auto; margin-top:20px; text-align:left;}
.best-change p{ margin-top:50px;}
.best-li{ left:-104px;}

.field{ background:url(../images/p-bage.jpg) center no-repeat; width:100%; height:685px; min-width:1200px;}
.feild-col span{ color:#fff;}
.field-back{ background:url(../images/p-bage02.png) center no-repeat; width:612px; height:515px; margin:0 auto; position:relative; margin-top:16px;}
.field-back em{ font-size:18px; color:#242d4e; font-weight:bold; line-height:26px; position: absolute; top: 232px; left: 256px;}
.field-back span{ font-size:14px; color:#fff; position:absolute;}
.f-sp01{ top:34px; left:252px;}
.f-sp02{ top:152px; right:74px;}
.f-sp03{ bottom:150px; right:56px;}
.f-sp04{ bottom:18px; left:252px;}
.f-sp05{ bottom:150px; left:2px;}
.f-sp06{ top:152px; left:64px;}

.fouces-title{ font-size:22px; color:#333; line-height:30px; padding-top:82px; position:relative; margin-bottom:72px;}
.fouces-title img{ position:absolute; top:72px; z-index:2; left:560px;}
.fouces-ul{ width:100%; height:auto; margin:0 auto; display:table; padding-bottom:90px;}
.fouces-ul li{ float:left; width:228px; height:134px; position:relative; margin-right:15px; margin-bottom:15px;}
.fouces-no{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(255,89,81,0.9); display:none;}
.fouces-no p{ font-size:14px; color:#fff; line-height:24px; width:183px; margin:0 auto; margin-top:18px;}
.f-no02 p{ margin-top:46px;}
.f-no03 p{ margin-top:30px;}

.cour-lang b { color: #ff5951;}
.s-ul{ width:878px; height:auto; margin:0 auto; display:table; margin-top:72px;}
.s-ul li{ float:left; width:90px; margin:0 28px;}
.s-img01{background:url(../images/s-img02.jpg) top no-repeat; width:100%; height:77px;}
.s-ul li span{ font-size:14px; display:block; color:#333; margin-top:8px; -webkit-transition:.8s;}
.s-img02{background:url(../images/s-img01.jpg) top no-repeat; width:100%; height:77px; -webkit-transition:.8s;}
.s-img03{background:url(../images/s-img03.jpg) top no-repeat; width:100%; height:77px; -webkit-transition:.8s;}
.s-img04{background:url(../images/s-img04.jpg) top no-repeat; width:100%; height:77px; -webkit-transition:.8s;}
.s-img05{background:url(../images/s-img05.jpg) top no-repeat; width:100%; height:77px; -webkit-transition:.8s;}
.s-img06{background:url(../images/s-img06.jpg) top no-repeat; width:100%; height:77px; -webkit-transition:.8s;}
.s-ul li.hover .s-img01{background:url(../images/s-img07.jpg) top no-repeat; -webkit-transition:.8s;}
.s-ul li.hover .s-img02{background:url(../images/s-img08.jpg) top no-repeat;  -webkit-transition:.8s;}
.s-ul li.hover .s-img03{background:url(../images/s-img09.jpg) top no-repeat; -webkit-transition:.8s;}
.s-ul li.hover .s-img04{background:url(../images/s-img10.jpg) top no-repeat; -webkit-transition:.8s;}
.s-ul li.hover .s-img05{background:url(../images/s-img11.jpg) top no-repeat; -webkit-transition:.8s;}
.s-ul li.hover .s-img06{background:url(../images/s-img12.jpg) top no-repeat; -webkit-transition:.8s;}
.s-ul li.hover span{ color:#ff6962;-webkit-transition:.8s;}

.s-y-ul{ width:100%; height:auto; margin:0 auto; margin-top:40px;}
.s-y-ul li{ width:100%; height:381px; background:url(../images/s-img13.png) center no-repeat;}
.s-y-img01{ float:left; margin-top: 44px; margin-left: 92px;}
.s-y-right{ float:left; margin-left:80px;}
.s-y-right span{ display:block; text-align:left; font-size:24px; color:#ff6962; padding-bottom:20px; padding-top:70px;}
.s-y-right p{ font-size:14px; line-height:24px; text-align:left; width:451px; color:#fff; margin:0 auto; margin-top:24px;}
.grasp-link-s{font-size: 16px; color: #666; height: 50px;  line-height: 50px;  background: #f5f5f5;   border-radius: 4px;  display: inline-block;  border: 1px #e6e6e6 solid;  margin-top: 50px;  margin-bottom: 68px;  -webkit-transition: .8s; padding: 0 35px;}
.grasp-link-s:hover{color:#fff; background:#ff6767;}

.h-ul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:34px; padding-bottom:84px;}
.h-ul li{ float:left; width:313px; height:331px; background:#fff; border-radius:10px; box-shadow:0 3px 18px rgba(0,0,0,0.04); text-align:left; margin: 24px 42px;}
.h-img01{ display:block; margin-left:38px; margin-top:29px;}
.h-ul li span{ font-size:16px; font-weight:bold; color:#333; display:block; margin-top:26px; margin-bottom:16px; margin-left:42px;}
.h-ul li p{ font-size:14px; line-height:24px; color:#666; width:229px; margin:0 auto; height:118px;}
.h-bottom{ width:100%; height:auto; margin:0 auto; display:table;}
.h-bottom img{ float:left; margin-right:10px; margin-left:40px;}
.h-bottom em{ font-size:14px; color:#666; font-weight:bold; display:block; margin-bottom:6px; margin-bottom: 2px; margin-top: 4px;}
.h-bottom i{ font-size:12px; font-weight:bold; color:#c8c8c8;}

.guide{ width:100%; background:url(../images/h-img08.jpg) center no-repeat; height:247px; margin:0 auto; min-width:1200px;}
.guide .cour-lang span{ color:#fff;}
.guide .cour-lang a{ font-size:18px; color:#333; width:178px; height:46px; line-height:46px; background:#fff; border-radius:10px; margin:0 auto; display:block; margin-top:36px;  -webkit-transition:.8s;}
.guide .cour-lang a:hover{ background:#ff6962; color:#fff; -webkit-transition:.8s;}

.subversion{ width:922px; height:auto; margin:0 auto; display:table; margin-top:88px; margin-bottom:27px;}
.suvb-01{ background:url(../images/d-img01.png) center no-repeat; width:222px; height:222px; float:left; margin:0 4px; -webkit-transition:.8s;}
.suvb-01 span{ font-size:32px; color:#333; display: inline-block; margin-bottom:10px; padding-top:60px; -webkit-transition:.8s;}
.suvb-01 p{ font-size:18px; color:#333; -webkit-transition:.8s;}
.suvb-02{ background:url(../images/d-img03.png) center no-repeat;}
.suvb-03{margin-left: 119px; margin-top: -109px;}
.suvb-04{ margin-top: -109px;}
.suvb-01:hover{ background:url(../images/d-img02.png) center no-repeat; -webkit-transition:.8s;}
.suvb-01:hover span,.suvb-01:hover p{ color:#fff; -webkit-transition:.8s;}

.famous-ul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:56px; margin-bottom:58px;}
.famous-ul li{ float:left; background:#fff; width:203px; height:193px; box-shadow:0 2px 16px rgba(0,0,0,0.04); position:relative; margin: 0 48px;}
.famous-ul li em{ font-size:18px; color:#fff; font-weight:bold; background:#ff655e; width:37px; height:37px; line-height:37px; position:absolute; top:20px; left:-20px; z-index:2;}
.famous-ul li span{ font-size:16px; font-weight:bold; color:#333; text-align:left; display:block; margin-left:26px; padding-top:28px; margin-bottom:20px;}
.famous-ul li p{ font-size:14px; color:#666; line-height:24px; text-align:left; width:163px; margin-left:26px;}
.famous-tea{ width:453px; height:446px; margin:0 auto; display:inline-block; position:relative;  margin-left:58px; margin-bottom:90px;}
.famous-bottom{ width:100%; height:211px; background:rgba(255,255,255,0.95); border-radius:10px; position:absolute; bottom:0; left:0; z-index:4; -webkit-transition:.8s; box-shadow:0 3px 13px rgba(0,0,0,0.09);}
.famous-bottom span{ display:block; font-size:24px; color:#333; padding-top:20px; -webkit-transition:.8s;}
.famous-bottom span em{ width:29px; height:5px; background:#ff6962; display:block; margin:0 auto; margin-top:10px; -webkit-transition:.8s;}
.famous-bottom p{ font-size:14px; line-height:24px; color:#333; width:397px; margin:0 auto; text-align:left; margin-top:14px; -webkit-transition:.8s;}
.famous-bottom:hover{ background:rgba(255,101,94,0.95); -webkit-transition:.8s;}
.famous-bottom:hover span,.famous-bottom:hover p{ color:#fff; -webkit-transition:.8s;}
.famous-bottom:hover span em{ background:#fff; -webkit-transition:.8s;}

.the-company{ width:100%; height:auto; margin:0 auto; margin-top:56px;}
.the-company li{ float:left; width:227px; height:133px; margin-right:16px; position:relative; margin-bottom:12px;}
.company-no{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(255,89,81,0.83); display:none;}
.company-no p{ font-size:16px; color:#fff; line-height:28px; padding-top:36px;}
.company-link{ color:#fff; background:#ff6767;}
.company-link:hover{ background:#f5f5f5; color:#666;}
.li-right{ margin-right:0 !important;}

.g-detailed{ width:100%; height:auto; margin:0 auto; background:#f5f8fa; padding: 28px 0; min-width:1200px;}
.g-d-tail{ width:100%; height:auto; margin:0 auto;}
.g-d-tail li{ float:left; width:200px; height:auto; text-align:left;}
.g-d-tail li img{ margin-left:8px; margin-right:14px; float:left; margin-top: 5px;}

/*¿Î³Ì´ó¸Ù*/
.p-class{ width:100%; background:url(../images/p-banner02.jpg) center no-repeat; height:330px; min-width:1200px;    margin-top: 12px;}
.p-c-sp{ width:388px !important;}
.banner-title b{ font-size:14px; color:#333; background:#fff; border-radius:30px; width:181px; height:24px; line-height:24px; display:block; text-align:center; font-weight:normal; margin-bottom:14px;}
.p-class .banner-title{ padding-top:60px;}

.p-features{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#faf9fe;}
.featu-ul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:74px; padding-bottom:80px;}
.featu-ul li{ float:left; width:183px; height:193px; position:relative; margin:0 8px;}
.fatu-img{ width:100%; height:47px; margin-top:36px;}
.featu-ul li b{ font-size:16px; color:#333; display:block; margin-top:26px; margin-bottom:8px;}
.featu-ul li span{ font-size:12px; color:#999;}
.fatu-no{ width:100%; height:100%; margin:0 auto; position:absolute; top:0; left:0; z-index:2; background:#fff; border-radius:10px; box-shadow:0 8px 27px rgba(0,0,0,0.08); display:none;}
.fatu-no p{ font-size:14px; line-height:24px; color:#666; text-align:left; width:148px; margin:0 auto; margin-top:26px;}
.fatu-change p{ margin-top:14px;}

.sever-left{ width:435px; height:auto; position:relative; float:left; margin-top:67px; margin-left:70px;}
.sever-video{ width:435px; height:267px; overflow:hidden; border-radius:10px;}
.sever-left span{ font-size:16px; color:#333; display:block; margin-top:10px;}
.sever-img{ position:absolute; top:233px; left:-107px; z-index:-1;}
.sever-right{ float:left; margin-left:112px; margin-top:78px; margin-bottom:110px; width:582px;}
.sever-right p{ font-size:16px; color:#333; line-height:36px; text-align:left;}
.sever-right p em{ font-size:14px; color:#fff; background:#52afe7; border-radius:50%; float:left; width:20px; height:20px; line-height:20px; text-align:center; margin-right:14px; margin-top:8px;}

.p-science{ width:100%; background:url(../images/p-bage04.jpg) center no-repeat; height:345px; min-width:1200px;}
.p-science .first-language span{ color:#fff;}
.p-science .first-language b{ color:#ffbe0f;}
.science-ul{ width:845px; height:auto; margin:0 auto; display:table; margin-top:50px;}
.science-ul li{ float:left; width:168px; height:auto; border-right:1px #525c73 solid;}
.science-ul li span{ color:#fff; font-size:22px; display:block; margin-bottom:10px; padding-top:8px;}
.science-ul li em{ font-size:16px; color:#ffbe0f; display:block; padding-bottom:15px;}
.science-no{ border-right:none !important;}

.course-cent{ width:100%; height:4442px; margin:0 auto; border-left:2px rgba(255,89,81,0.43) dashed; margin-left:12px; padding-bottom:1px; margin-top: 80px;}
.course-cli{ width:100%; height:auto; margin-bottom:52px;}
.couse-c-title{ width:100%; height:auto; display:table; margin-left:-14px; margin-top:-2px; margin-bottom:30px;}
.couse-c-title i{ float:left; border:3px #ff6d5b solid; border-radius:100%; background:#f9f9f9; margin-right:8px; width:18px; height:18px;}
.couse-c-title em{ float:left; font-size:16px; color:#fff; background:#ff5951; border-radius:30px; padding:0 16px; height:22px; line-height:22px; margin-right:8px;}
.couse-c-title b{ float: left; font-size:18px; color:#ff6d5b;}
.course-white{ width:1070px; height:auto; margin:0 auto; box-shadow:0 5px 16px rgba(0,0,0,0.15); background:#fff; border-radius:10px; padding-top:10px; padding-bottom:42px;}
.course-class{ background:#f9f9f9; width:273px; height:166px; text-align:left;  -webkit-transition:.8s; float:left; margin-left:40px; border-radius:10px; margin-top:30px;}
.course-class span{ font-size:16px; color:#333; font-weight:bold; display:block; padding-top:26px; margin-bottom:10px; margin-left:24px;  -webkit-transition:.8s;}
.course-class p{ font-size:14px; color:#666; line-height:26px; margin-left:20px;}
.course-class:hover{ box-shadow: 0 2px 27px rgba(0,0,0,0.14); background:#fff;  -webkit-transition:.8s;}
.course-class:hover span{ color:#ff6d5b; -webkit-transition:.8s;}
.class-c02{ width:199px;}
.class-c03{ width:208px;}
.class-c04{ width:431px;}
.class-c05{ width:270px; background:#ff6d5b;}
.class-c05 span,.class-c05 p{ color:#fff;}
.class-c05:hover p{ color:#666; -webkit-transition:.8;}
.class-c06{ background:#4c80ed;}
.class-c07{ background:#39cb79;}
.course-ul{ width:100%; height:auto; margin:0 auto; margin-left:40px; margin-top:30px;}
.course-ul li{ float: left; font-size:16px; color:#333; border-radius:30px; line-height:32px; height:32px;-webkit-transition:.4s; padding:0 22px;}
.course-ul li.hover{ color:#fff; background:#ff6d5b; -webkit-transition:.4s; cursor:pointer;}
.course-arctle{ width:1030px; height:auto; margin-left:40px; margin-top:20px;}
.course-arctle li{ width:100%; height:auto;  position:relative;}
.arctle-left{ width:501px; height:367px; background:#f9f9f9; border-radius:6px; margin-top:34px;}
.arctle-left i{ float:left; width:3px; height:16px; background:#ff6d5b; margin-top:2px; margin-right:14px;}
.arctle-left span{ font-weight:bold; font-size:16px; color:#333; display:block; padding-top:20px; text-align:left; margin-bottom:8px;}
.arctle-left p{ font-size:14px; color:#666; line-height:24px; text-align:left; width:460px; margin:0 auto;}
.course-img{ position:absolute; right:-22px; top:-10px; z-index:2; border-radius:10px;  box-shadow:0 2px 27px rgba(0,0,0,0.14);}
.class-c08{ width:348px; height:248px;}
.class-c09{ width:589px; height:248px;}
.class-c10{ width:970px; height:150px; background:#ff6767;}
.class-c10 p{ float:left; margin-right: 50px;}
.course-img02{ position:absolute; bottom:-16px; left:8px; z-index:2;}
.cour-add{ padding-bottom:45px;}
.course-change{ float:right; width:268px; height:358px; background:#ff6d5b; border-radius:10px; margin-right:40px; margin-top:30px;}
.course-change b{ font-size:16px; color:#fff; display:block; padding-top:76px;width:225px; margin:0 auto; text-align:left; margin-bottom:18px;}
.course-change p{ font-size:14px; color:#fff; line-height:26px; text-align:left; width:225px; margin:0 auto; height:100px;}
.course-change em{ font-size:18px; color:#ff6d5b; font-weight:bold; background:#fff; border-radius:30px; width:189px; height:44px; line-height:44px; margin:0 auto; display:block;}
.p-c-div01{ width:285px; position:relative;}
.p-c-div02{ width:353px; position:relative;}
.p-c-img01{ position:absolute; top:0; right:0; z-index:2;}
.p-c-div03{ width:235px;}
.p-c-div04{ width:136px; height:180px;}
.p-c-div05{ width:165px; height:180px; margin-left:34px;}
.p-c-div06{ width:180px; height:180px; margin-left:34px;}
.p-c-div07{ width:154px; height:180px; margin-left:34px;}
.p-c-div08{ width:221px; background:#44a6ec; height:424px;}
.p-c-div08 b{ width:172px;}
.p-c-div08 p{ width:172px; height:170px;}
.p-c-div08 em{ color:#44a6ec;}
.p-c-div09{width:285px; height:214px; position:relative;}
.p-c-div10{width:402px; height:214px; position:relative;}
.p-gai01{ width:244px; height:152px;}
.p-gai02{width:155px; height:152px; margin-left:36px;}
.p-gai03{width:162px; height:152px; margin-left:36px;}
.p-gai04{width:122px; height:152px; margin-left:36px;}
.p-gai05{width:199px; height:176px;}
.p-gai06{width:270px; height:176px;}
.p-gai07{width:201px; height:176px;}
.p-gai09{width:353px; height:214px; position:relative;}
.p-gai10{width:268px; height:214px; background:#44b98c; float:left; margin-top:30px; margin-left:40px; border-radius:10px;}
.p-gai10 b{ font-size:16px; color:#fff; display:block; padding-top:24px;width:225px; margin:0 auto; text-align:left; margin-bottom:18px;}
.p-gai10 p{ font-size:14px; color:#fff; line-height:26px; text-align:left; width:225px; margin:0 auto; height:74px;}
.p-gai10 em{ font-size:18px; color:#44b98c; font-weight:bold; background:#fff; border-radius:30px; width:189px; height:44px; line-height:44px; margin:0 auto; display:block;}
.p-he01{ height:133px;}
.p-he02{ height:176px;}
.p-he03{ height:364px; background:#f69138;}
.p-he03 em{ color:#f69138;}
.p-he04{ width:285px; height:159px; position:relative;}
.p-he05{ width:353px; height:159px; position:relative;}
.p-he06{ width:244px; height:153px;}
.p-he07{ width:394px; height:153px;}
.p-he08{ width:274px; height:153px;}
.p-he09{ height:124px;}
.p-he10{ height:312px;}
.p-jie01{ width:202px; height:153px;}
.p-jie02{ height:153px;}
.p-jie03{ width:268px; height:500px;}
.p-jie04{ width:325px; height:128px;}
.p-jie05{ width:316px; height:128px;}
.p-jie03 b{ padding-top:132px;}
.p-c-ordle{ width:833px; height:508px; position:relative; border-radius:10px 10px 0 0; box-shadow:0 8px 16px rgba(0,0,0,0.15); margin:0 auto; margin-top:66px; margin-bottom:106px;}
.p-c-ordle p{ font-size:16px; color:#fff; background:rgba(20,20,20,0.7); height:44px; width:100%; line-height:44px; position:absolute; bottom:0; left:0; z-index:2;}

.p-hot{ width:100%; height:auto; margin:0 auto; background:#252e43; min-width:1200px;}
.p-hot .cour-lang span{ color:#fff;}
.p-hot .cour-lang b{ color:#f1d24f;}
.p-hot-hold{width:1171px; background:url(../images/p-hot01.png) center 40px no-repeat; margin: 0 auto; margin-top:82px;}
.p-hot-ul{ width:800px; height:auto; display:table; margin:0 auto;}
.p-hot-ul li{ float:left; width:101px; height:74px; margin:0 16px; -webkit-transition:.4s; cursor:pointer;}
.p-hot-ul li span{ font-size:16px; color:#fff; display:block; margin-bottom:10px; margin-top:8px; -webkit-transition:.4s;}
.p-hot-ul li em{ display:block; width:13px; height:13px; border-radius:50%; background:#f1d24f; margin:0 auto;}
.p-hot-ul li.hover{ background:url(../images/p-hot02.png) center no-repeat; -webkit-transition:.4s;}
.p-hot-ul li.hover em{ display:none;}
.p-hot-ul li.hover span{ font-weight:bold; color:#333; margin-top:25px; -webkit-transition:.4s;}
.p-hot-bottom{ width:100%; height:auto; margin:0 auto; padding-bottom:87px; }
.p-hot-bottom li{ width:100%; height:auto;}

.high-class{ width:100%; height:314px;position:relative; margin-top:32px;}
.emplo_d{ width:100%; height:240px; margin:0 auto;}
.emplo_d li{ float:left; width:296px; height:auto;}
.emplo_e{ width:325px; height:109px; overflow:hidden; background:#f4eeee; position: relative; z-index: 4;}
.emplo_f{ position:absolute; top:106px; left:-50px; z-index:99; cursor:pointer; }
.emplo_g{ position:absolute; top:106px; right:-50px; z-index:99; cursor:pointer;}
.emplo_h{width:1184px; height:246px; margin:0 auto;padding: 33px 0;}
.emplo_d li img{ display:block;}
.em0hi{ background:#fff; box-shadow:0 2px 32px rgba(0,0,0,0.1); height:69px; font-size:16px; color:#333; line-height:69px;}
.em02hi{ box-shadow:none; background:#f2f2f2;}
.hith-three{ width:1170px; height:325px; background:#fff; box-shadow:0 1px 24px rgba(0,0,0,0.09); border-radius:10px; margin-top:76px; margin-bottom:114px;}
.htigh-emp{ float:left; background:url(../images/hith01.jpg) center no-repeat; width:262px; height:325px; border-radius:10px 0 0 0;}
.htigh-emp span{ font-size:22px; color:#fff; display:block; padding-top:78px;}
.htigh-emp i{ display:block; width:30px; height:3px; background:#fff;margin:0 auto; margin-top:20px; }
.htigh-emp p{ font-size:12px; color:#fff; line-height:24px; text-align:left; width:200px; margin:0 auto; margin-top:24px;}
.hight-img{ width:110px; height:auto; margin:0 auto; margin-top:26px;}
.hight-img img{ float:left; cursor:pointer;}
.hight-right{ float:left;    width: 874px; margin-left: 20px; padding:0; height: 240px; margin-top:46px; overflow:hidden;}
.hight-tate p{ font-size:14px; color:#666; height:44px; line-height:44px; background:#faf9fe; -webkit-transition:.8s;}
.hight-tate li{ width:263px; margin:0 13px; -webkit-transition:.8s; position:relative; margin-top:10px}
.hight-tate li img{ display:block;}
.hight-tate li:hover{ box-shadow:0 4px 24px rgba(0,0,0,0.4); -webkit-transition:.8s; margin-top:0px;}
.hight-tate li:hover  p{ color:#ff5951; -webkit-transition:.8s;}
.p-h-jie,.p-h-jie04,.p-h-jie-no{ width:1200px; height:355px; margin-top:56px; position:relative;}
.p-h-jie02{width:1200px; height:355px; margin-top:56px; position:relative; padding:0;}
.p-h-jie03,.p-h-jie05,.p-h-jie-no02{ width:1200px; height:355px; margin:0 auto;}
.p-h-jie03 li,.p-h-jie05 li,.p-h-jie-no02 li{ width:1200px; height:355px; float:left;}
.p-h-img{ width:591px; height:355px; position:relative; float:left; margin-left:46px;}
.p-h-img span{ font-size:16px; color:#fff; position:absolute; right:0; bottom:30px; background:rgba(18,20,23,0.84); width:134px; height:43px; line-height:43px;}
.p-h-arctle{ float:left; margin-left:52px; width:308px; height:auto;}
.p-h-arctle span{ background:#fff; border-radius:30px; font-size:16px; color:#333; width:194px; height:39px; line-height:39px; margin-top:12px; margin-bottom:42px; display:block;}
.p-h-arctle b{ font-size:16px; color:#fff; display:block; border-bottom:1px #515e7a solid; padding-bottom:20px; position:relative; text-align:left; margin-bottom:20px;}
.p-h-arctle b em{ width:31px; height:5px; border-radius:30px; background:#f1d24f; display:block; position:absolute; bottom:-3px; left:0; z-index:2;}
.p-h-arctle p{ font-size:14px; line-height:24px; color:#fff; text-align:left; width:308px; height:162px;}
.p-h-click{ width:100px; height:34px; position:absolute; bottom:2px; right:414px; z-index:2;}
.p-h-click img{ margin:0 1px; cursor:pointer;}


.fouc-top{ width:100%; height:auto; margin:0 auto; display:table; margin-top:62px; margin-bottom:82px;}
.fouc-top li{ float:left; width:199px; height:272px;  -webkit-transition:.8s;}
.fouc-top li:hover{ background:#fff; box-shadow:0 9px 24px rgba(0,0,0,0.11); -webkit-transition:.8s;}
.fouc-imf{ width:100%; height:65px; padding-top:14px;}
.fouc-top li b{ font-size:18px; color:#333; font-weight:bold; display:block; margin-bottom:16px; margin-top:10px;}
.fouc-top li i{ display:block; margin:0 auto; width:28px; height:4px; background:#939292;}
.fouc-top li p{ font-size:14px; color:#666; text-align:left; line-height:24px; margin:0 auto; width:168px; margin-top:22px;}
.fouc-top li:hover b{ color:#ff5951;  -webkit-transition:.8s;}
.fouc-top li:hover i{ background:#ff5951;  -webkit-transition:.8s;}

.Linux_exposure_main{width:1100px;background:#fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin:0 auto;overflow:hidden; position:relative; margin-top:76px;}
.what-width{ width:100%; height:auto; background:#ff5951; position:relative;}
.stu_gaoxin_list{width:1058px;height:62px; margin:0 auto;position: relative;}
.stu_gaoxin_list .stu_gaoxin_list_bt{width:954px;height:62px;line-height:62px; margin:0 auto;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#fff; text-align:center;font-size:20px;}
#stu_work2{width:1058px;margin:0 auto; background:#fff; height: 494px; overflow: hidden;}
.stu_list {width:100%;margin:0 auto;}
.stu_list li{height: 54px; line-height:54px; border-bottom:1px #e6e6e5 solid; overflow: hidden;}
.stu_list li p.w220{width:148px;}
.stu_list li p.w264{width:296px;}
.stu_list li p{width:126px;font-size:16px;text-align:center;float:left; color:#666;overflow:hidden;}
.hover_money{width:220px;height:54px; color:#fff !important; position:relative; z-index:2;}
.stu_list li p.hover_money{width:151px;height:54px;color:#f3b808 !important; font-weight:bold;}
.what-height{ padding-bottom:48px;}
.mem-img{ position:absolute; top:0; right:358px; z-index:1; box-shadow:0 0 38px rgba(14,5,10,0.34);}
.ess-top{ margin-top:54px;}
.w-p01{ width:126px;}
.w-p02{ width:211px !important;}

.chose-no{ width:263px; height:162px; position:absolute; top:0; left:0; z-index:2; background:rgba(44,38,38,0.84); display:none;}
.chose-no span{ color:#fff; font-size:14px; line-height:24px; width:223px; display:block; margin:0 auto; text-align:left; padding-top:28px;}

/*Ç°¾°*/
.banner-pro{ background:url(../images/p-banner03.jpg) center no-repeat;}
.first-language i { font-size: 16px; color: #666; display: block;}
.cour-lang i { display: block; margin-top: 14px;}
.p-analysis{ float:left; box-shadow:0 8px 16px rgba(0,0,0,0.15); margin-left:44px; margin-top:80px; margin-bottom:148px;}
.p-analysis img,.p-analysis02 img{ display:block;}
.p-analysis02{ margin-right:44px; float:right; margin-top:100px; box-shadow:0 8px 16px rgba(0,0,0,0.15);}
.analysis-artcle{ background:#fff; width:381px; height:296px; box-shadow:0 8px 16px rgba(0,0,0,0.15); border-radius:10px; position:absolute; left:446px; bottom:95px; z-index:2;}
.analysis-artcle em{ display:block; margin:0 auto; background:#ff5950; width:45px; height:9px; margin-bottom:26px;}
.analysis-artcle p{ text-indent:2em; font-size:16px; color:#666; line-height:28px; text-align:left; margin:0 auto; width:332px; margin-top:8px;}

.smart{ width:100%; height:auto; margin:0 auto; display:table; margin-top:56px; margin-bottom:58px;}
.smart li{ float:left; width:369px; height:170px; border-radius:10px; -webkit-transition:.8s;}
.smart-left{ float:left; height:auto; margin-left:26px; padding-top:26px;}
.smart-right{ float:left; margin-left:20px; width:244px; text-align:left; padding-top:26px;}
.smart-right b{ font-size:18px; color:#333;margin-bottom:12px; display:block;}
.smart-right p{ font-size:14px; color:#666; line-height:24px; }
.smart li:hover{ box-shadow:0 0 16px rgba(0,0,0,0.15); -webkit-transition:.8s;}

.p-trend{ width:100%; height:auto; margin:0 auto; background:#172645; min-width:1200px;}
.feild-col i{ color:#fff;}
.trend-left{ float:left; width:592px; height:350px; border-radius:10px; margin-top:66px; box-shadow:0 0 16px rgba(0,0,0,0.33); margin-left:10px; margin-right:58px; margin-bottom:80px;}
.trend-right{ float:left; margin-top:66px; width:520px; height:auto; text-align:left;}
.trend-right span{ font-size:22px; color:#ffa913; background:url(../images/p-xian03.png) bottom no-repeat; display:block; padding-bottom:24px; padding-top:54px; width:482px; margin-bottom:22px;}
.trend-right p{ font-size:16px; color:#d8d8d8; line-height:28px; text-align:left; width:496px; margin-bottom:18px;}

.potential{ float:left; width:532px; height:496px; border-radius:10px; background:#f4f8fb; position:relative; overflow:hidden; margin:0 32px; margin-top:80px; margin-bottom:92px;}
.potential img{ margin-top:48px;}
.potential p{ font-size:14px; line-height:24px; text-align:left; color:#fff; background:#333; width:465px; position:absolute; bottom:0; left:0; z-index:2; padding: 18px 33px;}
.potential-other p{ background:#ff5951;}
.potential-other img{ margin-top:28px;}

.variety{ width:1160px; height:auto; margin:0 auto; display:table; margin-top:67px; padding-bottom:48px;}
.variety li{ float:left; width:175px; height:50px; position:relative; background:#fff; border-radius:4px; margin:0 9px; margin-bottom:24px;}
.variety li span{ font-size:14px; color:#666; line-height:50px;}
.variety-p{ font-size:18px; color:#fff; font-weight:bold; background:#ff5951; border-radius:10px; width:196px; height:79px; line-height:79px; position:absolute; top:-15px; left:-11px; z-index:2; display:none;}

.induction{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#322b59; padding-bottom:16px;}
.induct-otner{ width:1005px; height:560px; background:#fff; border-radius:10px; margin:0 auto; margin-top:74px; margin-bottom:18px;}
.induct-top{ background:url(../images/p-vs.jpg) bottom no-repeat; width:580px; height:98px; margin:0 auto; padding-top:32px; margin-bottom:26px;}
.induct-top span{ font-size:24px; color:#fff; font-weight:bold; display:inline-block; margin:0 80px; margin-top:36px;}
.induct-color{ color:#a9a4a4 !important;}
.induct-bottom{ width:812px; height:auto; margin:0 auto; display:table; margin-top:14px;}
.induct-art{ width:390px; height:52px; border:1px #ff5951 solid; border-radius:6px; float:left; text-align:left;}
.induct-art span{ font-size:14px; font-weight:bold; color:#ff5951; display:block; margin-left:20px; padding-top:8px; margin-bottom:2px;}
.induct-art p{ font-size:12px; color:#ff5951; margin-left:20px;}
.induct-bottom em{ float:left; width:11px; height:11px; border-radius:100%; background:#ff5951; margin:22px 8px;}
.induct-art02{ width:390px; height:52px; border:1px #b5b5b5 solid; border-radius:6px; float:left; text-align:left;}
.induct-art02 span{ font-size:14px; font-weight:bold; color:#666; display:block; margin-left:20px; padding-top:8px; margin-bottom:2px;}
.induct-art02 p{ font-size:12px; color:#999; margin-left:20px;}

.doing{ width:1049px; background:url(../images/p-vs02.png) center no-repeat; height:352px; margin:0 auto; margin-top:76px; margin-bottom:92px;}
.doing span{font-size:16px; color:#fff; font-weight:bold; float:left;}
.doing span b{ font-size:18px; display:block; margin-top:10px;}
.doing-sp{ margin-left:74px; margin-top:153px;}
.doing em{ float:left; font-size:16px; color:#333; margin-top: 174px; margin-left: -235px;}
.doing-sp02{ margin-left:183px; margin-top:140px;}
.doing-sp03{ margin-left:102px; margin-top:12px;}
.doing-sp04{ margin-left:122px; margin-top:80px;}
.doing-sp05{ margin-left:162px; margin-top:153px;}
.p-doing{ display:table;  padding-bottom:92px;}

.move-stu{ padding-top:0px;}


/*µ×²¿Ðü¸¡±íµ¥*/
.bottom{width:100%;height:195px; position: fixed; bottom: 0;min-width:1200px; z-index:99;}
.close-warp{width:180px;height:166px; position: absolute;left:0; display:none; cursor:pointer;bottom:0px;}
.bottom-warp{width:100%;height:195px;background:url(http://www.hqyj.com/zhuanti/2018wlwsj/images/baoming.png) bottom repeat-x;min-width:1200px; z-index:999; }
.bottom-img{width:885px;margin:0 auto; position: relative;}
.bottom-warp .xx{width:25px;height:25px; position: absolute;top:28px;right:-92px;cursor: pointer;}
/*dfoot*/
.dfoot{width:100%;min-width:1200px;height:195px; position:fixed;left:0px;bottom:0px;}
.btn-select {float:left; position: relative; display: inline-block; width: 134px; height: 40px; font-size:14px; font-family:"΢ÈíÑźÚ", Arial, Tahoma,"΢ÈíÑźÚ"; background: #fff;color: #999999;text-align:left; cursor:pointer;border-radius: 4px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);margin-left:8px;margin-right:8px;} 
.btn-select .cur-select { position: absolute; display: block; width: 134px; height: 40px; background:url(../images/king_zi.png) no-repeat 100px center;  padding-left: 20px; line-height: 40px;cursor:pointer; border-radius:4px;}
.btn-select select { position: absolute; top: 0; left: 0; width: 134px; height: 40px; opacity: 0; filter: alpha(opacity: 0;); font-size:14px; font-family:"΢ÈíÑźÚ", Arial, Tahoma,"΢ÈíÑźÚ"; cursor:pointer;}
.dfoot input{float:left;color:#333;}
.bm_input{width:132px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:10px;}
.bm_input3{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.bm_input4{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.z_btn{width:120px;height:40px;border-radius:4px;font-size:18px;color: #fff !important;background: #f9643c;cursor:pointer;margin-left:18px;}
.z_btn:hover{background:#e44015; transition:1s; -webkit-transition:1s;}
/*±¨Ãû*/
input::-webkit-input-placeholder{ /*webkitÄÚºËä¯ÀÀÆ÷*/
color:#999999;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#999999;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#999999;	}
input:-ms-placeholder{
color:#999999;	}

.dfoot_center{float:right;width:700px;}
.dfoot_center p{ font-size:16px;color:#fff;padding-bottom:30px;}