/*
    Created on : 2016-1-1
    Author     : guoyuna
*/
@charset "utf-8";
/****  文字大小初始化,使1em=10px *****/
body{font-size:62.5%; min-width:1200px;}/* for IE/Win */
html>body{font-size:14px;} /* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:14px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img,input{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none; vertical-align:top;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
:focus { outline: 0; }
input, button, textarea,
select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins { text-decoration: none; }
blockquote{ quotes: none; }
a{text-decoration:none; outline:none; }
a img{border:none; display:block;}/*for IE*/
a:active{star:expression(this.onFocus=this.blur());}/*点击虚框去除*/
/*--------------end------------*/
body{background:#fff; font-size:14px; font-family:arial,'微软雅黑', 'Microsoft Yahei', 'Hiragino Sans GB',  '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti; color:#333;}
/*-------------banner-------------*/
/*官网头部*/
.topt{width:100%; height:36px; line-height:36px; background:#fafafa; border-bottom:1px solid #dfdfdf;font-family:"宋体";}
.topt .inner{width:1200px; margin:0 auto; height:36px; line-height:36px; font-size:12px; color:#8c8c8c; overflow:hidden;}
.topt .inner .p_l{float:right;}
.topt .inner .p_l ul{float: left;}
.topt .inner .p_l .school{float: left;}
.topt .inner .p_r{float:right;}
.topt .inner ul li{float: left;}
.topt .inner a{display:inline-block; padding:0 4px; color:#8c8c8c;}
.topt .inner a:hover{color:#333;}
.topt .inner .bm_btn{float:right; padding-right:0;}
.topm{width:1200px; margin:0 auto; padding-top:29px; height:81px; position:relative; z-index:1000;}
.topml{float:left; width:348px;}
.topml a{float:left;}
.topml .slo{float:right; margin-top:10px;}
.topmr{float:right; overflow:hidden; padding-top:17px; margin-right:130px;}
.school_btn{position:absolute; right:0; display: block; width:109px; height: 33px; line-height: 33px; border: 1px solid #E0E0E0; margin-top: 15px; z-index:1000; background: #F9F9F9 url(down.png) no-repeat 80px center;}
.school_btn span{font-size: 14px; padding-left:17px;}
.school_btn:hover{background: #fff url(down.png) no-repeat 80px center;}
.school_btn:hover ul{display: block;}
.school_btn:hover .linebg{ display:block;}
.school_btn .linebg{width:109px; height: 1px; line-height: 0; font-size:0; background: #fff; left:0; bottom:-1px; position: absolute; z-index:101; display: none;}
.school_btn ul{position: absolute; top:33px; left: -63px; width: 171px; padding:7px 0; background: #fff; border:1px solid #E0E0E0; display: none; z-index: 100;}
.school_btn ul li{float:left; font-size: 13px; width: 46px; margin-left:7px; line-height: 26px; text-align:center;}
.school_btn ul li a{color:#333;}
.school_btn ul li a:hover{color:#D72502;}
.topt .inner .f400 a{color:#D72502; font-weight:700;}
/*banner*/
.banner{width:100%; position:relative;}
.banner div{width:100%; height:100px; background:url(ban1.jpg) no-repeat center;}
.banner div.ban2{background-image:url(ban2.jpg);}
.banner div.ban3{background-image:url(ban3.jpg);}
.banner div.ban4{background-image:url(ban4.jpg);}
.banner div.ban5{ height:146px; background-image:url(ban5.jpg);}
/*开班信息板块*/
.kb_info{width:100%; height:21px; line-height:21px; font-size:0; background: #F6F6F6;}
.kb_info .inner{width:511px; margin:0 auto;}
.kb_info .cir_ul{width:600px;}
.kb_info .cir_ul .cir_li{float:left; position:relative; top:-73px; margin-right:70px; border-radius: 70px; box-shadow:3px 3px 10px #ccc;}
.kb_info .circle p{width:123px; height:123px; background:url("circle.png") no-repeat center center; animation:rotateOut 2s linear infinite; -webkit-animation:rotateOut 2s linear infinite; -moz-animation:rotateOut 2s linear infinite; -o-animation:rotateOut 2s linear infinite; -ms-animation:rotateOut 2s linear infinite;}
.kb_info .circle:hover p{ animation-play-state:paused; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; -ms-animation-play-state:paused;}
.kb_info .circle a{display:block; width:104px; height: 104px; line-height: 104px; background: #51D5BA; text-align: center; border-radius:70px; color:#fff; font-size: 22px; position:absolute; left:9px; top:9px;}
.kb_info .cir_li.ui .circle p{animation-delay: 1s; -moz-animation-delay: 1s;-ms-animation-delay: 1s; -o-animation-delay: 1s; -webkit-animation-delay: 1s;}
.kb_info .cir_li.ui .circle a{background: #FF6547;}
.kb_info .cir_li.ios .circle a{background: #434F6A;}
.kb_info .cir_li .kb_con{position:absolute; width:245px; height: 265px; padding:20px; background: #fff; border: 1px solid #FF0000; bottom:130px; left:-85px; display: none;}
.kb_info .kb_con .hd{width:100; overflow: hidden;}
.kb_info .kb_con .hd h3{float:left; font-size:20px; font-weight: bold;}
.kb_info .kb_con .hd a{float:right; color: #FF0000; text-decoration: underline;}
.kb_info .kb_con ul{padding-top: 10px;}
.kb_info .kb_con ul li{height:28px; line-height: 28px; font-size: 13px;}
.kb_info .kb_con ul li a{ color:#333;}
.kb_info .kb_con ul li a:hover{color: #f00;}
.kb_info .kb_con ul li.line{margin-bottom: 10px;}
.kb_info .kb_con ul li span{background: #04B48D; padding:2px 3px; color: #fff; border-radius: 3px; font-size: 12px;}
.kb_info .kb_con ul li em{font-style: normal;}
@-webkit-keyframes rotateOut{
    0%{-webkit-transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotateOut{
    0%{-moz-transform:rotate(0);}
    100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes rotateOut{
    0%{-o-transform:rotate(0);}
    100%{-o-transform:rotate(360deg);}
}
@keyframes rotateOut{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}
@-ms-keyframes rotateOut{
    0%{-ms-transform:rotate(0);}
    100%{-ms-transform:rotate(360deg);}
}
/*主要内容版块*/
.box{ width:100%; height:auto; overflow:hidden; position:relative;}
.box .inner{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.box h2{ font-size:50px; color:#000; text-align:left; height:126px; line-height:126px; position:relative; margin-bottom:40px; }
.box h2 span{ display:inline-block; width:100px; height:4px; background:#51d5ba; position:absolute; left:0; bottom:0;}
.box a{ font-size:24px; color:#d72502; display:block; text-align:right;}
.box a:hover{ text-decoration:underline;}
.box .txt{ width:550px; padding-top:30px; float:right;}
.box p{ font-size:16px; color:#555; text-align:left; line-height:34px; margin-bottom:35px;}
.box p a{font-size:16px; color:#555; text-align:left; line-height:34px; display:block; width:425px; word-break:keep-all; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.box p a:hover{ color:#d72502;}
.box img{ display:block; position:absolute;}
.box1{ height:545px;}
.box1 .img1{ width:828px; height:545px; left:50%; margin-left:-952px; top:0px; z-index:1;}
.box1 .inner{ height:545px;}
.box1 .inner .img2{ width:90px; height:491px; left:422px; top:54px; z-index:999;}
.box1 .txt{ margin-right:48px;}

.box2 .inner{ height:545px;}
.box2 .txt{ width:425px; float:left; margin-left:48px;}
.box2 .mypic{ width:640px; height:545px; float:right; margin-right:48px; background:url(box2bg.jpg) no-repeat 87px 20px; position:relative; z-index:1;}
.box2 .img3{ width:330px; height:330px; left:195px; top:110px; z-index:999; animation:circle 7s linear infinite; -webkit-animation:circle 7s linear infinite; -moz-animation:circle 7s linear infinite; -o-animation:circle 7s linear infinite; -ms-animation:circle 7s linear infinite;}
@-webkit-keyframes circle{
    0%{-webkit-transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes circle{
    0%{-moz-transform:rotate(0);}
    100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes circle{
    0%{-o-transform:rotate(0);}
    100%{-o-transform:rotate(360deg);}
}
@keyframes circle{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}
@-ms-keyframes circle{
    0%{-ms-transform:rotate(0);}
    100%{-ms-transform:rotate(360deg);}
}
.box2 .p1{ width:225px; height:60px; background:#ededed url(p1bg.jpg) no-repeat 16px 17px; position:absolute; z-index:9999; left:0; top:252px;}
.box2 .p1 p{ color:#697288; font-size:24px; line-height:60px; padding-left:38px;}

.box3 .box3_t h2{ width:260px; margin:0 auto 35px auto;}
.box3 .box3_t h2 span{ left:50px;}
.box3 .box3_b{ width:100%; padding:50px 0; background:#ff6547;}

.box3 .box3_b ul{ width:1200px; height:200px; margin:0 auto; overflow:hidden;}
.box3 .box3_b ul li{ width:279px; height:200px; float:left; margin-right:28px;  background:#fff;}
.box3 .box3_b ul li a{ display:inline-block; width:279px; height:170px; padding-top:30px;}
.box3 .box3_b ul li h3{ font-size:26px; font-weight:bold; text-align:center; margin-bottom:10px;}
.box3 .box3_b ul li p{ font-size:20px; line-height:30px; text-align:center; color:#000; margin-bottom:15px;}
.box3 .box3_b ul li p span{ color:#d72502;}
.box3 .box3_b ul li p.pa{ margin-bottom:0;}
.box3 .box3_b ul li a:hover{ text-decoration:none; color:#ff6547;}

.box4 .box4_t{ padding-top:35px; overflow:hidden;}
.box4 .box4_t h2{ width:260px; margin-left:85px; margin-bottom:20px; float:left;}
.box4 .box4_b{ background:#434f6a; height:405px;}
.box4 .box4_b .inner{ overflow:visible;}
.box4 .parHd{ width:300px; height:56px; position:absolute; right:0px; top:-96px;}
.box4 .parHd h3{ width:100px; height:56px; line-height:56px; float:left; margin-right:50px; position:relative; font-size:24px; color:#434f6a; cursor:pointer;}
.box4 .parHd h3.on{ border-bottom:4px solid #434f6a;}
.box4 .parBd .prevss{ position:absolute; left:5px; top:177px; display:block; width:19px; height:34px; background:url(btns.png) 0 0;}
.box4 .parBd .nextss{ position:absolute; right:5px; top:177px; display:block; width:19px; height:34px; background:url(btns.png) -19px 0;}
.box4 .parBd{ height:405px; margin:0; width:1200px; overflow:hidden; position:relative;}
.box4 .parBd .slideBox{ overflow:hidden; zoom:1; position:relative; padding-left:40px; }
.box4 .parBd ul{ overflow:hidden;  zoom:1;}
.box4 .parBd ul li{width:1120px; height:405px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.box4 .parBd ul li .con_l{ display:block; width:365px; padding:40px 30px; height:325px; float:left; background:#fff;}
.box4 .parBd ul li .con_l h3{ font-size:22px; color:#434f6a; line-height:36px; text-align:left; margin-bottom:30px;}
.box4 .parBd ul li .con_r{display:block; width:650px; height:355px; padding:25px 0; float:right;}
.box4 .parBd ul li a:hover{ text-decoration:none;}


.box5 .inner{ background:url(box5bg.jpg) no-repeat 23px 35px;}
.box5 h2{ text-align:right; margin-right:48px;}
.box5 h2 span{ left:1050px; bottom:0;}
.box5 .txt{ width:650px; height:450px; padding-top:0; float:left; margin-left:48px;}
.box5 .txt h3{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:25px;}
.box5 .txt p{ text-indent:2em; margin-bottom:0;}
.box5 .txt .mytxt{ width:650px; height:450px; display:none;}
.box5 .txt .current{ display:block;}
.box5 .tab{ width:405px; height:450px; float:right; margin-right:48px; overflow:hidden;}
.box5 .tab li{ width:405px; height:120px; background:#e7e7e7; margin-bottom:5px; position:relative;}
.box5 .tab li a{ display:block; width:405px; height:120px;}
.box5 .tab li h3{ font-size:30px; font-weight:bold; position:absolute; left:15px; top:25px; color:#333;}
.box5 .tab li p{ font-size:22px; line-height:40px; position:absolute; left:65px; top:23px;}
.box5 .tab li:hover{ background:#51d5ba;}
.box5 .tab li.currents{background:#51d5ba;}

.box6{ background:#51d5ba; padding:58px 0;}
.box6 .inner{ position:relative;}
.box6 h2{ text-align:center; color:#000;}
.box6 h2 span{ background:#fff; left:555px;}
.box6 .slideBox{ width:1150px; height:465px; background:#ebebeb url(box7bg.jpg) no-repeat right top; margin:0 auto; overflow:hidden; position:relative;}
.box6 .slideBox:hover .prev{display: block;}
.box6 .slideBox:hover .next{display: block;}
.box6 .slideBox .hd{ border-radius: 30px; bottom: 55px; overflow: hidden; padding:4px 10px; position:absolute; right:112px; text-align:center; z-index:800;}
.box6 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box6 .slideBox .hd ul li{background:#757575 none repeat scroll 0 0; border-radius:50%; cursor:pointer; display:inline-block; float:left; font-size:0; height:13px; line-height: 0; margin:0 5px; width:13px;}
.box6 .slideBox .hd ul li.on{ background:#51d5ba; }
.box6 .mytabs{ width:810px; height:115px; position:absolute; left:25px; top:516px; z-index:99999;}
.box6 .mytabs li{ width:202px; height:115px; float:left; background:#86efda; border-right:1px solid #000; position:relative; cursor:pointer;}
.box6 .mytabs li.nobd{ border-right:0; width:201px;}
.box6 .mytabs li.myhov{ background:#fff; border:0;}
.box6 .mytabs li p{ font-size:22px; line-height:115px; color:#000; text-align:left; padding-left:85px;}
.box6 .mytabs li span{ font-size:54px; position:absolute; top:22px; left:17px;}
.box6 .slideBox .myp{ width:340px; float:right; position:relative;}
.box6 .slideBox .myps{ display:none;}
.box6 .slideBox .now{ display:block;}
.box6 .slideBox .myp p{ font-size:24px; color:#000; position:absolute; top:70px; right:130px;}
.box6 .slideBox .myp p.p1{ top:130px; right:190px;}
.box6 .slideBox .bd .myul{ width:810px; height:350px; float:left; position:relative;}
.box6 .slideBox .bd .myul ul{ height:350px; position:absolute; left:0; top:0;}

.box6 .slideBox .bd ul li{ zoom:1; vertical-align:middle; width:810px; height:350px; position:relative;}
.box6 .slideBox .bd ul li img{ width:810px; height:350px; display:block; }
.box6 .slideBox .bd ul li .word{ width:746px; height:46px; padding:10px 32px; background:url(shadow.png); position:absolute; left:0; bottom:0px;}
.box6 .slideBox .bd ul li .word p{ width:746px; overflow:hidden;text-overflow:ellipsis;  font-size:14px; line-height:25px; margin:0; color:#fff;}
.box6 .slideBox .prev,
.box6 .slideBox .next{display:none; filter:alpha(opacity=30);opacity:0.3; background:#000 repeat scroll 0 0; border-bottom-left-radius:3px; border-top-left-radius:3px; height:73px; opacity:0.3; overflow:hidden; width:43px; margin-top:-95px; position:absolute; left:765px; text-align:center; top:50%; z-index:800; }
.box6 .slideBox .prev span{ display:block; width:19px; height:34px; background:url(btns.png) no-repeat 0 0px; margin:20px 0 0 10px;}
.box6 .slideBox .next span{ display:block; width:19px; height:34px; background:url(btns.png) no-repeat -19px 0px; margin:20px 0 0 10px;}
.box6 .slideBox .prev{ left:auto; left:1px; border-bottom-right-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:0; border-top-left-radius:0; }
.box6 .slideBox .prev:hover,
.box6 .slideBox .next:hover{ filter:alpha(opacity=70); opacity:0.7;}
.box6 .slideBox .prevStop{ display:none;}
.box6 .slideBox .nextStop{ display:none;}

.box7{ padding-bottom:55px;}
.box7 .inner{ width:1104px; padding:0 48px; overflow:hidden;}
.box7 .box7_t{height:215px; overflow:hidden;}
.box7 h2{ width:260px; float:left; margin-top:40px;}
.box7 .share{ float:right; height:70px; margin-top:75px;}
.box7 .bdshare-button-style0-32 a{width:65px; height:70px; margin:0; margin-right:16px; background:url(jingling.png) no-repeat 0 -140px;}
.box7 .bdshare-button-style0-32 .bds_qzone{background-position:0 -210px;}
.box7 .box7_c h3{ font-size:24px; margin-bottom:28px;}

.box7 ul{ width:1104px; height:226px; overflow:hidden;}
.box7 ul li{ width:324px; height:220px;  border:3px solid #51d5ba; float:left; margin-right:57px; overflow:hidden;}
.box7 ul li a{ display:block; width:324px; height:220px;}
.box7 ul li .li_l{ width:82px; height:70px; margin:72px 0 0 8px; float:left; background:url(jingling.png) no-repeat 0 0px; position:relative; color:#51d5ba;}
.box7 ul li .li_l span{ font-size:24px; position:absolute; top:2px; left:3px;}
.box7 ul li .li_l span.span1{ top:33px; left:30px;}
.box7 ul li .li_r{ width:220px; height:210px; padding:10px 14px 0 0; float:left;}
.box7 ul li .li_r h3{ font-size:18px; line-height:26px; color:#000; margin-bottom:15px; text-align:left;}
.box7 ul li .li_r p{ font-size:14px; line-height:24px;}
.box7 ul li.li1{ border-color:#ff6547;}
.box7 ul .li1 .li_l{ background-position:0 -70px; position:relative; color:#ff6547;}
.box7 ul li.li2{ border-color:#434f6a; margin-right:0;}
.box7 ul .li2 .li_l{ background:none; color:#434f6a;}
.box7 ul .li2 .li_l p{ font-size:24px;}
.box7 ul .li2 .li_r p{ font-size:16px; line-height:26px; margin-top:55px;}