@charset "utf-8";
@import url(config.css);
.iBanner{width:100%;height:442px;background-color:#ffeaef}
#banner{position:relative;overflow:hidden;z-index:1}
#banner #pic_box li{width:100%;height:442px;float:left;display:block;text-align:center;position:relative;box-sizing:border-box;overflow:hidden}
#banner #pic_box li a{width:100%;height:442px;display:block;border:0;position:absolute;left:0;right:0;top:0;bottom:0}
#banner .focus_box{width:100%;padding:0 5px;height:11px;line-height:6px;position:absolute;bottom:30px;left:0;z-index:1}
#banner #focus_dot{text-align:center;margin:3px 0 0 0;cursor:pointer}
#banner #focus_dot span{background:#ccc;display:inline-block;margin:0 10px;width:10px;height:10px;vertical-align:middle;border-radius:8px;clear:both;overflow:auto}
#banner #focus_dot .ed{background:#015ba7;border:0;width:14px;height:14px;border-radius:10px}
#banner #prev,#banner #next{background-image:url('../images/bnprenext.png');background-repeat:no-repeat;position:absolute;top:50%;margin-top:-28px;width:38px;height:56px;filter:alpha(opacity=0);opacity:0;cursor:pointer;border-radius:3px}
#banner #prev{left:0;background-position:left top}
#banner #next{right:0; background-position:-38px top}
#banner:hover #prev,#banner:hover #next{filter:alpha(opacity=60);opacity:0.6;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#banner:hover #prev{left:30px}#banner:hover #next{right:30px}

/*第一块区域*/
.oneArea{width:100%;background-color:#f5f5f5;}
.oneAreaCon{width:1200px;padding:30px 0;margin:0 auto;}
.oneL{width:897px;float:left;}
.oneL li{width:291px;height:164px;text-align:center;background-color:#ffffff;cursor:pointer;float:left;margin:0 12px 12px 0;transition:all 0.3s linear;border-radius:10px;box-sizing:border-box;border:#e5e5e5 solid 1px}
.oneL li:nth-child(3n){margin-right:0px;}
.oneL li:nth-child(n+3){margin-bottom:0px;}
.oneL li h3{font-size:20px;font-weight:500;line-height:30px;margin:0 0 8px 0;}
.oneL li p{color:#666;}
.oneL li em{height:78px;}
.oneL li em font{color:#1f8ceb;}
.oneL li:hover{transform:translateY(-5px);box-shadow:0 0 6px 2px #e8e8e8;}
.oneL li:hover h3{color:#0053a2;}
.oneR{width:291px;height:340px;background-color:#fff;float:left;padding:20px;margin-left:12px;border-radius:10px;box-sizing:border-box;border:#e5e5e5 solid 1px}
.oneR h3{font-size:16px;font-weight:500;color:#0053a2;margin:0 0 20px 0;text-align:center}
.oneR p{line-height:200%;margin-bottom:5px;}
.oneR input{width:100%;height:40px;line-height:40px;font-family:"Microsoft Yahei";background-color:#f5f5f5;border:#e5e5e5 solid 1px;padding:0 10px;box-sizing:border-box;margin-bottom:8px;}
.oneR input:last-child{font-size:16px;color:#ffffff;background-color:#1f8ceb;border:#1f8ceb solid 1px;margin-top:10px;border-radius:20px;}
/*第二块区域*/
.twoArea{width:1200px;padding:40px 0;margin:0 auto;}
.twoT,.twoB{width:100%;}
.twoT li{width:13%;float:left;box-sizing:border-box;}
.twoT li:first-child{color:#999999;border-right:#e5e5e5 solid 1px;}
.twoT li:first-child em{color:#444444;font-size:24px;margin-bottom:5px;}
.twoT li:nth-child(2){width:77%;padding-left:30px;line-height:55px;}
.twoT li:nth-child(2) a{min-width:60px;height:40px;line-height:36px;font-family:"Microsoft Yahei";font-size:16px;color:#ffffff;background-color:#1f8ceb;border:#1f8ceb solid 1px;padding:0 20px;box-sizing:border-box;display:inline-block;margin-right:15px;border-radius:20px}
.twoT li:nth-child(2) a:hover{background-color:#015ba7;border:#015ba7 solid 1px;}
.twoT li:last-child{width:10%;}
.twoT .amore{width:72px;line-height:200%;color:#fff;text-align:center;background-color:#1f8ceb;display:block;float:right;margin-top:15px;}
.twoB{margin-top:20px;}
.twoB a{width:285px;height:200px;box-shadow:0 0 6px 2px #e8e8e8;margin:20px 20px 0 0;float:left;overflow:hidden;position:relative;border-radius:10px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.twoB a:nth-child(4n+4){margin-right:0px;}
.twoB a .sinfo{width:auto;height:30px;line-height:180%;font-size:17px;color:#ffffff;background-color:rgba(0,163,196,0.9);opacity:1;filter:alpha(opacity=100);padding:10px 25px;position:absolute;right:0px;bottom:30px;z-index:20;border-top-left-radius:35px;border-bottom-left-radius:35px}
.twoB a .binfo{color:#032f4a;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,163,196,0.9);background-color:#00a3c4 \9;padding:30px 20px 20px 20px;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;z-index:30;}

.twoB a .binfo h4{font-size:20px;font-weight:500;line-height:30px;color:#ffffff;margin:0 0 15px 0;}
.twoB a .binfo em{color:#fbbe03;margin-bottom:8px;}
.twoB a:hover .sinfo{opacity:0;filter:alpha(opacity=0);}
.twoB a:hover .binfo{opacity:1;filter:alpha(opacity=100);}
/*新闻栏目*/
.newArea{width:100%;background-color:#f5f5f5;padding:20px 0;}
.newAreaCon:hover{box-shadow:0 0 24px rgba(0,0,0,0.08)}
.newAreaCon{width:1200px;min-height:410px;background-color:#fff;padding:30px 20px;margin:20px auto;text-align:left;font-size:16px;color:#888;box-sizing:border-box;clear:both;overflow:auto;border-radius:8px;box-shadow:0 0 6px 2px #e8e8e8;}
.newAreaCon h1{font-size:20px;line-height:20px;float:left}
.newAreaCon h1 .ico{margin-right:8px;text-align:center;box-sizing:border-box;vertical-align:middle}
.newAreaCon h1 b{color:#333;vertical-align:middle}
.newAreaCon .more{font-size:18px;line-height:26px;float:right;margin:-2px 10px 0 0}

.newAreaCon h1 .ico{font-size:24px;color:#1F8CEB}
.newAreaCon .artnav {float:left;margin-left:30px}
.newAreaCon .artnav a{line-height:30px;display:inline-block;margin:0px 15px 0 15px;font-size:16px;cursor:pointer;color:#888}
.newAreaCon .artnav a.ed{color:#1F8CEB}
.newAreaCon .artnav a:hover{color:#1F8CEB}
.newAreaCon .artnav a.ed b{width:40%;margin:0 auto;height:2px;background-color:#1F8CEB;display:block}
.newAreaCon .list1{width:786px;float:left;margin-top:25px}
.newAreaCon .list2{width:354px;float:right;margin-top:25px}
.newAreaCon .list1 li{width:262px;line-height:36px;float:left;margin-right:0;padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newAreaCon .list1 li a{;color:#666;position:relative;font-size:15px}
.newAreaCon .list1 li a:hover{color:#1F8CEB}
.newAreaCon .list1 li:nth-child(n+4) a{padding-left:15px}
.newAreaCon .list1 li:nth-child(n+4) a:before{content:'●';width:16px;height:16px;line-height:12px;font-size:12px;color:#ccc;left:0;bottom:1px;display:block;position:absolute}
.newAreaCon .list1 .li3{width:262px;height:150px;margin-bottom:10px}
.newAreaCon .list1 .li3 a{width:100%;height:100%;display:block;background-color:#fc0;border-radius:3px}
.newAreaCon .list1 .li3 a span{padding-left:10px;width:100%;line-height:30px;color:#fff;text-align:left;font-size:14px;background-color:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 5px 5px}

.newAreaCon .list2 h2{font-size:18px;color:#333;margin:-5px 0 15px}
.newAreaCon .list2 li{line-height:38px;}
.newAreaCon .list2 li a{color:#666;position:relative;padding-left:30px;font-size:15px}
.newAreaCon .list2 li a:hover{color:#1F8CEB}
.newAreaCon .list2 li a b{border-radius:5px;text-align:center;font-weight:normal;background-color:#1F8CEB;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;left:0;bottom:-1px;display:block;position:absolute}
.newAreaCon .list2 li:nth-child(n+5) b{background-color:#ccc}
.newAreaCon .list2 li a em{position:absolute;left:30px;top:0;width:280px;height:20px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.newAreaCon .list2 li a i.ico,.newAreaCon .list2 li a span{line-height:12px;font-size:12px;color:#aaa;float:right;margin-top:12px}
.newAreaCon .list2 li a i.ico{margin:12px 2px 0 10px}



/*第三块区域*/
.threeArea{width:100%;height:600px;background:url("../images/bg_team.jpg") no-repeat;background-size:cover;}
.threeCon{width:1200px;padding-top:40px;margin:0 auto;}
.threeT,.threeB{width:100%;}
.threeT li{width:20%;float:left;}
.threeT li:first-child{color:#999999;}
.threeT li:first-child em{color:#444444;font-size:24px;margin-bottom:5px;}
.threeT li:last-child{width:80%;}
.threeT .amore{width:70px;line-height:200%;color:#fff;text-align:center;background-color:#1f8ceb;display:block;float:right;margin-top:10px;}
.threeB{margin-top:20px;}
.threeB a{width:279px;height:400px;background-color:#ffffff;box-shadow:0 0 6px 2px #e8e8e8;margin:28px 28px 0 0;float:left;overflow:hidden;position:relative;}
.threeB a:nth-child(n+4){margin-right:0px;}
.threeB a .teacher-top{width:80%;height:70px;margin:45px auto 35px auto;}
.threeB a .teacher-top p{width:68px;height:68px;background-color:#fff;border-radius:50%;border:#f5f5f5 solid 1px;background-size:cover;background-position:center center;background-repeat:no-repeat;margin-right:20px;float:left;}
.threeB a .teacher-top h2{width:-webkit-calc(100% - 90px);line-height:70px;font-size:20px;color:#222222;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.threeB a p{width:80%;line-height:180%;font-size:14px;color:#333333;margin:0 auto;}
.threeB a button{position:absolute;bottom:30px;left:-webkit-calc(50% - 53px);;z-index:9;margin-right:0;}
/*第四块区域*/
.fourArea{width:100%;height:600px;}
.fourCon{width:1200px;padding-top:40px;margin:0 auto;}
.fourT,.threeB{width:100%;}
.fourT li{width:20%;float:left;}
.fourT li:first-child{color:#999999;}
.fourT li:first-child em{color:#444444;font-size:24px;margin-bottom:5px;}
.fourT li:last-child{width:80%;}
.fourT .amore{width:70px;line-height:200%;color:#fff;text-align:center;background-color:#1f8ceb;display:block;float:right;margin-top:10px;}
.fourB{margin-top:35px;}
.fourB a{width:360px;height:100px;background-color:#ffffff;border-radius:50px;box-shadow:0 0 6px 2px #e8e8e8;float:left;margin-right:60px;margin-bottom:30px;}
.fourB a:nth-child(3n+3){margin-right:0px;}
.fourB a em{width:100px;height:100px;border-radius:50px;border:#f5f5f5 solid 1px;background-size:cover;background-position:center center;background-repeat:no-repeat;float:left;}
.fourB a p{width:-webkit-calc(100% - 130px);height:90px;line-height:150%;margin-top:10px;float:left;margin-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
.fourB a p font{font-size:20px;color:#222222;margin:8px 0;display:block}