@charset "utf-8";
/* CSS Document */
body {background-image: url(bg.jpg); background-repeat: no-repeat; background-position: center 60px}
*{ margin:0 auto; padding:0; border:0 none; font-family: "Microsoft Yahei";}
a{ text-decoration:none;cursor: pointer;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
.cle{float: none;clear: both;}
.lt{float: left;}
.rt{float: right;}
ul,li{list-style: none;}
.width{width: 1001px;margin: 0 auto;}
.wrap1004{width: 1004px;margin: 0 auto;}
.width1{width: 1200px;margin: 0 auto;}
.zhanwei{width: 100%;height: 1px;margin: 0;}
.size14{font-size: 14px;}
.size16{font-size: 16px;}
.size18{font-size: 18px;}
.clearfix { zoom:1;}
.clearfix:after { content:".";display:block;height:0;clear:both; visibility:hidden;}
.fl{float:left; display:inline;} 
.fr{float:right; display:inline;}
.wid1200 { width: 1200px; margin: 0 auto;}

/*公共样式*/
.tit {padding-top: 50px;text-align: center;}
.tit img { display: inline-block; margin: auto; width: 3%; vertical-align: middle; margin-bottom: 15px;}
.tit span { font-size: 40px; font-weight: 700; margin: 0 0 0 25px; color: #333;}
.tit p { text-align: center; font-size: 18px; padding-top: 10px;letter-spacing: 1px; color: #333333}
.tit p span { color: #7178d7; margin: 0; font-size: 18px; font-weight: normal}
.tab_btn { width: 260px; height: 48px; line-height: 48px; margin: 40px auto 0; display: block; text-align: center; background: #f05a73; color: #fff; font-size: 20px; border-radius: 24px;}

/*大势所趋*/
.box1 {width: 1200px; background: #fff; border-radius: 30px; margin-top: 643px}
.box1 img {margin: 20px 0 30px 60px}
.box1 div.right {width: 540px; margin: 50px 50px 0 0}
.box1 div.right div { box-shadow: 0 0 15px 0 #ddd; width: 520px; border-radius: 25px; text-align: center; font-size: 18px;; line-height: 50px; margin: 50px 0; padding-left: 10px}
.box1 div.right div a {margin: 0 auto; line-height: 50px; padding: 0 30px; font-size: 18px; color: #fff; background: #6570da; border-radius: 25px; display: block; float: right;width: 130px;}
.box1 div.right div a:hover {background:#4a5ad6 }

/*运筹帷幄*/
.box3 {width: 1200px; background: #fff; border-radius: 30px; margin-top: 100px; padding-bottom:20px}
.data2 {display: table;overflow: hidden;margin: 0 86px;}
.data2 .pic2 { position: absolute; top: 0; left: 0; z-index: -1;}
.data2 .image_container a { width: 100%;  height: 100%;  display: block;  float: left; perspective: 600px;  -webkit-perspective: 600px; -moz-perspective: 600px;}
.data2 .image_container a .pic1 {
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1 {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.data2 .image_container .fz .pic2 {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container .fz:hover .pic2 {
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}
.data2 .row01 {float: left;margin-right: 64px; margin-bottom: 30px; position: relative;z-index: 10;}
.data2 .row01 .pic1 { width: 100%; height: 100%;overflow: hidden;}
.data2 .row01 .pic1 .c-main { color: #333;font-size: 18px; text-align: center; padding: 10px 30px; width: 250px;position: absolute;top: 109px;}
.data2 .row01 .pic2 .pic2-bg {width: 282px; height: 75px; border-radius: 10px; z-index: 9999; position: absolute; top: 118px; left: 8px}
.data2 .row01 .pic2 .btn3 {
    margin: 0 70px;
    width: 142px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #6570da;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .1);
    border-radius: 20px;
    font-size: 20px;
    text-align: center;
}

/*开课班型*/
.box4 {width: 1200px; background: #fff; border-radius: 30px; margin-top: 80px; padding-bottom:20px}
.box4 .bg-img{margin: 50px 0 0 0}
.box4 .bg-img li {width: 188px; background-size: contain; position: relative; margin: 20px 25px 20px; float: left;  border: 1px solid #eee; border-radius: 20px; padding:15px 0;   background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);}
.box4 .bg-img li span {display: block; text-align: center}
.box4 .bg-img .f22 { font-size: 20px; color: #174180; font-weight: 700;line-height: 50px;}
.box4 .bg-img img { width: 60px; height: 60px; vertical-align: middle}
.box4 .bg-img li.liW {width: 248px}

/*课程内容选项卡*/
.box5 {width: 100%; background: url(bg_05.jpg) no-repeat top center; padding-bottom: 50px}
.classTableS {width:1150px; margin: 0 auto; position:relative; background: url(../images/classBg.jpg) no-repeat top}
.classTableNav { overflow:hidden; height:46px; margin-top: 30px}
.classTableNav li{float:left; text-align:center; display:block; zoom:1; cursor:pointer; padding: 0 20px; border-radius: 18px; height: 36px;background-color: #fff; border: 1px solid #ddd;text-align: center;line-height: 36px;font-size: 16px;float: left;margin-right:16px;}
.classTableNav li.active { color:#fff;  cursor:default; background-color: #6570da}

.classTableS table{width: 1150px;height: auto;margin-top: 20px; background: #ddd}
.classTableS table tr td{color: #221815; background: #fff; font-size: 16px;padding: 5px 0;line-height: 30px; text-align: center}
.classTableS table tr.tit td { padding: 10px 0; font-size: 17px;}

/*师资*/
#part7{width: 1200px; height: 300px; height: auto;position: relative;overflow: hidden; padding-bottom: 50px}
.classTableS01 {width:1200px; margin: 0 auto; position:relative; background: url(../images/classBg.jpg) no-repeat top}
.classTableNav01 { overflow:hidden; height:46px; margin-top: 30px; padding-left: 100px}
.classTableNav01 li{float:left; text-align:center; display:block; zoom:1; cursor:pointer; width:200px;height: 46px;background-color: #e9e9e9;text-align: center;line-height: 46px;color: #6570da;font-size: 20px;float: left;margin-right:66px; border-radius: 23px}
.classTableNav01 li.active { color:#fff;  cursor:default; background-color: #6570da;}
.tea {width: 180px; float: left; margin: 30px 20px 0 0; height: 240px;position:relative;}
.tea img {width: 180px;position:absolute;bottom:0px;}
.tea p {position:absolute;bottom:0px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; background-color: rgba(0,0,0,0.5); display: block; width: 100%; color: #fff}


/* 底部校区 */
#part9 {width: 100%; background: #6570da; padding: 30px 0}
#xiaoqu{ height:auto !important; overflow:hidden; padding:30px 0; background: #eeeeee; clear:both}
#xiaoqu:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.xiaoqu{ width:1000px; height:auto !important; overflow:hidden; margin:0 auto}
.xq_h3{ font-family:Microsoft YaHei,simhei; font-size:18px; font-weight:normal; width:129px; float:left; }
.left_block {padding-top: 30px;padding-bottom: 20px; width: 200px;float: left;}
.row{ width: 100%; font-family: "Microsoft YaHei"; font-size: 16px;color: #fff;}
.left_block .adjust{ padding-left: 40px; margin-top: -10px;}
.left_block .row1{line-height:36px; font-size: 32px; font-weight: bold; margin-top: 50px}
.left_block .row1 span {font-weight: normal; color: #FFBE00; font-size: 20px}
.xiaoqu_rt{ width:789px; padding-left:10px; height:auto; float:left; border-left:1px solid #c8c8c8; font-family: "Microsoft YaHei";}
.xiaoqu_rt * {padding:0; margin:0;}
.xiaoqu_rt a {text-decoration:none; color:#585858;}
.xiaoqu_rt a:hover {text-decoration:none;}
.xq_details{ width:258px; height:110px; padding-left:5px; float:left;}
.xq_details h4{ padding-left:10px; margin-top: 5px; width:200px; height:35px; line-height:35px; float:left; font-size:18px; text-align:left;color:#fff; font-weight: normal}
.xq_dert{ padding-left:10px; width:204px; float:left; font-size:12px;}
.xq_dert span{ display:block; padding-bottom:5px; line-height:150%; text-align:left;color:#e8eaff;}
.xq_dert a {float:left; margin-right:12px;}
.xq_dert a:hover {color:#f4ba4e;}
.xq_dert .iconmap{ cursor:pointer; color: #FFBE00; float: left;}
.xq_dert .icon1{ cursor:pointer; color: #3773c9; float: none;}
.fotzx_btn{ display:inline-block; padding:10px 30px; background: #fff; border-radius: 5px; color: #6570da !important; font: 18px "Microsoft YaHei"; margin-top: 20px}

.copyrightBox { width: 100%; padding: 30px 0; text-align: center; color: #fff; line-height: 24px; font-size: 14px; background: #333}