@charset "utf-8";
body{  }
*{ margin:0; padding:0;}
body,td,th{ font-size:13px; color:#555; font-family: "Microsoft YaHei";}
a{ font-size:13px; color:#555; text-decoration:none; font-family: "Microsoft YaHei";}
a:hover{ text-decoration:none; font-size:13px; color:#f56504; font-family: "Microsoft YaHei";}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{ margin:0; padding:0; list-style:none; border:0px;}
dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
ul,li{ list-style:none;}
input,textarea,slsct{ font-family:inherit; font-weight:inherit; font-size:13px;}
img{ border:0;}
.cl{ height:0px; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.cp img{ border:1px solid #ccc; padding:3px}
.cp img:hover{ border:1px solid #f56504; padding:3px;}

#head,#top,#nav,#sou,#kunhuo,#kecheng,#youshi,#body1,#case,#bady1,#about,#body2,#zxly,#links,#banquan{width:1200px; margin:0 auto; overflow:hidden;}



/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}




/*head*/
#head_bj{ width:100%; height:38px; border-bottom:1px solid #eee;}
#head{ height:38px; line-height:38px;}
.head_l{ line-height:38px;}
.head_r{ line-height:38px;}
 
/*top*/
#top{ padding-top:30px; padding-bottom:30px;}
.tel{ width:259px;}
.logo a{display: flex;justify-content: center;align-items: center;}
.logo img{width: 100px;margin-right:20px;}
.logo b{display: inline-block;margin-bottom: 5px;line-height: 40px;font-size:40px;color:#333;}
.logo span{display: block;width: 100%;height: 1px;background: #eee;margin: 8px 0;}
.logo p{font-size:20px;color:#666;letter-spacing:6px;}



/*nav*/
#nav_bg{ background:#f56504; width:100%;}
#nav li{ width:133px; height:61px; line-height:64px; text-align:center; float:left; display:block;}
#nav li a{ font-size:16px; display:block;  text-decoration:none; height:61px; color:#fff;}
#nav li a:hover{ background:#fff; display:block; text-decoration:none; font-size:16px; color:#f6672d}






 #flashs {
            position: relative;
        }
        
        #flashs .bgitem {}
        
        #flashs .btn {
            position: absolute;
            z-index: 7;
            bottom: 5px;
            right: 75%;
            margin-right: -470px;
            padding: 5px 6px;
        }
        
        #flashs .btn span {
            color: #f56504;
            background: #fff;
            border: 1px solid #f56504;
            cursor: pointer;
            display: inline-block;
            margin-left: 5px;
            padding: 2px 6px;
        }
        
        #flashs .btn span.cur {
            background: #f56504;
            color: #fff;
        }






/*sou*/
#sou_bg{ width: 100%; margin:0 auto; position:absolute; top:761px; background:url(../uploadfile/image/20180308/20180308105204_885221539.png) repeat-x; height:49px;}
.sou_l{ line-height:49px; font-size:14px; color:#fff;}
.sou_l a{ font-size:14px; color:#fff;}
.sou_r{ width:285px; padding-top:9px;}

/*kunhuo*/
#kunhuo_t{ background:url(../uploadfile/image/20180308/20180308142715_543987198.jpg) center no-repeat; height:37px; margin-top:60px; text-align:center; font-size:22px; color:#000; font-weight:bold; color:#000; padding-top:30px;}
#kunhuo_w{ font-size:16px; line-height:40px;  text-align:center; margin-top:40px;}

#kunhuo_m{ margin-top:30px;}
.kunhuo_m1{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152325_1610595707.jpg) center no-repeat; padding-top:73px; text-align:center; font-size:14px; line-height:26px; float:left;}
.kunhuo_m1:hover{ width:214px; height:167px; background:url(../uploadfile/image/20180623/20180623205111_908509945.jpg) center no-repeat; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.kunhuo_m2{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152325_459504897.jpg) center no-repeat; padding-top:73px; text-align:center; font-size:14px; line-height:26px; margin-left:32px; float:left;}
.kunhuo_m2:hover{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_1444283117.jpg) center no-repeat; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.kunhuo_m3{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152325_1062630444.jpg) center no-repeat; padding-top:73px; text-align:center; font-size:14px; line-height:26px; margin-left:32px; float:left;}
.kunhuo_m3:hover{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_2061913223.jpg) center no-repeat; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.kunhuo_m4{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_366393163.jpg) center no-repeat; padding-top:73px; text-align:center; font-size:14px; line-height:26px; margin-left:32px; float:left;}
.kunhuo_m4:hover{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_1238921373.jpg) center no-repeat; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.kunhuo_m5{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_881221636.jpg) center no-repeat; padding-top:73px; text-align:center; font-size:14px; line-height:26px; margin-left:32px; float:left;}
.kunhuo_m5:hover{ width:214px; height:167px; background:url(../uploadfile/image/20180308/20180308152326_532485908.jpg) center no-repeat; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}



/*标题*/
.title{padding:70px 0 35px 0;text-align: center;}
.title b{font-size: 40px;color:#333;}
.title t{color:#004fa2;}
.title p{margin-top: 5px;font-size:18px;color:#999;}
.page{ margin:0 auto;width: 1200px; }
.box{margin: 0 auto;width:94.6%;}

/*特色课程推荐*/
.prod_li{float:left;width: 32.45%;height:9.5vw;margin-bottom: 1.32%;overflow: hidden;}
.prod ul:last-child .prod_li{margin-bottom:0;}
.prod_li+div{margin-left: 1.32%;}
.prod_img ul{display: flex;}
.prod_img ul *{display:block;}
.prod_img li+li{margin-left: 1.6%;}
.prod_img a>img{width:385px;height: auto;}
.prod_img p{margin-bottom: 7%;height: 50px;line-height: 50px;text-align: center;background: #eee;}
.prod_img ul:last-child p{margin-bottom:0%;}
.prod_img li:hover p{background: #004fa2;}
.prod_img p>a{font-size: 16px;color: #333;}
.prod_img li:hover p>a{color: #fff;}




/*优势开始*/
.sz{width:240px; height: 320px; margin:10px 30px; float: left; text-align: center; margin-top: 20px;}
.sz .mfy{width: 100%; height: 50%; }
.sz .mfy a{ display:block;}
.sz .mfy .ss-box{width: 190px; height: 140px; margin: auto; border-radius: 10px;  transition:0.2s;}
.sz .mfy .ss-box img{margin-top: 32px;}
.sz .mfy .ss-box .dtc{display: none; padding: 3px 0; border: 1px solid#ffffff; font-size: 12px; width: 100px; margin: 4px auto 0 auto; color: white; border-radius: 20px;}
.sz:hover .ss-box{width: 100%; height: 100%;background:#fc8ba4; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition:0.3s;}
.sz:hover .ss-box .dtc{display: block;!important}

.sz .xl{width: 210px; height: 100px; margin: auto; transition:0.2s; border-radius: 10px;}
.sz .xl span{font-size: 18px; display: inline-block; margin: 14px 0;width:200px; height:40px; line-height:40px; border-radius:3px;}
.sz .xl p{color: #666666; line-height: 24px; display: none}

.sz:hover .xl{width: 100%; height: 50%; background: white; transition:0.3s;  border-top-left-radius: 0; border-top-right-radius: 0;}
.sz:hover .xl p{display: block;}
/*优势结束*/

/*youshi*/
#youshi{ margin-top:55px;}
#youshi_t{ font-size:14px; text-align:center; line-height:40px;}
#youshi_t span{ font-size:28px;}
#vertical a+a{margin-left:18px;}
#lc{ margin:0 auto; height:286px; margin-top:30px;}
#lcnr{width:1200px; margin:0 auto;}
.lctb{ width:286px; float:left; margin-right:15px; height:286px; line-height:30px; text-align:center;}
.lctb{ width:286px; float:left; height:286px; line-height:30px; text-align:center;}
.brand a{display: block; float: left; color:#555; width: 286px; height: 286px; text-align: left; position: relative;background: #eee;border-radius: 20px;    overflow: hidden;}
.brand .info{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;width:226px; height:226px; font-size:14px; line-height:26px; padding:30px;position: absolute;top: 0;}
.brand .info span{font-size: 18px;}
.brand .info p{font-size: 15px;margin: 10px 0 15px 0;}
.brand a:nth-child(2) .info p{margin:0px;}
.info_1{width: 100%;height: 286px;background: #f5f5f5;z-index: 2;position: absolute;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 0.3s;}
#vertical a:hover .info_1{transform: scale(0);}
.info_1 i img{width: 140px;height: 140px;border-radius: 100%;}
.info_1 p{margin: 25px 0 7px 0;font-size: 24px;color: #f56504;}
.info_1 span{font-size: 12px;color: #f56504;}




#yyal_d{ margin-top:50px; width:100%;}
#colee_left td > div { display: none;}
#colee_left td { padding:0px !important; box-shadow: 0 0 1px 1px #fff;}
#colee_left td > div { display: none;}
#colee_left td br { display: none;}
#colee_left td a,#colee_left td a img { display: block;}
#colee_left td a {
    border: 1px solid #fff;
}
/*body1*/
#body1_bg{ background:url(../uploadfile/image/20180309/20180309154438_942636306.jpg) center no-repeat; height:400px;}

.body1_w{ width:300px; height:400px; background:url(../uploadfile/image/20180309/20180309160632_1267387595.png) center no-repeat; font-size:14px; float:left;}
.body1_w a{ width:300px; height:400px; display:block; color:#fff;}
.body1_w a:hover{ background:#fff url(../uploadfile/image/20180309/20180309160633_1157235870.png) center no-repeat; font-size:14px; display:block; color:#555555;}
.body1_w1{ height:55px; text-align:center; padding-top:45px; line-height:30px; font-size:18px;}
.body1_w1 span{ font-size:14px; font-family:Arial; text-transform:Uppercase ;}
.body1_w2{ padding-top:80px; text-align:center; text-align:center; line-height:30px; font-size:14px;}

/*about*/
.cpzs_r{ width:1200px; position: relative; padding-top:30px; margin-top:30px;}
#tablit { width:441px; height:74px; float:right;}
#tablit dl{ float:left; height:74px;}
#tablit dl dd{float:left; width:147px; height:74px; background:url(../uploadfile/image/20180309/20180309171030_801750748.jpg) right no-repeat; line-height:74px; text-align:center; color:#f56504;}
#tablit .on{color:#f56504; font-size:16px; text-align:center; width:147px;}
#tablit .out{color:#000000; font-size:16px;}
#tablit .on a{ color:#f56504; font-size:16px;}
#tablit .out a{ font-size:16px;}
.tabcon{width:1200px; border-top:none; clear:both; position: relative;}
.dis{display:none;}

/*szjs*/
.xc_c li{ width:400px; float:left;}
.szjs_k{}
.szjs_m{ width:300px; float:left; margin:0px 50px; float:left;}
.szjs_1{ width:300px; height:300px;}
.szjs_2{ font-size: 16px; margin-top: 8px; margin-bottom: 8px; border-top: 1px solid black; border-bottom: 1px solid black; text-align:center; line-height:32px;}
.szjs_3{ margin-top:10px; font-size:16px; line-height:26px;}

.szjs_l{ position: absolute; top:433px; left:803px;}
.szjs_r{ position: absolute; top:433px; left:857px;}
.szjs_l a{ background:url(../uploadfile/image/20180310/20180310105644_413364463.jpg) no-repeat; width:22px; height:36px; display:block; float:left;}
.szjs_l a:hover{ background:url(../uploadfile/image/20180310/20180310105645_1082750864.jpg) no-repeat;}
.szjs_r a{ background:url(../uploadfile/image/20180310/20180310105645_944246708.jpg) no-repeat; width:22px; height:36px; display:block; float:left; }
.szjs_r a:hover{ background:url(../uploadfile/image/20180310/20180310105644_515772006.jpg) no-repeat;}

#ISL_Photo1 td div { display: none;}
/*szjs*/

#about_gd{ background:url(../uploadfile/image/20190412/20190412112732_235490753.png) no-repeat; width:157px; height:159px; position: absolute; top:0; left:0;}
#about_gd_w{ width:73px; height:26px; line-height:26px; text-align:center;}

/*about*/
.about_t{ background:url(../uploadfile/image/20180310/20180310115325_1397109964.jpg) top no-repeat; height:404px;}
.about_w{}
.about_l{ width:205px; float:right; background:url(../uploadfile/image/20180402/20180402095822_146022905.jpg) center no-repeat; height:140px;}
.about_2{ width:205px; float:right; background:url(../uploadfile/image/20180402/20180402095822_146022905.jpg) center no-repeat; height:99px;}

.about_r{ width:927px; height:110px; float:left; border-bottom:solid 1px #cccccc; line-height:32px; padding:30px 0px 0px 0px;}
.about_r a{ font-size:13px;}

.about_r2{ width:927px; height:59px; float:left; border-bottom:solid 1px #cccccc; line-height:26px; padding:40px 0px 0px 0px;}
.about_r2 a{ font-size:13px;}

/*body2*/
#body2{ margin-top:50px;}
#body2_t{ font-size:14px; text-align:center; line-height:40px;}
#body2_t a{ font-size:28px;}

#body2_m{ margin-top:50px;}
#body2_l{ width:580px; float:left;}
#body2_l td div { display: none;}
#body2_r{ width:550px; background:url(../uploadfile/image/20180310/20180310173238_1912663434.jpg) repeat-y; float:right;}

/*zxly*/
#zxly_bg{ background:url(../uploadfile/image/20220321/20220321154554_1192087685.jpg) center no-repeat; height:502px; margin-top:46px;}
#zxly_l{ padding:332px 0px 0px 327px; float:left;}
#zxly_l a{ width:175px; height:53px; position: absolute;}
#zxly_r{ width:300px; height:390px; float:right; margin-top:25px; padding:30px;}
#zxly_t{ background:url(../uploadfile/image/20180312/20180312090007_130305185.jpg) left no-repeat; height:29px; padding-left:40px; line-height:29px; font-size:26px; font-weight:bold; color:#333333; margin-bottom:21px;}
#zxly_w{ margin-top:21px;}
#zxly_w span{ font-size:22px; color:#000; height:61px; line-height:61px; font-weight:bold;}

/*links*/
#links_bg{ background:#f0f0f0; height:100px; line-height:46px;}
.links_l{ width:78px; float:left; padding-left:30px; line-height:46px; font-size:14px;}
.links_r{ width:1092px; float:right;}

/*banquan*/
#banquan_bg{ background:#292828; padding:40px 0px 80px;}
.bq_l{ width:256px; float:left; margin-left:108px;}
.bq_l li{ line-height:50px; width:128px; float:left; text-align:center;}
.bq_l li a{ color:#919191; font-size:16px;}

.bq_w{ float:left; width:368px; float:left; margin-left:90px;}
.bq_w li{ line-height:40px; text-align:left; font-size:16px; color:#919191;}

.bq_r{ float:left; width:140px; float:left; margin-left:142px;}

#fdh_bg{ background:#292828; border-top:solid 1px #454545; height:80px; line-height:42px; text-align:center; font-size:14px; color:#919191;}
#fdh_bg a{ color:#919191; font-size:14px;}