@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:14px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:14px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#1d76ef;}
a:active {color:#1d76ef;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:14px;color:#666;}  

@font-face {
  font-family: 'brandontext-bold';
  src: url('../fonts/brandontext-bold.eot');
  src: url('../fonts/brandontext-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/brandontext-bold.woff2') format('woff2'), 
       url('../fonts/brandontext-bold.woff') format('woff'), 
       url('../fonts/brandontext-bold.ttf') format('truetype'), 
       url('../fonts/brandontext-bold.svg#glyphicons_halflingsregular') format('svg');
}
/*index*/
.head{ width: 100%; padding: 15px 0; z-index: 2; height:80px;}
.logo{float: left; height:80px;}
.logo img{ height:80px;}
.menu{float: right;}
.menu li{float: left; line-height: 42px; margin: 0 0 0 65px; margin-top:20px; display: inline; font-size: 14px;}
.menu li a{color: #000;}
.menu li a:hover{text-decoration: underline;}
.headright{float: right; margin: 25px 0 0 38px;}
.headright li{float: left;  height: 33px;  margin: 0 0 0 22px; display: inline;}
.searchform,.telbox{ width: 33px; height: 33px; overflow: hidden;position: relative;}
.txt_searchbg{ position: absolute; left: 0; top: 0; background: url(searchbg.png) no-repeat; width: 209px; height: 33px; display: none; }
.searchform_hover .txt_searchbg,.telbox_hover .telnum{display: block;}
.txt_search{ background: transparent; padding: 0 36px 0 16px; width: 160px; border: medium none; height: 33px; line-height: 33px; color: #86bef4; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px;}
.btn_search,.telbtn{ position: absolute; right: 0; top: 0; background: url(searchbtn1.png) no-repeat; width: 33px; height: 33px; border: medium none; cursor: pointer;}
.searchform_hover .btn_search{background:url(searchbtn2.png) no-repeat}
.telbtn{ background: url(tel1.png) no-repeat;}
.telnum{ position: absolute; left: 0; top: 0; background: url(searchbg.png) no-repeat; padding: 0 36px 0 16px; width: 160px; height: 33px; line-height: 33px; color: #fff; font-size: 18px; display: none; letter-spacing: 2px; }
.telbox_hover .telbtn{background:url(tel2.png) no-repeat;}
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:600px; float: left;}
.banner{overflow:hidden;width:100%;height:600px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:600px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#fff;width:12px; height:12px; margin:0 8px; cursor:pointer; border-radius: 100%; opacity: 0.3;filter:Alpha(opacity=30);}
.slidenum span.current{opacity: 1;filter:Alpha(opacity=100);}
/*banner效果 end*/
.advbg{float: left; width: 100%; padding: 0 0 98px;}
.title1{ text-align: center; font-size: 26px; line-height: 38px; margin: 70px 0 10px; font-weight: bold;}
.detail1{color: #999; line-height: 22px; text-align: center;}
.advlist{float: left; width: 1230px; margin: 46px 0 0;}
.advlist li{float: left; width: 216px; height: 335px; position: relative; margin: 0 30px 0 0; }
.advlist li img{position: absolute; left: 0; top: 0; width: 216px; height: 335px;}
.title2{position: relative; margin: 146px 0 12px; line-height: 28px; color: #fff; font-size: 18px;  text-align: center;}
.detail2{position: relative; color: #fff; line-height: 24px; height: 72px; margin-bottom:15px; overflow: hidden;padding: 0 18px; text-align:center}
.zixun1{position: relative; background:#fff; border-radius:5px; width:120px; margin:0 auto; color: #fff; line-height:32px; height:32px; overflow: hidden; font-size:14px; text-align:center}

.teacherbg{float: left; width: 100%; background: url(teacherbg.jpg) no-repeat center top; height: 420px;}
.teacherdl{float: left; width: 100%; margin: 65px 0 0;}
.teacherdl dt{float: left; width:462px;}
.teacherdl dt img{ width: 462px; height:290px; border-radius: 16px; box-shadow: 10px 10px 26px #1f95ea;behavior: url(images/PIE.htc);}
.teacherdl dd{float: right; width: 708px; margin: 60px 0 0;}
.title3{font-size: 28px; line-height: 42px; color: #fff; font-weight: bold; text-transform: uppercase;}
.title3 i{font-family: brandontext-bold; margin: 0 0 0 15px;}
.line{ display: block; width: 50px; height: 20px; border-bottom: 1px solid #fff;}
.detail3{ line-height: 24px; color: #fff; margin: 20px 0 0;}
.onebyone{float: left; width: 100%; background: #fbf6ff; padding: 0 0 100px;}
.onebyonelist{float: left; width: 1230px; position: relative; margin: 20px 0 0;}
.onebyonelist li{float: left; width: 216px; margin: 30px 30px 0 0; background: #fff; border-radius: 10px; box-shadow: 3px 3px 3px #f6eaff;behavior: url(images/PIE.htc);}
.onebyonelist li.mr276{margin-right: 276px;}
.onebyonelist li img{display: block; width: 216px; height: 154px; vertical-align: bottom; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.onebyonelist li span{display: block; line-height: 37px; height:37px; overflow:hidden; text-align: center;}
.choosebox{position: absolute; left: 246px; top: 30px; background: url(choose.png) no-repeat; width: 180px; height: 412px; padding: 0 18px;}
.line1{display: block; float: right; width: 50px; height: 50px; border-bottom: 1px solid #fff;}
.title4{text-align: right; font-size: 26px; line-height: 36px; margin: 15px 0 0; color: #fff;}
.detail4{color: #fff; text-align: right;}
.detail4 span{display: block; font-size: 14px; line-height: 20px; margin: 10px 0 4px; }
.detail4 i{display: block; line-height: 16px; text-transform: uppercase;}
.newsbg{float: left; width: 100%; padding: 0 0 90px;}
.newstablist{text-align: center; margin: 20px 0 0;}
.newstablist a{display: inline-block; background: url(news1.gif) no-repeat center center; width: 104px; height: 32px; line-height: 32px; text-align: center; margin: 0 30px;}
.newstablist a.on,.newstablist a:hover{background: url(news2.gif) no-repeat center center; color: #fff;}
.newslist{float: left; width: 1230px; margin: 20px 0 0;}
.newslist li{float: left; width: 585px;  margin: 30px 30px 0 0; background: #f8f8f8; padding: 29px 0;}
.newslist li.hover{background: url(newsbg.gif) repeat-y;}
.newslist li dt{float: left; width: 198px; margin: 0 0 0 19px; display: inline;}
.newslist li dt img{display: block; width: 198px; height: 100px;}
.newslist li dd{ float: right; width: 310px; margin: 0 29px 0 0; display: inline;}
.title5{font-size: 16px; margin: 8px 0; line-height: 32px; height:32px; overflow:hidden}
.title5 a {color: #3c3c3e;}
.newslist li.hover .title5 a{color: #fff;}
.detail5{color: #afafaf; line-height: 21px; height:42px; overflow:hidden}
.newslist li.hover .detail5{color: #fff;}
.newstabcon{float: left; width: 100%;}
.newstabcon1{display: none;}
.friendlink{float: left; width: 100%; border-top: 1px solid #eee; padding: 33px 0;}
.flinkslidebox{width: 1114px; height: 38px; position: relative; padding: 0 43px;}
.lbtn,.rbtn{position: absolute;left: 0; top: 0; height: 38px; background: url(lbtn.gif) no-repeat 0 center; width: 30px; cursor: pointer;}
.rbtn{left: auto; right: 0; background: url(rbtn.gif) no-repeat right center;}
.flinkslide{width: 1114px; height: 38px; position: relative; overflow: hidden;}
.flinkslide li{float: left; width: 90px; margin: 0 36px 0 0;}
.flinkslide li img{display: block; width: 90px; height: 38px;vertical-align: bottom;}
.foot{float: left; width: 100%; background:url(footbg.gif) repeat-y center top; padding: 65px 0;}
.footleft{float: left; line-height: 31px; color: #fff;}
.footnav{float: right; margin: 31px 0 0; display: inline; line-height: 31px; }
.footnav a{color: #fff; margin: 0 50px 0 0;}
.share{float: right; margin: 27px 0 0;}
.share a{}
/*index end*/ 

/*关于我们*/
.title6{text-align: center;  border-bottom: 1px dashed #dcdcdc; padding: 43px 0;}
.title6 span{display: block; font-size: 24px; color: #666; font-weight: bold;line-height: 34px;}
.title6 i{display: block; color: #999; text-transform: uppercase; line-height: 20px;}
.aboutdl{float: left; width: 100%; padding: 40px 0; border-bottom: 1px dashed #dcdcdc;}
.aboutdl dt{float: left; width: 534px;}
.aboutdl dt img{display: block; width: 534px; height: 276px; vertical-align: bottom;}
.aboutdl dd{ float: right; width: 634px; color: #999; line-height: 28px; margin: 0px 0 0;}
.title7{color: #999999; font-size: 18px; line-height: 30px; margin: 36px 0 0;}
.historylist{ position: relative; background: url(line.gif) repeat-y 5px 0; margin: 23px 0 0;}
.historylist ul{position: relative; z-index: 2;}
.historylist li{line-height: 20px; color: #999; background: url(ico1.gif) no-repeat 0 5px; padding: 0 0 0 20px; margin: 0 0 16px;}
.historylist li.blueico{background: url(ico2.gif) no-repeat 0 5px;}
.white1,.white2{position: absolute; left: 0; top: 0; width: 10px; height: 5px; background: #fff;}
.white2{top: auto; bottom: 0;}
.historybox{padding: 0 0 53px;}
.page{float: left; width: 100%; padding: 50px 0; text-align: center;}
.page a{ margin: 0 10px;}
.page a.on{color: #1d76ef;}
/*关于我们 end*/

/*联系我们*/
.contactleft{float: left; width:530px; margin: 50px 0 0; padding: 0 0 60px;}
.ewm{float: left; margin:100px 0 0 127px;}
.title8 span{font-size: 24px; line-height: 34px; display: block; }
.title8 i{ line-height: 22px; display: block; text-transform: uppercase;}
.detail6{ line-height: 34px; margin: 10px 0 0;}
/*联系我们 end*/

/*新闻中心*/
.newstablist1{margin: 50px 0 0;}
/*新闻中心 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/
.neirong img{ max-width:1200px; height:auto}
.neirong{padding:50px 0; overflow:hidden; width:1200px; margin:0 auto; font-size:14px; line-height:28px;}