.headerwrap { width: 100%; background: url(../image/header-bg.png) repeat-x; }

.header-top, .header-center, .nav, .level2, .list-con .list1, .level3, .level4, .level5, .level6, .level7, .level8, .level9, .footer-top, .footer-bottom { width: 980px; margin: 0 auto;}

.header-top { height: 39px; line-height: 39px; font-size: 13px; color: #fff; }



.header-top .p1 { padding-left: 28px; background: url(../image/index1.png) no-repeat 0 center; }

.header-top .p2 { padding: 0 12px; background: #077abc; font-size: 12px;  height: 39px; overflow: hidden;}

.header-top .p2 strong{ font-size: 16px; font-weight: 700;}

.header-top .p3 a { padding-left: 24px; color: #fff; }



.header-center { height: 114px; }

.header-center h1 img { max-height: 114px; display: block;margin-top: 20px;}

.header-center ul li { float: left; padding: 0 16px; font-size: 14px; line-height: 114px; background: url(../image/line1.gif) no-repeat right center; }

.header-center ul li.last { padding-right: 0; background: none; } 

.header-center ul li a { color: #000; }

.header-center ul li a:hover,.header-top .p3 a:hover{ color: #ff6537; }



.nav { height: 80px;}

.nav ul { width: 980px; border-left: 1px solid #ddd; margin-left: -1px;}

.nav ul li { position: relative; left: 0; top: 0; float: left; width: 140px; text-align: center; z-index: 99;}

.nav ul li>a { display: block; padding-top: 40px; height: 40px; line-height: 30px; font-size: 15px; color: #333; background: url(../image/nav.png) no-repeat 0 0; border-right: 1px solid #ddd;}

.nav ul li.cur>a,.nav ul li:hover>a { color: #fff; background: #ff6537 url(../image/nav.png) no-repeat 1px -130px;  }



.nav ul li>a.list2 { background-position: -136px 0; }

.nav ul li>a.list3 { background-position: -278px 0; }

.nav ul li>a.list4 { background-position: -418px 0; }

.nav ul li>a.list5 { background-position: -559px 0; }

.nav ul li>a.list6 { background-position: -701px 0; }

.nav ul li>a.list7 { background-position: -841px 0; }



.nav ul li:hover>a.list2, .nav ul li.cur>a.list2 { background-position: -140px -130px; }

.nav ul li:hover>a.list3, .nav ul li.cur>a.list3 { background-position: -280px -130px; }

.nav ul li:hover>a.list4, .nav ul li.cur>a.list4 { background-position: -420px -130px; }

.nav ul li:hover>a.list5, .nav ul li.cur>a.list5 { background-position: -560px -130px; }

.nav ul li:hover>a.list6, .nav ul li.cur>a.list6 { background-position: -700px -130px; }

.nav ul li:hover>a.list7, .nav ul li.cur>a.list7 { background-position: -840px -130px; }



.nav .subnav{ position: absolute; top: 100%; left: 0; width: 137px; background-color: #f2f2f2; border: 1px solid #e0e0e0; border-top: none; z-index: 99; display: none;}

.nav .subnav a{ display: block; width: 117px; height: 42px; line-height: 42px; font-size: 13px; color: #333; border-bottom: 1px solid #ccc; margin: 0 auto;}

.nav .subnav a.last{ border-bottom: none;}

.nav .subnav a:hover{ color: #ff6537;}



.bannerwrap { width: 100%; height: 530px; position: relative; overflow: hidden; }



.banner { width: 1600px; height: 530px; margin: 0 auto; position: relative; }

.banner ul li { display: none; position: absolute; top: 0; left: 0; width: 100%; }

.banner ul li img { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; }



.dot { height: 12px; text-align: center; position: absolute; z-index: 3; margin-left: 490px; bottom: 10px; }

.dot a { display: inline-block; *display: inline; *zoom: 1; width: 9px; height: 9px; margin: 0 4px; background: url(../image/btn2.png) no-repeat 0 -20px; }

.dot a.on { background-position: 0 0; }



.banner .prev, .banner .next { display: block; width: 50px; height: 50px; background: url(../image/btn1.png) no-repeat 0 0; position: absolute; top: 165px; z-index: 9; }

.banner .prev { left: 89px; }

.banner .next { right: 93px; background-position: -60px 0; }



.banner .prev:hover { background: url(../image/btn1.png) no-repeat 0 -60px; }

.banner .next:hover { background: url(../image/btn1.png) no-repeat -60px -60px; }



.level1, .level2, .level3, .level4, .level5, .level6, .level7, .level8, .level9 { text-align: center; font-size: 14px; color: #808080; }

.level1 { width: 980px; margin: 0 auto; padding: 36px 0 46px; overflow: hidden; }

.level1>h3, .level2>h3, .level3>h3, .level4>h3, .level4>h3, .level5>h3, .level6>h3, .level7>h3, .level8>h3, .level9>h3 { font-size: 36px; line-height: 50px; color: #333; }

.level1>h3 span, .level2>h3 span, .level3>h3 span, .level4>h3 span, .level5>h3 span, .level6>h3 span, .level7>h3 span, .level8>h3 span, .level9>h3 span { font-size: 45px; font-weight: bold; color: #0191e5; }

.level1>h3 span img, .level2>h3 span img, .level3>h3 span img, .level4>h3 span img, .level5>h3 span img, .level6>h3 span img, .level7>h3 span img, .level8>h3 span img, .level9>h3 span img{ vertical-align: text-top;}



.level1>.more, .level5>.more { display: inline-block; width: 148px; height: 42px; line-height: 42px; border: 1px solid #ff6537; color: #ff6537; }



.level2wrap, .level6wrap, .level8wrap { width: 100%; padding-top: 36px; background: #f7f7f7; }

.level2 ul { padding-top: 30px; }

.level2 ul li { float: left; width: 196px; padding-bottom: 38px; font-weight: bold; color: #333; position: relative; cursor: pointer; }

.level2 ul li h3 { height: 90px; line-height: 90px; font-size: 60px; }

.level2 ul li p { font-size: 18px; height: 34px; line-height: 34px; font-weight: bold; }

.level2 ul li.act { background: url(../image/index9.png) no-repeat center 0; }

.level2 ul li.act h3 { font-size: 26px; color: #fff; }

.level2 ul li.act p { color: #ff6537; }

.level2 ul li.act em { display: block; width: 32px; height: 16px; background: url(../image/index12.png) no-repeat; position: absolute; bottom: 0; left: 82px; }



.list-con { width: 100%; background: #ff6537; text-align: center; font-size: 14px; color: #fff; line-height: 24px; }

.list-con .list1 { display: none; height: 366px; padding: 42px 0 36px; }



.level3 { padding: 38px 0 36px; }

.level3 ul { width: 980px; height: 506px; padding-top: 40px; position: relative; background: url(../image/cimg80.png) no-repeat center 40px; ; }

.level3 ul li { font-size: 18px; color: #333; position: absolute; }

.level3 ul li h4, .level3 ul li p { font-weight: bold; }

.level3 ul li h4 { font-size: 30px; }

.level3 ul li.on h4, .level3 ul li.on p { color: #ff6537;}

.level3 ul li.list1, .level3 ul li.list2 { height: 74px; padding-right: 88px; text-align: right; }

.level3 ul li.list1 { left: 101px; top: 73px;}

.level3 ul li.list2 { left: 82px; top: 284px;}

.level3 ul li.list3, .level3 ul li.list4 { height: 74px; padding-left: 88px; text-align: left; }

.level3 ul li.list3 { right: 77px; top: 73px;}

.level3 ul li.list4 { right: 70px; top: 284px;}

.level3 ul li.list5 { padding-top: 88px; left: 358px; bottom: 0;}



.level3 ul li .xcico{ position: absolute; width: 79px; height: 79px; top: 0; z-index: 2;}

.level3 ul li.list1 .xcico{ right: 0; background: url(../image/cimg70.png) center no-repeat;}

.level3 ul .list1.on .xcico{ background-image: url(../image/cimg71.png);}

.level3 ul li.list2 .xcico{ right: 0; background: url(../image/cimg72.png) center no-repeat;}

.level3 ul .list2.on .xcico{ background-image: url(../image/cimg73.png);}

.level3 ul li.list3 .xcico{ left: 0; background: url(../image/cimg74.png) center no-repeat;}

.level3 ul .list3.on .xcico{ background-image: url(../image/cimg75.png);}

.level3 ul li.list4 .xcico{ left: 0; background: url(../image/cimg76.png) center no-repeat;}

.level3 ul .list4.on .xcico{ background-image: url(../image/cimg77.png);}

.level3 ul li.list5 .xcico{ left: 50%; margin-left: -39px; background: url(../image/cimg78.png) center no-repeat;}

.level3 ul .list5.on .xcico{ background-image: url(../image/cimg79.png);}



.level3 ul li .xcinfo{ position: absolute; background-color: #ff6537; display: none;}

.level3 ul li .xcinfo p{ font-size: 13px; color: #fff; font-weight: 400; line-height: 18px; text-align: left;}

.level3 ul li.list1 .xcinfo{ left: 190px; top: 3px; width: 560px; height: 54px; padding: 10px 10px 9px 50px;}

.level3 ul li.list2 .xcinfo{ left: 190px; top: 3px; width: 548px; height: 54px; padding: 10px 10px 9px 63px;}

.level3 ul li.list3 .xcinfo{ left: -533px; top: 3px; width: 510px; height: 54px; padding: 10px 50px 9px 24px;}

.level3 ul li.list4 .xcinfo{ left: -533px; top: 3px; width: 510px; height: 54px; padding: 10px 50px 9px 24px;}

.level3 ul li.list5 .xcinfo{ left: 50%; margin-left: -313px; top: -120px; width: 606px; height: 98px; padding: 15px 20px 45px;}



.level3 ul li.on{ z-index: 999;}

.level3 ul li.on .xcico{ z-index: 111;}

.level3 ul li.on .xcinfo{ z-index: 99;}





.level4wrap { width: 100%; padding-top: 30px; background: #f7f7f7 url(../image/cimg137.jpg) bottom repeat-x; }

.level4,.level6,.level8,.level7 { overflow: hidden; position: relative; }

.level4 ul { width: 1000px; padding: 16px 0 20px;}

.level4 ul li { float: left; width: 174px; margin-right: 15px; padding: 5px; background: #f3f3f3; overflow: hidden; position: relative; }

.level4 ul li .name{ padding: 10px 0;}

.level4 ul li .name span{  display: inline-block;  width: 64px; font-size: 16px; color: #333;}

.level4 ul li .name em{ font-size: 13px; color:#666;}

.level4 ul li:hover{ background-color: #0191e5;}

.level4 ul li:hover .name span,.level4 ul li:hover .name em{ color: #fff;}

.level4 ul li .con1 { padding-top: 10px; }

.level4 ul li .con1 h4 { height: 26px; line-height: 26px; font-size: 18px; color: #333; }

.level4 ul li .con1 p { height: 22px; font-size: 13px; color: #666; line-height: 16px; padding-top: 10px; }

.level4 ul li .con1 span { font-weight: bold; line-height: 24px; padding: 3px 12px; color: #fff; background: #eb6004; }

.level4 ul li img { width: 174px; height: 208px; display: block; }

.level4 ul li .con2 { display: none; width: 194px; height: 360px; padding: 20px 16px 0; line-height: 21px; color: #fff; text-align: left; background: url(../image/mask-bg.png); position: absolute; top: 0; left: 0; }



.level4 ul li.act { width: 210px; height: 364px; margin-top: 0; padding: 8px; }

.level4 ul li.act .con1 { padding-top: 4px; }

.level4 ul li.act .con1 p { padding-top: 0; }



.level5 { padding: 35px 0; }

.level5 ul { padding: 34px 0 40px; width: 980px; height: 484px; position: relative; }

.level5 ul li { width: 315px; height: 240px; position: absolute; }

.level5 ul li img { width: 315px; height: 240px; display: block; }

.level5 ul li>p { width: 305px; height: 36px; line-height: 36px; padding-left: 10px; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../image/index29.png); position: absolute; left: 0; bottom: 0; }

.level5 ul li .list-con { display: none; width: 100%; height: 100%; color: #fff; background: url(../image/mask-bg.png); position: absolute; top: 0; left: 0; }

.level5 ul li .con1 h4 { font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; padding-bottom: 12px;  }

.level5 ul li .con1 span { display: block; height: 22px; line-height: 22px; padding: 10px 0 20px; background: url(../image/index35.jpg) no-repeat center 0; }

.level5 ul li .con1 .p1 { width: 92%; height: 40px; margin: 0 auto; font-size: 13px; line-height: 20px; padding-bottom: 20px; overflow: hidden; }

.level5 ul li .con1 a { color: #fff;}

.level5 ul li .con1 a:hover{ text-decoration: underline;}



.level5 ul li.list1 { left: 0; top: 34px; }

.level5 ul li.list2 { left: 0; bottom: 40px; }

.level5 ul li.list3 { width: 340px; height: 484px; left: 320px; top: 34px; z-index: 6; }

.level5 ul li.list3 p { width: 330px; }

.level5 ul li.list3 img { width: 340px; height: 484px; display: block; }

.level5 ul li.list4 { right: 0; top: 34px; }

.level5 ul li.list5 { right: 0; bottom: 40px; }



.level6 ul { width: 1000px; padding-top: 36px; margin-bottom: -4px; }

.level6 ul li { float: left; width: 192px; height: 192px; padding: 0 5px 4px 0; position: relative; }

.level6 ul li img { width: 192px; height: 192px; display: block; }

.level6 ul li.link { width: 586px; height: 192px; color: #fff; text-align: center; }

.level6 ul li.link img { width: 586px; height: 192px; }

/*.level6 ul li.link .tip{ font-size: 18px; line-height: 28px; padding-top: 24px;}

.level6 ul li.link .num{ font-size: 60px; line-height: 86px;}

.level6 ul li.link .meigong{ float: left; width: 252px; padding-left: 40px;}

.level6 ul li.link .yunying{ float: right; width: 258px; padding-right: 32px;}*/

.level6 ul li .con1 { display: none; width: 178px; height: 162px; padding: 30px 0 0 14px; line-height: 20px; color: #fff; text-align: left; background: url(../image/mask-bg.png); position: absolute; top: 0; left: 0; }

.level6 ul li .con1 h4 { font-size: 18px; font-weight: bold; padding-bottom: 40px; background: url(../image/line2.gif) no-repeat 0 38px; }





.level7{ padding-top: 47px;}

.level7 ul { padding: 24px 0 66px; height: 290px; position: relative; }

.level7 ul li { position: absolute; cursor: pointer; }

.level7 ul li img { display: block; }

.level7 ul li a>p { width: 100%; height: 28px; background: url(../image/mask-bg.png); color: #fff; position: absolute; bottom: 0; left: 0; }



.level7 ul li.list1 { left: 0; top: 24px; }

.level7 ul li.list2 { right: 0; top: 24px; }

.level7 ul li.list3 { width: 188px; height: 142px; left: 396px; top: 24px; }

.level7 ul li.list4 { width: 188px; height: 142px; left: 396px; bottom: 66px; }

.level7 ul li.list1 img, .level7 ul li.list2 img { width: 390px; height: 290px;}

.level7 ul li.list3 img, .level7 ul li.list4 img { width: 188px; height: 142px;}



.level7 ul li.list1 .img1, .level7 ul li.list2 .img1 { width: 70px; height: 70px; position: absolute; right: 155px; top: 110px; }

.level7 ul li.list3 .img2, .level7 ul li.list4 .img2 { width: 38px; height: 38px; position: absolute; right: 76px; top: 46px;}



.level7 ul li .con1 { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../image/mask-bg.png); }

.level7 ul li .con1 h4 { font-size: 18px; color: #fff; padding-top: 20%; }





.level8 ul { width: 1010px; padding: 40px 0 84px; }

.level8 ul li { float: left; width: 304px; padding: 0 2px 36px; margin-right: 28px; background: #fff; position: relative; }

.level8 ul li img { width: 304px; height: 228px; display: block; }

.level8 ul li h3 { width: 270px; height: 54px; line-height: 54px; font-size: 16px; color: #333; margin: 0 auto 12px; border-bottom: 1px solid #d9d9d9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.level8 ul li p { width: 270px; height: 66px; margin: 0 auto; text-align: left; color: #777; line-height: 22px; overflow: hidden; }

.level8 ul li span { display: block; width: 50px; height: 50px; background: url(../image/index56.png) no-repeat 0 0; position: absolute; bottom: -25px; left: 128px; }

.level8 ul li a { display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; background-image:url(http://www.huatuoschool.com/statics/css/.com/webcss/about:blank); z-index: 5; }



.level8 ul li .time { width: 60px; height: 60px; color: #fff; background: #ff6537; position: absolute; left: 30px; top: 0; }

.level8 ul li .time h4 { font-size: 30px; line-height: 36px; }



.level8 ul li:hover h3 { color: #ff6537; }

.level8 ul li:hover span { background: url(../image/index57.png) no-repeat 0 0; }



.level9 { padding: 34px 0 66px; }



.level9 ul { margin-top: 44px; }

.level9 ul li { float: left; width: 194px; height: 145px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; position: relative;}

.level9 ul li img { display: block; width: 194px; height: 145px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }

.level9 ul li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 24px; font-size: 14px; text-align: center; background-color: #ff6537; color: #fff; z-index: 2; overflow: hidden; display: none;}

.level9 ul li span{ display: block; padding: 60px 10px 0;}



.footerwrap { width: 100%; padding-top: 46px; background: #363636; font-size: 13px; color: #ccc; }



.footer-top { padding-bottom: 16px; border-bottom: 1px solid #484848; }

.footer1 { width: 215px; height: 138px; border-right: 1px dashed #5e5e5e; }

.footer2 { width: 567px; padding-left: 35px; height: 138px; border-right: 1px dashed #5e5e5e;  }

.footer3 { width: 160px; text-align: center; color: #fff; }



.footer-bottom { height: 60px; line-height: 60px; text-align: center; font-size: 12px; color: #fff; }

.footer-bottom a { color: #fff; }

.footer-bottom a:hover { color: #ccc; }



.sidebar_ico{ position: fixed; top: 50%; right: 0; width: 26px;margin-top: -49px; background-color: #ff6537; text-align: center; color: #fff; padding: 10px 0; display:none;}



.sidebar-box{  position: fixed; top: 0; right: 0px; height: 100%; width: 65px; background-color: #383838; z-index: 999;}

.sidebar { position: absolute; top: 14%; right: 1px;}

.sidebar li { display: block; width: 65px; height: 24px; margin-bottom: 6px; padding-top: 40px; background: url(../image/index71.png) no-repeat 0 0; position: relative;}

.sidebar li .tip{ display: block; font-size: 14px; color: #fff; text-align: center;}

.sidebar li:hover .show{ display: block;}

.sidebar .try { background-position: 0 -63px; }

.sidebar .enroll { background-position: 0 -126px; }

.sidebar .call { background-position: 0 -194px; }

.sidebar .open { background-position: 0 -256px; }

.sidebar .test { background-position: 0 -320px; }

.sidebar .scan { background-position: 0 -384px; }

.sidebar .top { background-color: #ff6537; background-position: -65px -448px; color: #fff;}



.sidebar .service:hover { background-position: -65px 0; }

.sidebar .try:hover { background-position: -65px -63px; }

.sidebar .enroll:hover { background-position: -65px -126px; }

.sidebar .call:hover { background-position: -65px -194px; }

.sidebar .open:hover { background-position: -65px -256px; }

.sidebar .test:hover { background-position: -65px -320px; }

.sidebar .scan:hover { background-position: -65px -384px; }



.sidebar .show{ position: absolute; right: 64px; width: 272px; height: 172px; padding: 20px 0 0 13px; color: #fff; display: none;}

.sidebar .show .bigtitle{ line-height: 40px; font-size: 28px; font-weight: 700;}

.sidebar .show .bigtitle02{ line-height: 40px; font-size: 22px; font-weight: 700;}

.sidebar .show .bigtitle03{ line-height: 32px; font-size: 22px; font-weight: 700; color: #fc0; padding-top: 6px;}

.sidebar .show .bigtitle04{ line-height: 32px; font-size: 22px; font-weight: 700;}

.sidebar .show .smalltitle{ line-height: 35px; font-size: 22px;}

.sidebar .show .smalltitle02{ line-height: 24px; font-size: 16px; padding-bottom: 14px;}

.sidebar .show .text{ display: block; padding: 0 10px; width: 238px; height: 30px; line-height: 30px; border: 1px solid #ddd; font-size: 13px; color: #1a1a1a; background-color: #fff; margin-bottom: 6px;}

.sidebar .show .submit{ display: block; background-color: #fc0; width: 260px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #fff;}

.sidebar .show .btn{ display: block; width: 126px; height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #333; background-color: #fed21c; cursor: pointer;}

.sidebar .show .ewm{ float: right; width: 106px; height: 106px; padding: 0 14px 0 10px;}



.sidebar .service .show{ background: #28b1e5 url(../image/aimg01.png) 176px bottom no-repeat; top: -1px; top: 0; }

.sidebar .service:hover{ background-color: #28b1e5; border-color: #28b1e5;}

.sidebar .try .show{ background: #ff4747 url(../image/aimg02.png) 156px bottom no-repeat; top: 0; }

.sidebar .try:hover{ background-color: #ff4747; border-color: #ff4747;}

.sidebar .enroll .show{ background: #60be60 url(../image/aimg03.png) right bottom no-repeat; top: 0; }

.sidebar .enroll:hover{ background-color: #60be60; border-color: #60be60;}

.sidebar .call .show{ background-color: #7d59c8; top: -1px; }

.sidebar .call:hover{ background-color: #7d59c8; border-color: #7d59c8;}

.sidebar .open .show{ background: #ff6537 url(../image/aimg04.png) 166px bottom no-repeat; top: 0; }

.sidebar .open:hover{ background-color: #ff6537; border-color: #ff6537;}

.sidebar .test .show{ background: #fe6d4b url(../image/aimg05.png) right bottom no-repeat; bottom: 0;}

.sidebar .test:hover{ background-color: #fe6d4b; border-color: #fe6d4b;}

.sidebar .scan .show{ background: #0191e5 url(../image/aimg06.png) 41px bottom no-repeat; bottom: 0;}

.sidebar .scan:hover{ background-color: #0191e5; border-color: #0191e5;}



/*************************** 2016.10.17 zxc *******************************/

/*创业基地*/

.inner-banner{ position: relative; width: 100%; height: 380px; overflow: hidden;}

.inner-banner img{ position: absolute; width: 1920px; height: 380px; left: 50%; top: 0; margin-left: -960px;}



.inner-banner.h462,.inner-banner.h462 img{ height: 462px;}



.crumbs{ font-size: 13px; color: #666; line-height: 24px; padding: 30px 0;}

.crumbs a{ color: #666; display: inline-block;}

.crumbs .home{ padding-left: 25px; background: url(../image/cimg01.png) 0 4px no-repeat;}

.crumbs a:hover,.crumbs .on{ color: #ff6537;}

.crumbs .home:hover{ background-image: url(../image/cimg02.png);}



.crumbs.addpt{ padding-top: 110px;}



.carveout-title{ font-size: 36px; color: #333; line-height: 52px; text-align: center;}



.carve-out{ padding: 44px 0 64px;}

.carve-out dt{ float: left; width: 489px; height: 345px;}

.carve-out dt img{ display: block; width: 489px; height: 345px;}

.carve-out dd{ float: right; width: 466px; height: 343px; text-align: justify; font-size: 14px; line-height: 28px; color: #333; padding-top: 2px; overflow: hidden;}



.carve-out.reset{ padding: 61px 0 54px;}

.carve-out.reset dt,.carve-out.reset dd,.carve-out.reset dt img{ height: 367px;}

.carve-out.reset dd{ line-height: 24px; padding-top: 6px;}



.carve-out.reset02{ padding: 50px 0 43px;}

.carve-out.reset02 dt,.carve-out.reset02 dd,.carve-out.reset02 dt img{ height: 389px;}

.carve-out.reset02 dd{ line-height: 24px; padding-top: 0;}



.three-advantage{}



.threeadvantage-title{ line-height: 110px; font-size: 48px; color: #fff; text-align: center; font-weight: 700; background-color: #ff6537;}

.threeadvantage-title span{ display: inline-block; font-size: 55px; vertical-align: top; margin-top: 2px;}

.threeadvantage-title em{ display: inline-block; vertical-align: top;}



.three-advantage .subtitle{ text-align: center; font-size: 36px; color: #333; line-height: 72px;}

.three-advantage .subtitle em{ display: inline-block; width: 72px; height: 72px; font-size: 48px; margin-right: 18px; background: url(../image/cimg03.png) 0 0 no-repeat; vertical-align: middle;}

.three-advantage .subtitle strong{ font-weight: 700; vertical-align: top;}



.first-advantage{ padding: 55px 0 68px; border-bottom: 1px solid #ddd;}



.training-agency{ padding-top: 65px;}

.training-agency dt{ float: right; width: 558px;}

.training-agency dt img{ display: block; width: 558px; height: 302px;}

.training-agency dd{ float: left; width: 384px; height: 302px; overflow: hidden; font-size: 16px; color: #333; line-height: 40px;}



.second-advantage{ padding-top: 62px;}

.mentoring-program{ padding: 97px 0 90px; width: 1020px;}

.mentoring-program li{ float: left; width: 230px; height: 312px; margin-right: 20px;}

.mentoring-program li .number{ display: block; font-size: 27px; color: #fff; text-align: center; line-height: 74px; font-weight: 700; width: 74px; height: 74px; background: url(../image/cimg08.png) 0 0 no-repeat; margin: -37px auto 0;}

.mentoring-program li img{ display: block; margin: 26px auto 18px;}

.mentoring-program li .number-title{ width: 200px; font-size: 18px; color: #fff; line-height: 24px; text-align: center; font-weight: 700; padding-bottom: 18px; background: url(../image/cimg09.png) bottom repeat-x; margin: 0 auto;}

.mentoring-program li .info{ width: 200px; height: 118px; text-align: center; color: #fff; line-height: 24px; padding-top: 16px; overflow: hidden; margin: 0 auto;}



.mentoring-program.reset li{ width: 300px; height: 319px; margin-right: 40px;}

.mentoring-program.reset li .number{ width: 92px; height: 92px; font-size: 36px; line-height: 92px; margin-top: -46px; background-image: url(../image/cimg44.png);}

.mentoring-program.reset li img{ margin: 19px auto;}

.mentoring-program.reset li .number-title{ width: 260px; font-size: 20px;}

.mentoring-program.reset li .info{ padding-top: 13px; height: 56px; width: 221px;  font-size: 13px; line-height: 28px;}

.mentoring-program.reset li .info strong{ font-size: 18px;}



.mentoring-program.reset02{ padding-top: 78px;}

.mentoring-program.reset02 li{ width: 300px; height: 373px; margin-right: 40px;}

.mentoring-program.reset02 li .number{ width: 92px; height: 92px; font-size: 36px; line-height: 92px; margin-top: -46px; background-image: url(../image/cimg44.png);}

.mentoring-program.reset02 li img{ margin: 19px auto;}

.mentoring-program.reset02 li .number-title{ width: 260px; font-size: 20px; text-align: left;}

.mentoring-program.reset02 li .info{ padding-top: 13px; height: 132px; width: 260px; font-size: 16px; line-height: 21px; text-align: left;}



.third-advantage{ background-color: #ff6537; padding: 49px 0 53px;}

.third-advantage .third-title{ width: 378px; margin: 0 auto; color: #fff;}

.third-advantage .third-title em{ float: left; display: block; width: 72px; height: 72px; font-size: 48px; line-height: 72px; text-align: center; margin-right: 18px; background: url(../image/cimg10.png) 0 0 no-repeat;}

.third-advantage .third-title strong{ float: left; display: block; height: 44px; font-size: 36px; line-height: 44px; font-weight: 700; padding-top: 4px;}

.third-advantage .third-title i{ float: left; display: block; height: 22px;  line-height: 22px; font-size: 14px;}



.eigth-modularlist{ padding-top: 42px;}

.eigth-modularlist li{ padding-left: 82px; height: 70px; color: #fff; margin-bottom: 30px; overflow: hidden;}

.eigth-modularlist li .eigth-modulartitle{ left: 24px; font-size: 18px; padding-bottom: 10px;}

.eigth-modularlist li .info{ line-height: 18px; font-size: 14px;}



.eigth-modularlist .modular01{ background: url(../image/cimg11.png) 0 3px no-repeat;}

.eigth-modularlist .modular02{ background: url(../image/cimg12.png) 0 9px no-repeat;}

.eigth-modularlist .modular03{ background: url(../image/cimg13.png) 0 3px no-repeat;}

.eigth-modularlist .modular04{ background: url(../image/cimg14.png) 0 4px no-repeat;}

.eigth-modularlist .modular05{ background: url(../image/cimg15.png) 0 10px no-repeat;}

.eigth-modularlist .modular06{ background: url(../image/cimg16.png) 0 2px no-repeat;}

.eigth-modularlist .modular07{ background: url(../image/cimg17.png) 0 5px no-repeat;}

.eigth-modularlist .modular08{ background: url(../image/cimg18.png) 0 3px no-repeat;}



.eigth-modularlist .even{ float: left; width: 336px;}

.eigth-modularlist .odd{ float: right; width: 390px;}



.students-say{ padding: 63px 0 80px; position: relative;}

.students-say .title{ font-size: 36px; color: #333; line-height: 48px; text-align: center;}

.students-say .btn{ height: 30px; padding-bottom: 14px; text-align: right;}

.students-say .btn a{ display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #ddd; font-size: 20px; color: #333; margin-left: 10px;}

.students-say .btn a:hover{ background-color: #ff6537; border-color: #ff6537; color: #fff;}

.studentssay-list{ position: relative; width: 10000px;}

.studentssay-list li{ width: 230px; float: left; margin-right: 20px;}

.studentssay-list li img{ display: block; width: 230px; height: 188px;}

.studentssay-list li .text{ border: 1px solid #ddd; padding: 13px 10px 18px 8px; line-height: 24px;}

.studentssay-list li .identity{ color: #0191e5; font-size: 16px; font-weight: 700;}

.studentssay-list li .identity a{ color: #0191e5;}

.studentssay-list li .info{ font-size: 14px; color: #333; height: 96px; overflow: hidden;}



.base-ambient{ padding: 42px 0 93px;}

.base-ambient .title{ font-size: 36px; color: #333; line-height: 48px; text-align: center; padding-bottom: 45px;}

.base-ambient.reset{ padding: 66px 0 51px;}



.class-nominate{ padding: 54px 0 76px;}

.class-nominate .title{ font-size: 36px; color: #333; line-height: 48px; text-align: center;}

.classnominate-list{ padding: 34px 0 30px; width: 1000px;}

.classnominate-list li{ position: relative; float: left; width: 320px; height: 240px; margin: 0 10px 8px 0; overflow: hidden;}

.classnominate-list li img{ display: block; width: 100%; height: 100%;}

.classnominate-list li .mask{ position: absolute; width: 100%; height: 100%; left: 0; bottom: -200px; z-index: 999; background: url(../image/mask-bg.png) repeat;}

.classnominate-list .class-name{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.classnominate-list .classname-big{ width: 100%; height: 40px; margin: 72px 0 34px; line-height: 40px; text-align: center; color: #fff; font-size: 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.classnominate-list .btn{ text-align: center;}

.classnominate-list .btn a{ display: inline-block; margin: 0 5px; width: 90px; height: 33px; line-height: 33px; font-size: 14px; color: #333; background-color: #fff;}

.classnominate-list .btn a:hover{ color: #ea5d32;}

.class-nominate .look-more{ display: block; width: 151px; height: 45px; font-size: 16px; color: #fff; line-height: 45px; text-align: center; margin: 0 auto; background-color: #ff6537;}

.class-nominate .look-more:hover{ background-color: #ea5d32;}



/*大军师资*/

.free-trial{ padding: 13px 0 59px;}

.freetrial-title{ line-height: 52px; font-size: 36px; color: #333; text-align: center;}

.freetrial-title span{ display: inline-block; line-height: 75px; font-size: 80px; color: #0191e5;}

.freetrial-title .fz48{ font-size: 48px;}

.free-trial .text{ text-align: center; padding: 17px 0 31px; line-height: 30px; font-size: 16px; color: #333;}

.free-trial .btn{ }

.free-trial .btn a{ display: block; width: 165px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; margin: 0 auto; background: url(../image/cimg19.png) 0 0 no-repeat;}

.free-trial .btn a:hover{ background-image: url(../image/cimg20.png);}



.more-teacher{ border-top: 1px solid #ddd; padding-top: 44px;}

.more-teacher .title{ font-size: 36px; color: #333; line-height: 48px; text-align: center;}

.more-teacher .text{ font-size: 16px; color: #333; line-height: 30px; text-align: center; padding: 20px 0 42px;}



.more-teacher .orange-bg{ padding: 58px 0 55px;}

.more-teacher .orange-bg .pic{ text-align: center; padding-bottom: 28px;}

.more-teacher .orange-bg .pic img{ display: inline-block;}

.more-teacher .orange-bg .info{ line-height: 28px; font-size: 14px; color: #fff; text-align: center;}



.dajun-teacher{ padding: 39px 0 93px; color: #333;}

.dajun-teacher dt{ float: left; width: 320px; padding-left: 171px;}

.dajun-teacher dt img{ display: block; width: 320px; height: 424px;}

.dajun-teacher dd{ float: right; width: 463px;}

.dajun-teacher dd .name{ font-size: 24px; font-weight: 700; line-height: 34px; padding: 5px 0 7px;}

.dajun-teacher dd .info{ line-height: 30px; font-size: 16px; padding-bottom: 12px;}

.dajun-teacher dd .ewm-tip{ font-size: 14px; line-height: 28px;}

.dajun-teacher dd img{ display: block;}



.teachres-list{}

.teachres-list .title{ font-size: 36px; color: #333; line-height: 48px; text-align: center;}

.teachres-list .text{ font-size: 20px; color: #ff6537; font-weight: 700; line-height: 38px; text-align: center; padding-bottom: 50px;}



.teachres-list ul{ padding-bottom: 91px;}

.teachres-list ul li{ padding: 28px 0 32px; height: 162px; overflow: hidden;}

.teachres-list ul li .portrait{ position: relative; float: left; width: 162px; height: 162px; margin-left: 91px;}

.teachres-list ul li .portrait img{ display: block; width: 162px; height: 162px;}

.teachres-list ul li .portrait .bg{ position: absolute; width: 162px; height: 162px; top: 0; left: 0; z-index: 99;}

.teachres-list ul li .info{ float: right; width: 590px; padding-right: 108px; color: #333;}

.teachres-list ul li .info .name{ font-weight: 700; font-size: 24px; line-height: 40px; padding: 27px 0 13px;}

.teachres-list ul li .info .brief{ font-size: 16px; line-height: 24px;}



.teachres-list ul li.odd{ background-color: #f7f7f7;}

.teachres-list ul li.odd .bg{ background-image: url(../image/cimg21.png);}

.teachres-list ul li.even .bg{ background-image: url(../image/cimg22.png);}



/*电商运营测试*/

.inner-subnav{ width: 100%; background: #fff url(../image/cimg35.jpg) bottom repeat-x; height: 55px; text-align: center; overflow: hidden;}

.inner-subnav .web980{ width: auto; margin: auto; display: inline-block; *display: inline; *zoom: 1;}

.inner-subnav .web980:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.inner-subnav a{ float: left; height: 24px; line-height: 24px; padding: 16px 24px 12px; font-size: 18px; color: #333; border-left: 1px solid #ddd; border-bottom: 3px solid transparent;}

.inner-subnav a:hover,.inner-subnav a.on{ border-bottom-color: #ff6537; color: #ff6537;}

.inner-subnav a.last{ border-right: 1px solid #ddd; padding: 16px 29px 12px;}



.test-crumbs{ color: #333; text-align: center; line-height: 24px; padding-bottom: 54px;}

.test-crumbs .title{ line-height: 85px; padding-bottom: 6px; font-size: 60px; font-weight: 700;}

.test-crumbs .text{ font-size: 24px; padding-bottom: 35px; font-weight: 700;}

.test-crumbs .info{ font-size: 15px; color: #666; font-weight: 700;}

.test-crumbs .info span{ display: inline-block; width: 32px; height: 15px;}

.test-crumbs .info .left-quotes{ background: url(../image/cimg23.png) 0 1px no-repeat;}

.test-crumbs .info .right-quotes{ background: url(../image/cimg24.png) right 1px no-repeat;}



.test-formbox{ border: 2px solid #313131; padding: 20px 16px; margin-bottom: 100px;}

.test-formbox .bd{ border: 2px solid #666; padding: 30px 25px 56px;}

.test-list{ font-weight: 700;}

.test-list dt{ line-height: 30px; font-size: 18px; color: #333; padding-bottom: 5px;}

.test-list dt .black-drop{ display: inline-block; width: 30px; height: 30px; margin-right: 14px; text-align: center; color: #fff; background: url(../image/cimg25.png) 0 0 no-repeat;}

.test-list dd{ padding: 0 0 43px 43px; line-height: 30px; color: #f17419; font-size: 16px;}

.test-list dd .radio{ display: inline-block; width: 49%;}

.test-list dd .number{ color: #b5b5b5; margin-left: 4px;}



.tester-contact{ width: 820px; margin: 0 auto; border-top: 1px dotted #dcdcdc; padding-top: 54px;}

.tester-contact .tip{ line-height: 24px; font-size: 18px; color: #333; padding-bottom: 35px;}

.tester-contact .tip span{ color: #e2413f;}

.tester-contact ul{}

.tester-contact ul li{ float: left; width: 380px; padding-bottom: 10px;}

.tester-contact ul li span{ float: left; width: 78px; height: 32px; font-size: 16px; color: #333; line-height: 32px; text-align: right;}

.tester-contact ul li span em{color: #e2413f; margin-right: 5px;}

.tester-contact ul li .text{ float: right; height: 30px; line-height: 30px; background-color: #f7f7f7; font-size: 14px; color: #a6a6a6; width: 270px; padding: 0 10px; border: 1px solid #e0e0e0;}

.tester-contact ul li select{ float: right; height: 30px; line-height: 30px; background-color: #f7f7f7; font-size: 14px; color: #a6a6a6; width: 292px; border: 1px solid #e0e0e0;}

.tester-contact ul li .input-tip{ float: right; width: 292px; height: 24px; line-height: 24px; font-size: 12px; color: #333;}

.test-formbox .submit{ display: block; width: 162px; height: 42px; margin: 30px auto 0; background-color: #f17419; font-size: 18px; color: #fff; text-align: center; line-height: 42px;}

.test-formbox .submit:hover{ background-color: #ed8b00;}



/*新闻详情*/

.main-left{ float: left; width: 660px;}

.main-right{ float: right; width: 290px; background-color: #f2f2f2; padding-top: 28px;}



.newdetail-top{ background-color: #f6f6f6;}

.newdetail-top .title{ font-size: 20px; color: #333; line-height: 32px; padding: 10px; text-align: center;}

.newdetail-top .newdetail-crumbs{ padding: 0 0 13px 116px; text-align: center; font-size: 12px; color: #999; line-height: 24px;}

.newdetail-top .newdetail-crumbs .dib{ float: left;}

.newdetail-top .newdetail-crumbs em{ margin-right: 16px;}

.newdetail-top .bdsharebuttonbox{ margin-left: 14px;}



.newdetail-cont{ padding: 38px 0 35px;}

.newdetail-cont p{ font-size: 16px; color: #666;}

.back a{ display: block; width: 104px; height: 36px; margin: 0 auto; background-color: #f17419; font-size: 18px; color: #fff; text-align: center; line-height: 36px;}

.back a:hover{ background-color: #ff6537;}

.prev-next{ margin-top: 40px; border-top: 1px solid #bfbfbf; padding: 20px 0 50px;}

.prev-next a{ display: block; width: 49%; font-size: 14px; color: #666; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.prev-next .fr{ text-align: right;}

.prev-next a:hover{ color: #f17419;}



.main-right .menu-tip{ line-height: 24px; height: 24px; overflow: hidden;}

.main-right .menu-tip span{ float: left; width: 190px; font-size: 18px; color: #333; font-weight: 700;}

.main-right .menu-tip a{ float: right; width: 50px; color: #ff6537; font-size: 14px; margin-top: 4px; font-weight: 400;}

.main-right .menu-tip a:hover{ text-decoration: underline;}

.good-new .menu-tip{ padding: 0 24px 10px 20px;}

.goodnewlist-box{ padding: 13px 24px 16px 20px; height: 230px; overflow: hidden; background-color: #ebebeb;}

.goodnew-list{ position: relative; width: 246px; height: 230px; overflow: hidden;}

.goodnew-list ul{ position: absolute;}

.goodnew-list li{ padding-bottom: 8px; height: 38px; overflow: hidden;}

.goodnew-list li a{ display: block; line-height: 19px;}

.goodnew-list li a span{ color: #f00;}

.goodnew-list li a:hover{ color: #f00;}



.hot-read{ padding-bottom: 46px;}

.hot-read .menu-tip{ padding: 40px 24px 10px 20px;}

.hotread-top{ padding: 0 24px 25px 20px; background: url(../image/cimg41.jpg) bottom no-repeat; margin-bottom: 14px;}

.hotread-top img{ display: block; width: 250px; height: 140px;}

.hotread-top .date{ font-family: 20px/24px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #999; padding: 16px 0 10px;}

.hotread-top .title a{ font-size: 16px; font-weight: 700; color: #666; padding-bottom: 6px; width: 100%; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.hotread-top .text{ font-size: 12px; line-height: 20px; color: #333;}

.hotread-top .title a:hover{ color: #f17419;}



.hotread-list{ padding: 0 24px 0 20px;}

.hotread-list li{ line-height: 22px;}

.hotread-list li a{ float: left; width: 212px; height: 22px; font-size: 12px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.hotread-list li span{ float: right; width: 34px; text-align: right; font-size: 12px; color: #666;}

.hotread-list li a:hover{ color: #f17419;}



.hot-class{ padding: 0 24px 0 20px; overflow: hidden;}

.hot-class .menu-tip{ padding-bottom: 17px;}



.hotclass-list{ width: 256px; /* padding-bottom: 66px; */}

.hotclass-list li{ float: left; width: 120px; height: 90px; margin: 0 8px 12px 0; position: relative; overflow: hidden;}

.hotclass-list li a{ display: block;}

.hotclass-list li img{ display: block; width: 100%;}

.hotclass-list li .class-name{ position: absolute; width: 100%; height: 26px; font-size: 12px; color: #fff; text-align: center; line-height: 26px; background: url(../image/mask-bg.png) repeat; bottom: 0; z-index: 99; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.hotclass-list li a:hover .class-name{ color: #f17419;}



/*关于大军*/

.dajun-brief{ padding-top: 46px;}

.brief-title{ font-size: 36px; color: #333; text-align: center; line-height: 56px; border-bottom: 1px solid #ddd;}

.brief-entitle{ text-align: center;}

.brief-entitle span{ display: inline-block; font-size: 20px; color: #666; height: 36px; line-height: 36px; letter-spacing: 10px; border-top: 2px solid #ff6537; line-height: 36px; margin-top: -2px;}

.dajun-brief .cont{ line-height: 33px; font-size: 18px; color: #333; padding: 21px 0 74px; text-align: justify;}



.teaching-aim{ height: 90px; line-height: 90px; font-size: 30px; color: #fff; text-align: center; font-weight: 700; background-color: #ff6537; /* margin-bottom: 90px; */}



.contact-us{ margin-top: -42px;}

.contact-list{ padding: 41px 0 28px;}

.contact-list li{ float: left; text-align: center; width: 235px;}

.contact-list li .title{ font-size: 15px; font-weight: 700; color: #333; padding: 65px 0 13px;}

.contact-list li .text{ font-size: 14px; color: #666; line-height: 20px;}

.contact-list .bus{ width: 265px;}

.contact-list .address,.contact-list .bus{ background: url(../image/cimg29.png) right top no-repeat;}

.contact-list .address .title{ background: url(../image/cimg26.png) center 4px no-repeat;}

.contact-list .bus .title{ background: url(../image/cimg27.png) center 7px no-repeat;}

.contact-list .tel .title{ background: url(../image/cimg28.png) center 14px no-repeat;}



.qa{ padding: 27px 0 70px;}

.qa.reset{ padding: 47px 0 37px;}



.qa-list{ width: 1000px; padding: 45px 0 33px 0;}

.qa-list li{ float: left; width: 480px; height: 50px; background-color: #e6e6e6; font-size: 14px; line-height: 50px;  margin: 0 20px 10px 0;}

.qa-list li span{ float: left; padding-left: 16px; width: 356px; color: #333; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.qa-list li a{ float: right; padding: 0 7px 0 28px; color: #fff; background: #666 url(../image/cimg30.png) 14px no-repeat;}

.qa-list li a:hover{ background-color: #f17419;}



.qa .hot-line{ text-align: center; line-height: 32px; font-size: 18px; color: #333;}

.qa .hot-line span{ font-size: 24px; color: #ff6537; font-weight: 700;}

.qa .more-qa{ margin-top: 11px;}

.qa .more-qa a{ display: block; width: 203px; height: 42px; text-align: center; line-height: 42px; background-color: #ff6537; font-size: 14px; color: #fff; font-weight: 700; margin: 0 auto;}

.qa .more-qa a:hover{ background-color: #ec5d33;}

.tts a{display: block;
    width: 250px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background-color: #ff6537;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
	
	}
.tts a:hover{ background-color: #ec5d33;}
/*合作企业*/

.cooperate-list{ width: 1000px; padding-bottom: 50px;}

.cooperate-list li{ float: left; width: 178px; height: 133px; border: 1px solid #d9d9d9; margin: 0 20px 20px 0;}

.cooperate-list li img{ display: block; width: 178px; height: 133px;}

.cooperate-list li:hover{ border-color: #ec5d33;}



.page{ text-align: center;}





/*就业之星*/

.job-star{ width: 1010px; padding-bottom: 50px;}

.job-star li{ float: left; width: 309px; height: 370px; margin: 0 26px 49px 0;}

.job-star li a{ display: block; width: 307px; height: 368px; border: 1px solid #d9d9d9;}

.job-star li img{ display: block; width: 307px; height: 307px;}

.job-star li .name{display: block; width: 100%; height: 62px; font-size: 20px; color: #1a1a1a; line-height: 62px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.job-star li a:hover{ border-color: #ec5d33;}

.job-star li a:hover .name{ color: #ec5d3e;}



/*网校课堂*/

.inner-subnav02{ width: 100%; background: url(../image/cimg32.png) bottom repeat-x; height: 71px; text-align: center; overflow: hidden;}

.inner-subnav02 .web980{ width: auto; margin: auto; display: inline-block;  *display: inline; *zoom: 1;}

.inner-subnav02 .web980:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.inner-subnav02 a{ float: left; line-height: 24px; padding: 24px 22px 15px; font-size: 16px; color: #333; border-bottom: 3px solid transparent;}

.inner-subnav02 a:hover,.inner-subnav02 a.on{ border-bottom-color: #ff6537; color: #ff6537;}



.inner-subnavbox{ display: inline-block; position: relative; overflow: hidden;}



.inner-subnav.pf,.inner-subnav02.pf,.inner-subnav03.pf{ position: fixed; top: 0; left: 0; z-index: 999;}



.inner-subnav02.reset a{ padding: 24px 27px 15px;}



.video-title{ text-align: left;}

.video-title span{ padding-right: 10px;font-size: 24px; color: #333; line-height: 32px; text-align: left;}

.video-title .orangefont{ color: #ff6537;}

.video-title a{ text-align: right; color: #ff6537; font-size: 14px; line-height: 20px; margin-top: 12px;}

.video-title a:hover{ color: #f26034;}



.video-list{ padding: 26px 0 55px;}

.video-list dt{ float: left; width: 230px; height: 364px; position: relative;}

.video-list dt img{ display: block; width: 230px; height: 364px;}

.video-list dt .look-class{ bottom: 112px;}

.look-class{ position: absolute; left: 50%; margin-left: -49px; width: 99px; height: 31px; font-size: 14px; color: #fff; text-align: center; line-height: 31px; background: url(../image/cimg31.png) 0 0 no-repeat;}

.look-class:hover{ color: #fff;}

.video-list dd{ float: right; width: 730px; height: 364px; overflow: hidden;}



.army-groom{ padding: 26px 0 56px;}

.armygroom-list{ width: 1000px;}

.armygroom-list li{ position: relative; float: left; width: 230px; height: 216px; overflow: hidden; margin: 0 20px 20px 0; background-color: #f7f7f7;}

.armygroom-list li img{ display: block; width: 230px; height: 172px;}

.armygroom-list li .video-name{ line-height: 44px; color: #333; font-size: 16px; padding: 0 10px; width: 210px; height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.armygroom-list li .mask{ position: absolute; width: 100%; height: 172px; top: 0; left: 0; background: url(../image/mask-bg.png) repeat; display: none;}

.armygroom-list li .mask .look-class{ top: 50%; margin-top: -15px;}



.videolist-box{ width: 800px;}

.videolist-box li{ position: relative; float: left; width: 230px; height: 172px; overflow: hidden; margin: 0 20px 20px 0;}

.videolist-box li img{ display: block; width: 230px; height: 172px;}

.videolist-box li .mask{ position: absolute; width: 100%; height: 100%; bottom: -142px; left: 0; background: url(../image/mask-bg.png) repeat;}

.videolist-box li .mask .video-name{ line-height: 30px; color: #fff; font-size: 14px; padding: 0 10px; width: 210px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.videolist-box li .mask .look-class{ top: 50%; margin-top: -15px;}



/*下载中心*/

.down-title{ padding: 13px 0 26px; font-size: 24px; color: #333; line-height: 32px;}



.down-list{ padding-bottom: 40px; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px;}

.down-list dt{ float: left; width: 400px; height: 300px;}

.down-list dt img{ display: block; width: 400px; height: 300px;}

.down-list dd{ float: right; width: 550px; height: 300px; overflow: hidden;}

.down-list dd .software-name{ padding: 10px 0 13px; line-height: 32px; font-size: 24px; color: #ff6537;}

.down-list dd .software-name span{ font-size: 16px; color: #333; margin-left: 6px;}

.down-list dd .software-text{ line-height: 24px; font-size: 14px; color: #666; padding-left: 2px; text-align: justify;}

.down-list dd .software-crumbs{ padding: 37px 0 0 2px; height: 40px; overflow: hidden;}

.down-list dd .down{ float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #ff6537;}

.down-list dd .down:hover{ background-color: #ec5d33;}

.down-list dd .software-info{float: right; width: 130px; font-size: 12px; line-height: 20px; color: #808080; text-align: right; padding-top: 4px;}



.down-list.last{ border-bottom: none; margin-bottom: 0;}



/*学校新闻*/

.new-list{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px;}

.new-list dt{ float: left; width: 211px; height: 157px;}

.new-list dt img{ display: block; width: 211px; height: 157px;}

.new-list dd{ float: right; width: 438px;}

.new-list dd .new-title a{ display: block; width: 100%; height: 32px; line-height: 32px; font-size: 20px; color: #333; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.new-list dd .new-title a:hover{ color: #ff6537;}

.new-list dd .info{ font-size: 14px; color: #666; line-height: 24px; height: 72px; width: 100%; text-align: justify; overflow: hidden;}

.new-list dd .date{ margin-top: 10px; font-size: 12px; color: #666; line-height: 24px;}


/*师资*/

.shizi-list{ padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px;}

.shizi-list dt{ float: left; width: 150px; height: 157px;}

.shizi-list dt img{ display: block; width: 150px; height: 157px;}

.shizi-list dd{ float: right; width: 490px;}

.shizi-list dd .shizi-title a{ display: block; width: 100%; height: 32px; line-height: 32px; font-size: 20px; color: #333; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.shizi-list dd .shizi-title a:hover{ color: #ff6537;}

.shizi-list dd .info{ font-size: 14px; color: #666; line-height: 24px; height: 72px; width: 100%; text-align: justify; overflow: hidden;}

.shizi-list dd .date{ margin-top: 10px; font-size: 12px; color: #666; line-height: 24px;}




/*作品展示*/

.opus-list{ width: 1020px;}

.opus-list li{ float: left; padding: 0 4px 8px; width: 300px; /* height: 359px; */ margin: 0 28px 17px 0; background: url(../image/cimg33.png) 0 0 no-repeat;}

.opus-list li .pic{ display: block; border: 1px solid #d9d9d9; padding: 51px 9px 51px 10px;}

.opus-list li .pic img{ display: block; width: 280px; /* height: 196px; */}

.opus-list li .text{ display: block; font-size: 16px; color: #1a1a1a; line-height: 60px; text-align: center;}

.opus-list li a:hover .pic{ border-color: #ff6537;}

.opus-list li a:hover .text{ color: #ff6537;}



/*就业中心*/

.star-list{ width: 1000px; padding: 24px 0 60px;}

.star-list li{ width: 238px; height: 237px; overflow: hidden; position: relative; float: left; margin: 0 10px 10px 0;}

.star-list li img{ display: block; width: 238px; height: 237px;}

.star-list li a{ position: absolute; bottom: -205px; left: 0; width: 100%; height: 100%; font-size: 14px; text-align: center; color: #fff; background: url(../image/mask-bg.png) repeat; z-index: 99;}

.star-list li .name{ display: block; line-height: 32px; font-weight: 700;}

.star-list li .name02{ display: inline-block; font-weight: 700; line-height: 24px; padding-bottom: 14px; margin-bottom: 17px; border-bottom: 1px solid #fff; padding-top: 55px;}

.star-list li .info{ display: block; line-height: 20px;}



.style-box{ padding: 46px 0 40px; position: relative;}

.style-list{ padding-top: 33px; position: relative; height: 208px; width: 1000px; overflow: hidden;}

.style-list li{ float: left; width: 237px; margin-right: 11px;}

.style-list li img{ display: block; width: 237px; height: 176px;}

.style-list li span{ display: block; line-height: 32px; font-size: 14px; color: #333; text-align: center; width: 100%; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.style-list li a:hover span{ color: #ff6537;}

.style-box .style-btn{ position: absolute; width: 27px; height: 84px; top: 50%; margin-top: -18px; z-index: 9;}

.style-box .prev{ left: 0; background: #d9d9d9 url(../image/cimg34.png) center no-repeat;}

.style-box .next{ right: 0; background: #d9d9d9 url(../image/cimg35.png) center no-repeat;}

.style-box .style-btn:hover{ background-color: #ff6637;}



.culture-salon{ padding-top: 54px;}

.culture-salon ul{ padding: 25px 0 72px;}

.culture-salon ul li.list1,.culture-salon ul li.list2{ left: 0;}

.culture-salon ul li.list1,.culture-salon ul li.list3,.culture-salon ul li.list4{ top: 25px;}

.culture-salon ul li.list4,.culture-salon ul li.list5{ right: 0;}

.culture-salon ul li.list2,.culture-salon ul li.list5{ top: 269px;}



.culture-salon ul li>p{ color: #fff; background-image: url(../image/mask-bg.png);}



.job-modular{ float: left; width: 313px; height: 488px; padding: 56px 0 85px; position: relative;}

.job-modular.middle{ padding: 56px 20px 85px;}

.jobmodular-top{ position: relative; width: 313px; height: 234px; padding-top: 25px;}

.jobmodular-top img{ display: block; width: 313px; height: 234px;}

.jobmodular-top span{ position: absolute; bottom: 0; left: 0; background: url(../image/mask-bg.png) repeat; font-size: 16px; color: #fff; line-height: 40px; height: 40px; width: 273px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 9;}

.jobmodular-top a:hover span{ background-image: url(../image/cimg36.png);}

.jobmodular-list{ width: 270px; background-color: #f7f7f7; padding: 12px 22px 46px 21px; }

.jobmodular-list li{}

.jobmodular-list li a{ display: block; height: 27px; line-height: 27px; width: 255px; color: #666; font-size: 14px; padding-left: 15px; background: url(../image/cimg37.png) 0 no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.jobmodular-list li a:hover{ background-image: url(../image/cimg38.png); color: #ff6637;}

.job-modular .more{ position: absolute; bottom: 60px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(../image/cimg39.png) 0 0 no-repeat; z-index: 9;}

.job-modular .more:hover{ background-image: url(../image/cimg40.png);}



.cooperate-box{ padding: 45px 0 85px;}

.cooperate-box ul{ margin-top: 35px;}



/*课程*/



.inner-subnav03{ width: 100%; background-color: #fff; text-align: center;}

.inner-subnav03 .web980{ width: auto; margin: auto; display: inline-block; *display: block; *zoom: 1;}

.inner-subnav03 .web980:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.inner-subnav03 a{ padding: 16px 17px 12px; float: left;}

.inner-subnav03 a.last{ padding: 16px 23px 12px;}



.teacher-team{ padding-top: 37px; background: url(../image/cimg137.jpg) bottom repeat-x;}

.teacher-team .title{ line-height: 74px; text-align: center; font-size: 36px; color: #333;}



.student-style{ width: 1000px; padding-top: 39px;}

.student-style li{ float: left; width: 192px; height: 192px; margin: 0 4px 5px 0; position: relative;}

.student-style li img{ display: block; width: 192px; height: 192px;}

.student-style li a{ position: absolute; top: 0; left: 0; width: 178px; height: 162px; padding: 30px 0 0 14px; line-height: 20px; color: #fff; background: url(../image/mask-bg.png) repeat; display: none;}

.student-style li a h4 { font-size: 18px; font-weight: bold; padding-bottom: 32px; background: url(../image/line2.gif) no-repeat 0 38px; }



.studentstyle-box{ padding: 40px 0 73px;}

.studentstyle-box .title{ font-size: 36px; color: #333; line-height: 50px; text-align: center;}



.student-style li.first,.student-style li.first img{ width: 390px; height: 390px;}

.student-style li.first a{ padding: 134px 0 0 130px; width: 258px; height: 256px;}



.calendar-title{ height: 90px; margin: 0 auto; color: #333; overflow: hidden;}

.calendar-title em{ float: left; width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 60px; margin-right: 14px; background: url(../image/cimg45.png) 0 0 no-repeat;}

.calendar-title i{ float: left; width: 50%; padding: 7px 0 0 2px; font-size: 18px; line-height: 28px;}

.about-class .calendar-title i{ width: 60%;}

.about-class .w464 i,.senior-class .w392 i{ width: 65%;}

.calendar-title strong{ float: left; font-weight: 700; font-size: 36px; line-height: 55px;}



.senior-class{ padding-top: 60px;}

/*.senior-tab{ padding: 56px 0 0 64px;width: 916px; margin: 0 auto;}*/

.senior-tab{ padding-top: 56px; text-align: center; margin: 0 auto;}

.senior-tab a{ display: inline-block; margin: 0 46px; line-height: 20px; font-size: 16px; color: #666; padding-bottom: 27px; text-align: center; font-weight: 700; position: relative;}

.senior-tab a:hover,.senior-tab a.on{ color: #ff653f;}

.senior-tab a.on span{ position: absolute; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #ff6537; bottom: -1px; left: 50%; margin-left: -12px;}



.senior-tab.reset a{ margin: 0 22px;}



.senior-class .orange-bg{ border-top: 1px solid #ff987a; height: 315px; overflow: hidden;}

.senior-tabcont{ height: 316px; position: relative; overflow: hidden; display: none;}

.senior-tabcont .text{ position: absolute; font-size: 16px; color: #fff; line-height: 30px; text-align: justify;}

.senior-tabcont .pic{ position: absolute;}



.senior-tabcont .text01{ width: 264px; top: 85px; left: 97px;}

.senior-tabcont .text02{ width: 264px; top: 91px; left: 110px;}

.senior-tabcont .text03{ width: 264px; top: 72px; left: 97px;}

.senior-tabcont .text04{ width: 264px; top: 75px; left: 128px;}

.senior-tabcont .text05{ width: 264px; top: 85px; left: 123px;}

.senior-tabcont .text06{ width: 264px; top: 52px; left: 30px; line-height: 40px;}

.senior-tabcont .text07{ width: 264px; top: 77px; left: 47px; line-height: 40px;}

.senior-tabcont .text08{ width: 828px; top: 58px; left: 0; font-size: 14px;}

.senior-tabcont .text08-01{ position: absolute; top: 0; left: 0; width: 250px;}

.senior-tabcont .text08-02{ position: absolute; top: 0; left: 274px; width: 250px;}

.senior-tabcont .text09{ width: 442px; top: 58px; left: 0; font-size: 14px;}

.senior-tabcont .text09-01{ position: absolute; top: 0; left: 0; width: 190px;}

.senior-tabcont .text09-02{ position: absolute; top: 0; left: 243px; width: 190px;}

.senior-tabcont .text10{ width: 442px; top: 58px; left: 0; font-size: 14px;}

.senior-tabcont .text10-01{ position: absolute; top: 0; left: 0; width: 310px;}

.senior-tabcont .text10-02{ position: absolute; top: 0; left: 350px; width: 190px;}

.senior-tabcont .text11{ width: 190px; top: 84px; left: 40px; line-height: 40px;}

.senior-tabcont .text12{ width: 504px; top: 60px; left: 2px; line-height: 24px; padding-bottom: 24px;}

.senior-tabcont .text13{ width: 368px; top: 48px; left: 0; line-height: 40px;}

.senior-tabcont .text13-01{ position: absolute; top: 0; left: 0; width: 206px;}

.senior-tabcont .text13-02{ position: absolute; top: 0; left: 230px; width: 144px;}

.senior-tabcont .text14{ width: 450px; top: 64px; left: 48px; line-height: 24px;}

.senior-tabcont .text15{ width: 588px; top: 39px; left: 0; line-height: 24px;}

.senior-tabcont .text15-01{ top: 0; left: 0;}

.senior-tabcont .text15-02{ top: 0; left: 302px;}

.senior-tabcont .text15-03{ top: 114px; left: 0;}

.senior-tabcont .text16{ width: 560px; top: 35px; left: 50px; line-height: 40px;}

.senior-tabcont .text17{ width: 488px; top: 35px; left: 22px; line-height: 20px; font-size: 14px;}

.senior-tabcont .text18{ width: 480px; top: 46px; left: 22px; line-height: 20px; font-size: 14px;}

.senior-tabcont .text19{ width: 528px; top: 36px; left: 11px; line-height: 20px; font-size: 14px;}

.senior-tabcont .pic01{ bottom: 0; right: 55px;}

.senior-tabcont .pic02{ bottom: 23px; right: 82px;}

.senior-tabcont .pic03{ bottom: 39px; right: 69px;}

.senior-tabcont .pic04{ top: 0; right: 82px;}

.senior-tabcont .pic05{ bottom: 12px; right: 102px;}

.senior-tabcont .pic06{ bottom: 0; right: 17px;}

.senior-tabcont .pic07{ bottom: 0; right: 53px;}

.senior-tabcont .pic08{ bottom: 0; right: 0;}

.senior-tabcont .pic09{ bottom: 12px; right: 93px;}

.senior-tabcont .pic10{ bottom: 19px; right: 39px;}

.senior-tabcont .pic11{ bottom: 53px; right: 14px;}

.senior-tabcont .pic12{ bottom: 21px; right: 11px;}

.senior-tabcont .pic13{ bottom: 0; right: 64px;}

.senior-tabcont .pic14{ bottom: 22px; right: 100px;}

.senior-tabcont .pic15{ bottom: 0; right: 2px;}

.senior-tabcont .pic16{ bottom: 0; right: 136px;}

.senior-tabcont .pic17{ top: 0; right: 19px;}

.senior-tabcont .pic18{ bottom: 0; right: 19px;}

.senior-tabcont .pic19{ bottom: 16px; right: 30px;}



.dnyx{ padding-top: 15px;}

.dnyx li{ float: left; width: 150px; line-height: 40px;}



.jpkf{ width: 284px; font-size: 14px; line-height: 20px; position: absolute;}

.jpkf dt{ float: left; width: 42px;}

.jpkf dd{ float: left; width: 238px;}



.aboutclass-tab.reset02{ margin-top: 25px;}

.aboutclass-tab.reset02 a{ width: 120px; background: url(../image/cimg57.png) center top no-repeat; margin-right: 58px;}

.aboutclass-tab.reset02 a:hover{ background-image: url(../image/cimg58.png);}

.aboutclass-tab.reset02 a span{ display: block; width: 63px; height: 63px; margin: 0 auto 10px; font-weight: 700; color: #fff; font-size: 28px; text-align: center; line-height: 63px;}

.aboutclass-tab.reset02 .word1{ background: url(../image/cimg59.png) center no-repeat;}

.aboutclass-tab.reset02 .word2{ background: url(../image/cimg60.png) center no-repeat;}

.aboutclass-tab.reset02 .word3{ background: url(../image/cimg61.png) center no-repeat;}

.aboutclass-tab.reset02 .base1{ background: url(../image/cimg62.png) center no-repeat;}

.aboutclass-tab.reset02 .base2{ background: url(../image/cimg63.png) center no-repeat;}

.aboutclass-tab.reset02 .base3{ background: url(../image/cimg64.png) center no-repeat;}

.aboutclass-tab.reset02 .pmgc1{ background: url(../image/cimg82.png) center no-repeat;}

.aboutclass-tab.reset02 .pmgc2{ background: url(../image/cimg83.png) center no-repeat;}

.aboutclass-tab.reset02 .pmgc3{ background: url(../image/cimg84.png) center no-repeat;}

.aboutclass-tab.reset02 .pmgc4{ background: url(../image/cimg85.png) center no-repeat;}

.aboutclass-tab.reset02 .ssyh1{ background: url(../image/cimg107.png) center no-repeat;}

.aboutclass-tab.reset02 .ssyh2{ background: url(../image/cimg108.png) center no-repeat;}

.aboutclass-tab.reset02 .ssyh3{ background: url(../image/cimg109.png) center no-repeat;}

.aboutclass-tab.reset02 .ztc1{ background: url(../image/cimg110.png) center no-repeat;}

.aboutclass-tab.reset02 .ztc2{ background: url(../image/cimg111.png) center no-repeat;}

.aboutclass-tab.reset02 .ztc3{ background: url(../image/cimg112.png) center no-repeat;}

.aboutclass-tab.reset02 .ztc4{ background: url(../image/cimg113.png) center no-repeat;}



.aboutclass-tab.reset03{ margin-top: 25px;}

.aboutclass-tab.reset03 a{ width: 120px; margin-right: 58px;}



.aboutclass-tab.reset-reset02 a{ width: 90px; margin-right: 42px;}



.jdblue-bg{ height: 100px; background-color: #0191e5; overflow: hidden;}

.jdtabcont02{ text-align: center; line-height: 100px; color: #fff; font-size: 40px; display: none;}



.jdtabcont02-small{ font-size: 24px; font-weight: 400;}



.jdtab{ border-bottom: 1px solid #ddd; height: 139px; margin-bottom: 24px;}

.jdtab a{ float: left; width: 117px; text-align: center; color: #333; padding-top: 28px; height: 109px; border-bottom: 2px solid transparent; position: relative; bottom: -1px; margin: 0 39px;}

.jdtab .number{ display: block; font-size: 50px; line-height: 56px;}

.jdtab .text{ display: block; font-size: 18px; font-weight: 700; line-height: 32px; padding-top: 5px;}

.jdtab a:hover,.jdtab a.on{ color: #0191e5; border-bottom-color: #0191e5;}

.jdtab a.on .arrow{ position: absolute; top: -1px; left: 50%; margin-left: -12px; width: 0; height: 0; border: 12px solid transparent; border-top-color: #0191e5;}



.jdtab.reset a{ margin: 0 64px;}



.jdtabcont-box{ height: 356px; overflow: hidden;}

.jdtabcont{ height: 356px; display: none; overflow: hidden;}



.make-money{ padding-top: 39px;}

.make-money.reset{ padding-top: 0; margin-top: -47px;}

.make-money .title{ font-size: 36px; color: #333; line-height: 52px; text-align: center;}

.makemoney-list{ width: 1020px; padding: 80px 0 42px;}

.makemoney-list li{ float: left; width: 300px; position: relative; height: 259px; margin-right: 40px;}

.makemoney-list li .number{ position: absolute; width: 92px; height: 92px; text-align: center; line-height: 92px; color: #fff; font-weight: 700; font-size: 36px; top: -48px; left: 50%; margin-left: -48px; background: url(../image/cimg44.png) 0 0 no-repeat; z-index: 99;}

.makemoney-list li img{ display: block; width: 300px; height: 225px;}

.makemoney-list li .text{ padding-top: 10px; line-height: 24px; color: #333; font-size: 16px; text-align: center; font-weight: 700;}



.about-class{ width: 100%; height: 520px; overflow: hidden; background-color: #f7f7f7; position: relative;}

.about-class .left-class{ width: 50%; height: 520px; position: absolute; top: 0; left: 0;}

.about-class .right-class{ width: 50%; height: 520px; position: absolute; top: 0; right: 0;}

.about-class img{ display: block;}

.about-class .calendar-title{ margin-left: 0;}

.about-class .po-l{ position: absolute; right: 15px; top: 0; width: 475px; padding-top: 31px; overflow: hidden;}

.about-class .po-r{ position: absolute; left: 15px; top: 0; width: 475px; padding-top: 31px; overflow: hidden;}

.about-class .info{ padding: 26px 0 28px; line-height: 20px; font-size: 14px; color: #666; text-align: justify;}

.about-class .cont{ font-size: 14px; color: #666;}

.about-class .class-list{}

.about-class .class-list li{ float: left; width: 49.5%; line-height: 24px;}

.about-class .class-list.lh20 li{ line-height: 20px;}

.about-class .pic-box{ position: absolute; top: 0; display: none;}

.about-class .pic-box02{ position: absolute; top: 0; right: 0;}

.about-class .left-class .pic-box{ right: 0;}

.about-class .right-class .pic-box{ left: 0;}



.aboutclass-tab{ border-bottom: 1px solid #ccc; width: 540px;}

.aboutclass-tab a{ float: left; line-height: 18px; font-weight: 700; padding-bottom: 10px; border-bottom: 2px solid transparent; width: 80px; text-align: center; font-size: 15px; color: #333; position: relative; bottom: -1px; margin-right: 52px;}

.aboutclass-tab.reset a{ width: 135px;}

.aboutclass-tab a:hover,.aboutclass-tab a.on{ color: #ff6537; border-bottom-color: #ff6537;}



.about-class .cont-box{ padding-top: 15px;}

.about-class .cont-box .cont{ line-height: 24px; display: none;}



.mhxms{}

.mhxms dt{ float: right; width: 468px; height: 297px;}

.mhxms dt img{ display: block; width: 468px; height: 297px;}

.mhxms dd{ height: 297px; overflow: hidden; float: left; padding-left: 49px; width: 450px;}



.qykhq{ width: 1070px;}

.qykhq li{ float: left; height: 134px; width: 446px; margin: 0 79px 38px 0;}

.qykhq li img{ float: left; width: 134px; height: 134px;}

.qykhq li .text{ float: right; width: 292px; font-size: 14px; color: #333;}



.byjzj{ width: 819px; margin: 0 auto;}



.hyqr{ position: relative; width: 100%; height: 100%;}

.hyqr .text{ position: absolute; width: 568px; color: #666; font-size: 16px;  top: 79px; left: 50%; margin-left: -284px;  text-align: center;}

.hyqr .bg{ position: absolute; bottom: 0; left: 0;}



.jyqjd{}

.jyqjd dt{ float: right; width: 357px; height: 282px;}

.jyqjd dt img{ display: block; width: 357px; height: 282px;}

.jyqjd dd{ float: left; color: #666; line-height: 22px; width: 604px; text-align: justify;}

.jyqjd{}



.fzkjd dt{ float: right; width: 357px; height: 282px; padding-top: 30px;}

.fzkjd dt img{ display: block; width: 357px; height: 282px;}

.fzkjd dd{ float: left; color: #666; line-height: 22px; padding-top: 36px; width: 564px; text-align: justify;}



.aboutclass-table{ width: 100%; border-collapse: collapse;}

.aboutclass-table tr{ font-size: 16px; color: #666; text-indent: 14px; height: 30px; line-height: 30px;}

.aboutclass-table tr td{ width: 50%; border: 1px solid #ccc;}



.dpzxsckc{ height: 287px; padding-top: 30px; overflow: hidden;}

.dpzxsckc dt{ float: right; width: 540px; height: 285px; position: relative;}

.dpzxsckc dt img{ position: absolute; bottom: 0; right: 0; max-width: 100%;}

.dpzxsckc dd{ float: left; width: 438px; height: 265px; color: #fff; padding-top: 20px;}



.xszp{ padding: 45px 0 40px;}

.xszp .title{ line-height: 56px; font-size: 36px; text-align: center; color: #333;}

.xszp .cont{ padding-top: 20px;}



.djwszstx{ padding: 60px 0 63px;}



.dsp{ font-size: 24px; color: #333; text-align: center; line-height: 30px; padding-top: 30px;}



/*课程中心*/

.classcenter-title{ line-height: 60px; text-align: center; font-size: 36px; color: #333;}

.classcenter-title span{ font-size: 45px; color: #0191e5; font-weight: 700;}

.classcenter-entitle img{ display: block; margin: 0 auto;}

.classcenter-subtitle{ text-align: center; font-size: 14px; color: #808080; padding-top: 6px; line-height: 24px;}



.class-introduce{ width: 1000px; padding: 34px 0 0;}

.class-introduce li{ float: left; width: 320px; /* height: 517px; */ margin: 0 10px 9px 0; position: relative; background-color: #f2f2f2; overflow: hidden;}

.class-introduce li img{ display: block; width: 320px; height: 240px;}

.class-introduce li .class-name{ position: absolute; top: 200px; left: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../image/mask-bg.png) repeat; z-index: 999;}

.class-introduce li .time{ line-height: 22px; color: #333; font-size: 14px; padding: 7px 0 0 49px; width: 238px; height: 118px; margin: 0 auto; border-bottom: 1px solid #ddd; background: url(../image/cimg101.png) 3px 10px no-repeat; overflow: hidden;}

.class-introduce li .time .day{ font-size: 16px; padding: 6px 0 4px; font-weight: 700;}

.class-introduce li .time .day i{ font-size: 14px; font-weight: 400;}

.class-introduce li .time span{ color: #ff6537;}

.class-introduce li .info{ width: 283px; height: 136px; padding: 15px 0 0 3px; margin: 0 auto; font-size: 13px; color: #666; line-height: 22px; overflow: hidden;}

.class-introduce li .info .tip{ font-size: 14px; color: #333; font-weight: 700;}



.class-introduce li:hover{ background-color: #d1d1d1;}



.class-target{ padding: 23px 0 54px;}

.class-target li{ float: left; width: 204px; height: 257px; text-align: center; color: #333; margin: 0 51px;}

.class-target li img{ display: block; margin: 0 auto;}

.class-target li .title{ padding: 25px 0 13px; line-height: 24px; font-size: 18px;}

.class-target li .text{ font-size: 14px; line-height: 22px;}



.crowd-suits{ padding: 30px 0 76px;}



/*2016.12.05 zxc*/

/*通话*/

.call-box{ background-color: #4ab182; padding: 70px 0 140px;}

.call-box .pic{ float: left; width: 475px; height: 406px; padding-left: 5px;}

.call-box .pic img{ display: block; width: 475px; height: 406px;}

.call-box .input-box{ float: right; width: 305px; height: 267px; padding: 109px 48px 40px 35px; background: url(../image/aimg08.png) 0 bottom no-repeat;}

.call-box .tip{ line-height: 31px; font-size: 24px; color: #fff;}

.call-box .entip{ line-height: 21px; font-size: 16px; color: #fff; text-transform: uppercase; padding-bottom: 21px;}

.call-box .input-text{ width: 100%; padding-bottom: 20px;}

.call-box .input-text span{ float: left; width: 80px; text-align: right; color: #fff; font-size: 20px; line-height: 31px;}

.call-box .input-text input{ float: right; width: 200px; padding: 0 3px; height: 31px; line-height: 31px; color: #2f4850; background: url(../image/aimg09.png) 0 0 no-repeat;}

.call-box .submit{ margin-top: 9px; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;  font-size: 20px; color: #fff; background: url(../image/aimg10.png) 0 bottom no-repeat; cursor: pointer;}



/*报名*/

.online-enroll{ padding: 120px 0 94px; background: url(../image/aimg02.jpg) center no-repeat;}

.online-enroll .cont{ float: left; padding-top: 14px; width: 570px; height: 387px; overflow: hidden;}

.online-enroll .cont .tip-pic{ display: block; width: 306px; height: 73px;  padding-bottom: 19px;}

.online-enroll .cont .info{ line-height: 28px; font-size: 17px; color: #fff; padding-bottom: 26px;}

.online-enroll .cont .num{ width: 515px;}

.online-enroll .cont .num strong{ float: left; font-size: 24px; font-weight: 700; color: #fff; width: 124px; text-align: right; line-height: 59px;}

.online-enroll .cont .num span{ float: right; width: 386px; height: 59px; background: url(../image/aimg12.png) 0 0 no-repeat;}

.online-enroll .cont .num span i{ float: left; padding: 0 15px 0 7px; color: #0a6cbf; font-size: 52px; font-weight: 700; line-height: 59px; letter-spacing: 21px;}

.online-enroll .cont .num span i.num01{ width: 53px;}

.online-enroll .cont .num span i.num02{ width: 159px;}

.online-enroll .cont .num span i.num03{ width: 106px;}

.online-enroll .input-box{ float: right; padding: 45px 27px 52px 26px; width: 316px; background: url(../image/aimg13.png) 0 bottom no-repeat;}

.online-enroll .input-box .tip{ line-height: 30px; font-size: 24px; color: #0a6dc0;}

.online-enroll .input-box .entip{ line-height: 20px; font-size: 16px; color: #0a6dc0; text-transform: uppercase; padding-bottom: 21px;}

.online-enroll .input-box .input-text{ width: 100%; margin-bottom: 15px;}

.online-enroll .input-box .input-text span{ float: left; width: 90px; text-align: right; color: #0a89d3; font-size: 18px; line-height: 34px; }

.online-enroll .input-box .input-text input,.online-enroll .input-box .input-text select{ float: right; width: 200px; padding: 0 3px; height: 29px; line-height: 29px; color: #0a89d3; border: 1px solid #ccc; outline: none;}

.online-enroll .input-box .input-text select{ width: 208px;}

.online-enroll .input-box .submit{ margin: 15px 0 0 30px; display: block; width: 285px; height: 38px; line-height: 38px; text-align: center;  font-size: 20px; color: #fff; background: url(../image/aimg14.png) 0 bottom no-repeat; cursor: pointer;}



/*试听*/

.audition-box{ padding: 74px 0 90px; background: url(../image/aimg03.jpg) center no-repeat;}

.audition-box .cont{ float: left; padding-left: 4px; width: 530px; height: 439px; overflow: hidden;}

.audition-box .cont .tip-pic{ display: block; width: 526px; height: 289px;  padding-bottom: 20px;}

.audition-box .cont .num{ width: 386px; height: 59px; background: url(../image/aimg18.png) 0 0 no-repeat; margin-left: 56px;}

.audition-box .cont .num i{ float: left; padding: 0 15px 0 7px; color: #24405e; font-size: 52px; font-weight: 700; line-height: 59px; letter-spacing: 21px;}

.audition-box .cont .num i.num01{ width: 53px;}

.audition-box .cont .num i.num02{ width: 159px;}

.audition-box .cont .num i.num03{ width: 106px;}

.audition-box .input-box{ float: right; padding: 24px 27px 37px 36px; width: 316px; background: url(../image/aimg19.png) 0 bottom no-repeat;}

.audition-box .input-box .tip{ line-height: 30px; font-size: 24px; color: #396cc7;}

.audition-box .input-box .entip{ line-height: 20px; font-size: 16px; color: #396cc7; text-transform: uppercase; padding-bottom: 26px;}

.audition-box .input-box .input-text{ width: 100%; margin-bottom: 19px;}

.audition-box .input-box .input-text span{ float: left; width: 90px; text-align: right; color: #396cc7; font-size: 18px; line-height: 34px; }

.audition-box .input-box .input-text input,.audition-box .input-box .input-text select{ float: right; width: 200px; padding: 0 3px; height: 32px; line-height: 32px; color: #396cc7; border: 1px solid #ccc; outline: none;}

.audition-box .input-box .input-text select{ width: 208px;}

.audition-box .input-box .submit{ margin-top: 10px; display: block; width: 329px; height: 37px; line-height: 37px; text-align: center;  font-size: 20px; color: #fff; background: url(../image/aimg20.png) 0 bottom no-repeat; cursor: pointer;}



/*20161219*/

/*回去顶部*/

#rocket-to-top div {

    left: 0;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    top: 0;

    width: 149px;

}

#rocket-to-top .level-2 {

    background: url("../image/rocket_button_up.png") no-repeat scroll -149px 0 transparent;

    display: none;

    height: 250px;

    opacity: 0;

    z-index: 1;

}

#rocket-to-top .level-3 {

    background: none repeat scroll 0 0 transparent;

    cursor: pointer;

    display: block;

    height: 150px;

    z-index: 2;

}

/*download by www.sucaijiayuan.com*/

#rocket-to-top {

    background: url("../image/rocket_button_up.png") no-repeat scroll 0 0 transparent;

    cursor: default;

    display: block;

    height: 250px;

    margin: -25px 0 0;

    overflow: hidden;

    padding: 0;

    position: fixed;

    right: 64px;

    top:85%;

    width: 149px;

    z-index: 11;

}





/*其他*/

.web980{ width: 980px; margin: 0 auto;}

.w212{ width: 212px;}

.w284{ width: 284px;}

.w290{ width: 290px;}

.w326{ width: 326px;}

.w392{ width: 392px;}

.w464{ width: 464px;}

.oh{ overflow: hidden;}

.gray-bg{ background-color: #f7f7f7;}

.blue-bg{ background-color: #0089e5;}

.blue-bg02{ background-color: #38a4ec;}

.yellow-bg{ background-color: #ed8b00;}

.yellow-bg02{ background-color: #f4a534;}

.yellow-bg03{ background-color: #fffbeb;}

.green-bg{ background-color: #6cb800;}

.green-bg02{ background-color: #87c331;}

.violet-bg{ background-color: #774ddd;}

.orange-bg{ background-color: #ff6537;}



.hfont{ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

.font20{ font-size: 20px;}

.font16{ font-size: 16px;}

.fw700{ font-weight: 700;}

.ti2{ text-indent: 2em;}

.pt65{ padding-top: 65px;}

.pt50{ padding-top: 50px;}

.pt42{ padding-top: 42px;}

.pt35{ padding-top: 35px;}

.pt26{ padding-top: 26px;}

.pt20{ padding-top: 20px;}

.pt17{ padding-top: 17px;}

.pt7{ padding-top: 7px;}

.pt6{ padding-top: 6px;}

.pb6{ padding-bottom: 6px;}

.pb10{ padding-bottom: 10px;}

.pb13{ padding-bottom: 13px;}

.pb16{ padding-bottom: 16px;}

.pb20{ padding-bottom: 20px;}

.pb22{ padding-bottom: 22px;}

.pb24{ padding-bottom: 24px;}

.pb25{ padding-bottom: 25px;}

.pb26{ padding-bottom: 26px;}

.pb28{ padding-bottom: 28px;}

.pb35{ padding-bottom: 35px;}

.pb92{ padding-bottom: 92px;}

.pb79{ padding-bottom: 79px;}

.pb83{ padding-bottom: 83px;}

.pb95{ padding-bottom: 120px;}

.pl8{ padding-left: 8px;}

.pl65{ padding-left: 65px;}

.pl168{ padding-left: 168px;}



.mlr10{ margin: 0 10px;}

.ml10{ margin-left: 10px;}



.h1468{ height: 1468px;}



.c3{ color: #333;}



.tac-pic{ padding: 24px 0;}

.tac-pic img{ display: block; margin: 0 auto;}



/*自定义动画*/

.myanimation {

    -webkit-animation: myanimation .2s linear infinite alternate;

    -moz-animation: myanimation .2s linear infinite alternate;

    -o-animation: myanimation .2s linear infinite alternate;

    animation: myanimation .2s linear infinite alternate;

}

 

@-webkit-keyframes myanimation{

    0%{ -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}

    100%{ -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);}

}

 

@-moz-keyframes myanimation{

    0%{ -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}

    100%{ -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);}

}

 

@-o-keyframes myanimation{

    0%{ -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}

    100%{ -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);}

}

 

@keyframes myanimation{

    0%{ -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}

    100%{ -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);}

}