.wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto; }
.wrapper:after {
    content: "";
    clear: both;
    display: block; }

a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.header {
    box-sizing: initial;
    position:relative;
    width: 100%;
    height: 65px;
    background: #fff;
    z-index: 100;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    padding-top: 21px; }

.logos {
    float: left;
    display: block;
    margin-left: 21px; }

.header-left {
    width: 348px;
    height: 100%;
    float: left;
    background: url(../images/index-logo.png) no-repeat right top; }

.head-right {
    float: right;
    width: 387px;
    height: 54px; }

.index-login {
    margin-left: 40px;
    float: right;
    margin-right:27px; }
.index-login a {
    display: inline-block;
    width: 70px;
    height: 33px;
    margin-right: 8px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 10px;
    float: left; }

.register-btns {
    background: #4051a7;
    color: #fff; }
.register-btns:hover {
    background: #32439a; }

.login-btns {
    border: 1px solid #aaaaaa;
    color: #535353; }
.header-nav{
    float:left;
    margin-left:54px;
    margin-top:12px;
    height:calc(100% - 12px);
}
.header-nav:after{
    content:"";
    clear:both;
    display: block;
}
.header-nav>li{
    float:left;
    height:100%;
    margin-right:48px;
}
.header-nav>li>img{
    display:inline-block;
    width:13px;
    height:7px;
    margin-left:4px;

}
.header-nav>li>a{
    color:#444;
    font-size:16px;
}
.header-nav-wrap{
    display:none;
    position:absolute;
    top:85px;
    left:182px;
    width:436px;
    border:1px solid #eaeaea;
    background:#fff;
    padding-bottom:25px;
}
.header-nav-list-course{
    padding:0 45px;
    padding-top:10px;
}
.header-nav-list-course>li{
    margin-top:20px;
    padding-left: 27px;
    position:relative;
    line-height:20px;
}

.header-nav-list-course>li>a{
    color:#444444;
    font-size:12px;
}
.header-nav-list-course li span{
    float:right;
}
.header-nav-list-tit{
    font-size:12px;
    color:#666666;
    margin:0 30px;
    margin-top:25px;
    height:27px;
    line-height:27px;
    border:1px solid #edeff3;
    background:#f2f4f8;
    border-radius:13px;
    padding-left:15px;
}
.header-nav-list-major{
    padding-left:48px;
    padding-right:14px;
}
.header-nav-list-major:after{
    content:"";
    clear:both;
    display: block;
}
.header-nav-list-major li{
    float:left;
    padding-top:14px;
    width:33%;
    line-height:38px;
}
.header-nav-list-major li img{
    width:24px;
    display: inline-block;
    vertical-align: middle;
    margin-right:8px;
    transform:scale(0.8,0.8);
}
.header-nav-list-major li a{
    font-size:12px;
    color:#444;
}
.seeall-btn{
    width:100%;
    height:40px;
    display:block;
    text-align:center;
    line-height:40px;
    border-top:1px solid #eaeaea;
    background:#f4f5fb;
    color:#394da1;
    font-size:14px;
    margin-top:25px;
}

.nav-select>img{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);

    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}
.header-nav li.nav-select:hover .header-nav-wrap{
    display: block;
    opacity: 1;
    animation: myfirst 0.8s ease normal;
    -moz-animation: myfirst 0.8s ease normal;
    -webkit-animation: myfirst 0.8s ease normal;
}
.header-nav li.nav-select:hover>img{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);

    transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}



.vipjingpinke{
    width:100%;
    padding:55px 0;
    border-bottom: 1px solid #e0e0e0;
}
.mokuai-tit{
    font-size: 22px;
    color: #000;
    text-align: center;
    font-weight: 400;
}
.mokuai-txt{
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-top: 13px;
}
.vipke-wrap{
    width:1000px;
    margin:0 auto;
}
.vipke-wrap:after{
    content: "";
    clear: both;
    display: block;
}
.vipke-wrap>li{
    width:236px;
    height:227px;
    border-bottom:2px solid #ededed;
    float: left;
    margin-right: 18px;
    overflow: hidden;
    margin-top: 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    background:#fff;
}
.vipke-wrap>li:nth-child(4n){
    margin-right:0;
}
.vipke-wrap>li:hover{
    border-bottom:1px solid #ededed;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}
.vipke-wrap>li:hover .vipke-wrap-item-wrap{
    bottom:0;
}
.vipke-wrap-item img{
    display: inline-block;
    width:100%;
}
.vipke-wrap-item-wrap{
    position: absolute;
    bottom: -40px;
    width: 100%;
    height: 132px;
    background:#fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.vipke-wrap-item-content>h3{
    padding: 0 10px;
    padding-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vipke-wrap-item-content>h3>a{
    color: #444;
    font-size: 14px;
}
.vipke-wrap-item-content>p{
    padding-left: 34px;
    font-size: 12px;
    color: #888;
    padding-top: 14px;
    background: url(../images/numpeople.png) no-repeat 10px bottom;
}
.vipke-wrap-item-content>p:after{
    content:"";
    clear: both;
    display: block;
}
.vipke-wrap-item-shitin{
    float:right;
    font-size:12px;
    color:#fe5f11;
    padding-left:17px;
    background:url(../images/shiting.png) no-repeat left center;
    margin-right:12px;
}
.goumai-btn{
    position: absolute;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fe5f11;
    color: #fff;
    text-align: center;
    font-size: 14px;
    bottom:0;
}

.gd-btn {
    display: block;
    width: 189px;
    color: #fefefe;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 57px;
    background: #495bb8; }
.gd-btn:hover {
    background: #32439a; color: #fefefe;}

body {
    background: #f6f6f6; }

.wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #f9f9f9; }

.main {
    width: 1040px;
    margin: 0 auto;
    padding-top: 16px; }
.main > h2 {
    font-size: 24px;
    color: #444 px;
    padding-top: 44px;
    padding-bottom: 26px; }

.zhiyeke:after {
    content: "";
    clear: both;
    display: block; }
.zhiyeke li {
    width: 244px;
    height: 300px;
    margin-right: 15px;
    background: #fff;
    float: left;
    position: relative;
    margin-bottom: 17px;
    overflow: hidden;
    -webkit-transition: box-shadow .3s; }
.zhiyeke li:hover {
    box-shadow: 0 0 15px 3px #ccc; }
.zhiyeke li:hover .zy-h {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0); }
.zhiyeke li:nth-child(1) > .zy-item {
    background: url(../images/sy_qianru.png) no-repeat center 40px; }
.zhiyeke li:nth-child(2) > .zy-item {
    background: url(../images/sy_wulianwang.png) no-repeat center 40px; }
.zhiyeke li:nth-child(3) > .zy-item {
    background: url(../images/sy_android.png) no-repeat center 40px; }
.zhiyeke li:nth-child(4) > .zy-item {
    background: url(../images/sy_web.png) no-repeat center 40px; }
.zhiyeke li:nth-child(5) > .zy-item {
    background: url(../images/sy_ios.png) no-repeat center 40px; }
.zhiyeke li:nth-child(6) > .zy-item {
    background: url(../images/sy_vr.png) no-repeat center 40px; }
.zhiyeke li:nth-child(7) > .zy-item {
    background: url(../images/sy_ui.png) no-repeat center 40px; }

.zy-item {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3; }
.zy-item h3 {
    font-size: 18px;
    color: #444;
    text-align: center;
    padding-top: 178px; }
.zy-item p {
    font-size: 14px;
    color: #8795df;
    width: 202px;
    margin: 0 auto;
    line-height: 60px;
    border-top: 1px solid #f2f2f2;
    text-align: center;
    margin-top: 36px; }

.zy-h {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #6f7bb7;
    background: #808cc7;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s; }
.zy-h p:nth-child(1) {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 90px; }
.zy-h p:nth-child(2) {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 18px; }
.zy-h a {
    display: block;
    width: 141px;
    height: 37px;
    border: 1px solid #fff;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    border-radius: 3px; }

.chengzhangke:after {
    content: "";
    clear: both;
    display: block; }
.chengzhangke li {
    width: 244px;
    height: 234px;
    margin-right: 15px;
    background: #fff;
    float: left;
    position: relative;
    margin-bottom: 17px;
    overflow: hidden;
    -webkit-transition: box-shadow .3s; }
.chengzhangke li:hover {
    box-shadow: 0 0 15px 3px #ccc; }
.chengzhangke li:hover .cz-h {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0); }
.chengzhangke li:nth-child(1) > .cz-item {
    background: url(../images/cyuyan_zhong.png) no-repeat center 60px; }
.chengzhangke li:nth-child(2) > .cz-item {
    background: url(../images/linux_zhong.png) no-repeat center 56px; }
.chengzhangke li:nth-child(3) > .cz-item {
    background: url(../images/java_zhong.png) no-repeat center 54px; }
.chengzhangke li:nth-child(4) > .cz-item {
    background: url(../images/android_zhong.png) no-repeat center 60px; }
.chengzhangke li:nth-child(5) > .cz-item {
    background: url(../images/objective_c_zhong.png) no-repeat center 58px; }
.chengzhangke li:nth-child(6) > .cz-item {
    background: url(../images/swift_zhong.png) no-repeat center 58px; }
.chengzhangke li:nth-child(7) > .cz-item {
    background: url(../images/html5_zhong.png) no-repeat center 60px; }
.chengzhangke li:nth-child(8) > .cz-item {
    background: url(../images/javascript_zhong.png) no-repeat center 56px; }
.chengzhangke li:nth-child(9) > .cz-item {
    background: url(../images/php_zhong.png) no-repeat center 58px; }
.chengzhangke li:nth-child(10) > .cz-item {
    background: url(../images/potoshop_zhong.png) no-repeat center 60px; }
.chengzhangke li:nth-child(11) > .cz-item {
    background: url(../images/zitisheji_zhong.png) no-repeat center 60px; }
.chengzhangke li:nth-child(12) > .cz-item {
    background: url(../images/unity_3d_zhong.png) no-repeat center 56px; }

.cz-item {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3; }
.cz-item h3 {
    font-size: 18px;
    color: #444;
    text-align: center;
    padding-top: 119px; }
.cz-item p {
    font-size: 14px;
    color: #455eba;
    text-align: center;
    margin-top: 14px; }

.cz-h {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #6f7bb7;
    background: #808cc7;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -webkit-transition: transform .3s; }
.cz-h a {
    display: block;
    width: 141px;
    height: 37px;
    border: 1px solid #fff;
    margin: 0 auto;
    margin-top: 96px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    border-radius: 3px; }


.xuexi-xinxi{
    width:1000px;
    margin:0 auto;
    margin-top:48px;
}
.xuexi-xinxi:after{
    content:"";
    clear:both;
    display: block;
}
.xuexi-xinxi-left{
    width:390px;
    height:94px;
    border:1px solid #ebebeb;
    background:#fff;
    float:left;
    padding:0 44px;
}
.xuexi-xinxi-right{
    width:490px;
    height:65px;
    border:1px solid #ebebeb;
    background:#fff;
    float:right;
    padding-top:29px;
}
.xuexi-xinxi-right>p{
    font-size:16px;
    float:left;
    color: #444444;
    line-height:42px;

}
.xuexi-xinxi-right>p em{
    color:#fe5f11;
    font-style:normal;
}
.xuexi-xinxi-right>p:nth-child(1){
    margin-left:41px;
    padding-left:36px;
    padding-right:44px;
    border-right:1px solid #ebebeb;
    background:url(../images/time.png) no-repeat left center;
    background-size:26px 26px;
}
.xuexi-xinxi-right>p:nth-child(2){
    margin-left:34px;
    padding-left:42px;
    background: url(../images/taolun.png) no-repeat left center;
    background-size:29px 27px;
}
.xuexi-xinxi-left-list{
    width:200px;
    height:42px;
    overflow: hidden;
    position:relative;
    margin-top:26px;
    float:left;
}
.xuexi-xinxi-left-list>ul{
    position:absolute;
    left:0;
    width:auto;
    word-wrap: break-word; word-break: normal;
}
.xuexi-xinxi-left-list>ul:after{
    content:"";
    clear:both;
    display: block;
}
.xuexi-xinxi-left-list>ul>li{
    width:42px;
    height:42px;
    margin-right:8px;
    float:left;
}
.xuexi-xinxi-left-list>ul>li>img{
    display: inline-block;
    border-radius:50%;
    width:100%;
    height:100%;
}
.xuexi-renshu{
    font-size:16px;
    line-height:94px;
    color:#444;
    float:right;
}
.ell{
    float:left;
    width:24px;
    height:100%;
    margin-left:8px;
    background:url(../images/ell.png) no-repeat center;
}
.xuexi-renshu>span{
    color:#fe5f11;
}
.xuexi-pinlun-list{
    width:1000px;
    margin:0 auto;
    margin-bottom:50px;
    margin-top:40px;
}
.xuexi-pinlun-list-item{
    height:113px;
    border-bottom:1px solid #eaeaea;
}
.xuexi-pinlun-list-item dl{
    width:235px;
    float:left;
}
.xuexi-pinlun-list-item dl:after{
    content:"";
    clear:both;
    display: block;
}

.xuexi-pinlun-list-item dl dt{
    float:left;
    width:42px;
    height:42px;
    margin-top:21px;
}
.xuexi-pinlun-list-item dl dt img{
    display: inline-block;
    width:100%;
    height:100%;
    border-radius: 50%;
}
.xuexi-pinlun-list-item dl dd{
    float:left;
    margin-left:15px;
}
.xuexi-pinlun-list-item dl dd h4{
    font-size:14px;
    color:#000;
    padding-top:21px;
}
.xuexi-pinlun-list-item dl dd p{
    font-size:12px;
    color:#444;
    padding-top:6px;
}
.xuexi-pinlun-content{
    float:left;
    width:calc(100% - 235px);
}
.xuexi-pinlun-content>h5{
    font-size:14px;
    color:#000;
    padding-top:24px;
}
.xuexi-pinlun-content>h5>a{
    color:#000;
}
.xuexi-pinlun-content>h5>span{
    float:right;
    font-size:12px;
    color:#888888;
}
.pingxing{
    font-size:14px;
    color:#888;
    padding-top:6px;
}
.pingxing>span{
    float:left;
}
.xing-list{
    padding-top:2px;
}
.xing-list:after{
    content:"";
    clear:both;
    display: block;
}
.xing{
    display: inline-block;
    width:13px;
    height:13px;
    margin-right:2px;
    background:url(../images/xing-1.png) no-repeat;
    background-size:13px 13px;
    margin-top:2px;
}
.xuexi-pinlun-content-txt{
    font-size:14px;
    color:#888;
    width:550px;
    white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.youqinglianjie{
    width:100%;
    height:auto;
    background:#384588;
    border-top:1px solid #2c3875;
}
.youqinglianjie:after{
    content:"";
    clear: both;
    display: block;
}
.youqinglianjie>h5{
    font-size:14px;
    color:#6477d9;
    width:150px;
    float:left;
    padding-top:22px;
    text-align:right;
    height:100%;
    padding-right:20px;
}
.youqinglianjie-list{
    padding-right:60px;
    padding-top:20px;
    width:calc(100% - 150px);
    float: left;
}
.youqinglianjie-list:after{
    content:"";
    clear:both;
    display: block;
}
.youqinglianjie-list li{
    float: left;
    line-height:24px;
}
.youqinglianjie-list li a{
    font-size:12px;
    color:#6477d9;
}
.youqinglianjie-list li span{
    color:#3d4b93;
    margin:0 14px;
}


.player-list-item-one a{
    height:auto !important;
}
.player-list-item-one  .zhengzaibo{
    display: block;
}
.player-list-item-one h6{
    font-size: 16px;
    color: #f59522 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}


.xuexi {
    width: 100%;
    border-bottom: 1px solid #e0e0e0; }
.xuexi > h3 {
    font-size: 22px;
    color: #000;
    text-align: center;
    font-weight: 400;
    padding-top: 48px; }
.xuexi > p {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-top: 13px; }
.xuexi > p span {
    color: #fe5f11; }

.xx-list {
    width: 1000px;
    height: 132px;
    margin: 0 auto;
    margin-top: 30px; }
.xx-list li {
    width: 323px;
    height: 130px;
    border: 1px solid #dedede;
    margin-right: 12px;
    float: left;
    background: #fff; }
.xx-list li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 130px;
    color: #747474;
    font-size: 16px;
    padding-left: 110px; }
.xx-list li a span {
    color: #fea813; }
.xx-list li:nth-child(1) a {
    background: url(../images/time.png) no-repeat 51px center;
    background-size: 42px 42px; }
.xx-list li:nth-child(2) a {
    background: url(../images/xuexi.png) no-repeat 51px center;
    background-size: 44px 35px; }
.xx-list li:nth-child(3) a {
    background: url(../images/taolun.png) no-repeat 51px center;
    background-size: 43px 41px; }
.xx-list li:last-child {
    margin-right: 0; }

.xx-wrap {
    width: 1000px;
    height: 106px;
    margin: 0 auto;
    margin-top: 32px; }
.xx-wrap dl {
    width: 332px;
    height: 106px;
    float: left; }
.xx-wrap dt {
    float: left;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    overflow: hidden; }
.xx-wrap dt img {
    display: block;
    width: 106px;
    height: 106px; }
.xx-wrap dd {
    float: left;
    width: 226px;
    width: 188px\0\9;
    height: 106px;
    padding-left: 24px; }
.xx-wrap dd p {
    font-size: 18px;
    color: #444; }
.xx-wrap dd p span {
    color: #3e4b91; }
.xx-wrap dd p:nth-child(1) {
    padding-top: 27px; }
.xx-wrap dd p:nth-child(2) {
    padding-top: 14px; }
.xx-wrap > p {
    width: 668px;
    width: 512px\0\9;
    height: 106px;
    float: right;
    padding-left: 79px;
    padding-right: 77px;
    padding-top: 24px;
    font-size: 14px;
    color: #444;
    line-height: 30px;
    background: url(../images/index-dian.png) no-repeat;
    background-size: 100% 100%; }


.foot{width: 100%;min-width: 1200px;background: #333333;padding: 25px 0 26px;text-align: center;position: absolute;}
.foot .p1{font-size: 18px;line-height: 27px;color: #fafafa;}
.foot .p1 a{color: #fafafa}
.foot .p2{font-size: 14px;line-height: 22px;color: #bbb;}
.foot .p2 a{color: #bbb;}

.foot{width: 100%;min-width: 1200px;background: #333333;padding: 25px 0 26px;text-align: center;}
.foot .p1{font-size: 18px;line-height: 27px;color: #fafafa;}
.foot .p1 a{color: #fafafa}
.foot .p2{font-size: 14px;line-height: 22px;color: #bbb;}
.foot .p2 a{color: #bbb;}


a{cursor: pointer;}




/*调取模块*/
.new_article{width:1040px; margin:10px auto;}
.new_article .h_con{margin-bottom: 13px;text-align: center;}
.new_article .h_con .h{padding: 0 5px;font-size: 24px;line-height: 42px;font-weight: 700;border-bottom: 1px solid #368ee0;display: inline-block;*display: inline;zoom: 1;}
.new_article_con{padding: 0 0 16px;border-bottom: 1px solid #eee;margin-bottom: 14px;margin-right: -38px;}
.new_article_con:last-child{margin-bottom: 0;border-bottom: none;}
.new_article_ul{margin-right: 30px;width: 328px;float: left;}
.new_article_ul .h{font-size: 16px;font-weight: 700;line-height: 38px;}
.new_article_ul .new_article_t a img {width: 160px; height: 120px;}
.new_article_ul .new_article_t{margin-bottom: 7px;}
.new_article_ul .new_article_t .img{width: 160px;float: left;}
.new_article_ul .new_article_t .con{width: 155px;float: right;}
.new_article_ul .new_article_t .con a{display: block;margin-bottom: 10px;font-size: 14px;color: #077be7;font-weight: 700;text-decoration: none;position: relative;line-height: 32px;}
.new_article_ul .new_article_t .con a:after{content: "";width: 19px;height: 1px;background: #444;position: absolute;left: 0;top: 31px;}
.new_article_ul .new_article_t .con p{font-size: 14px;line-height: 18px;color: #666;}
.new_article_ul ul li{padding-left: 12px;font-size: 14px;line-height: 38px;position: relative;height: 38px;}
.new_article_ul ul li:after{content: "";width: 3px;height: 3px;background: #333;position: absolute;left: 0;top: 17px;}
.new_article_ul ul li a{width: 214px;float: left;height: 38px;overflow: hidden;text-decoration: none;}
.new_article_ul ul li span{float: right;color: #888;}
.new_article_ul ul li:hover:after{background: #077be7;}
.new_article_ul ul li:hover a,.new_article_ul ul li:hover span{color: #077be7;}
/*老师模块*/
.btSty02 {height: 46px; line-height: 46px;/* background: #f5f5f5; */ border-bottom: 2px solid #fa565a; padding: 0 10px; margin: 0px auto 20px auto; width: 220px;  }
.btSty02 h2 { /* float: left; */ font-weight: normal; text-align: center; font-size: 24px; color: #333; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.gkyh02 {display: block; overflow: hidden; text-align: center; border: 1px solid #fa565a; -webkit-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; font-size: 14px;font-weight: bold; color: #fa565a; padding: 5px 0px; width: 150px; margin-top: 60px; }
.gkyh02:hover { text-decoration: none; background: #fa565a; color: #fff; }
.teach {float: left; width: 575px;  margin: 10px 0px; }
.tea_fl {float: left; width: 352px; margin-left: 15px; }
.tea_fl p {height: 25px; line-height: 25px;}
.teach h3 {margin-bottom: 15px;font: bold 20px/26px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif；}
.teach h3 a:hover { text-decoration: none; color: #000; }
.teach img { float: left; width: 200px; height: 210px; border: 1px solid #e2e1e1； }