@charset "utf-8";
@font-face {
    src: url('/static/font/msyh.ttf');
    font-family: "Microsoft YaHei";
}
body{margin:0;font-family:'Microsoft YaHei',SimSun,Arial,sans-serif!important;
    font-size: .4cm;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    overflow-x: hidden;
}
.clear{clear:both}
ul{padding:0;margin:0;}
p{margin: 0;}
h3{margin:0;}
a{text-decoration: none;color: #333333; cursor: pointer}
a:hover{text-decoration: none;}
h4{margin: 0;}
li{ list-style-type: none}
img {margin:0; padding:0}
.none{display: none}
.w256{width: 256px;}
.w228{width: 228px;}
.p-top75{padding-top:75px;}
.content{width:1200px; margin: 0 auto;}
.float_left{float:left}
.float_right{float: right}
.error_input{color: #ff0000}

.main{
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}
.position{
    padding: 20px 0;
    color: #666666;
    position: relative;
}
.position_sub_menu{
    position: absolute;
    right: 0;
    top: 10px;
    margin-top: 12px;
}
.position_sub_menu ul li{
    float: left;
    width: 80px;
    margin-left: 20px;
}

.position_sub_menu ul li a{
    font-size: 14px;
    display: block;
    float: right;
}
.position_sub_menu ul li span{
    display: block;
    float: left;
    height: 12px;
    border-right: 1px solid #eaeaea;
    margin-top: 4px;
}
.position_sub_menu ul li.active a {
    color: #2577e3;
}
.position_sub_menu ul li.active {
    color: #2577e3;
}
.position a{
    color: #666666;
}
.position span{ color: #2577e3}
.header{height: 48px; background-color: #fbfbfb}
.header .top{ height: 16px; padding: 16px 0}
.header .top .top-icons{float: left;}
.header .top .top-phone{float: right;}
.header .top .top-icons a{display: block; float: left;    margin-right:24px;  }
.px_table .caption td{background-color:#e6e6e6; font-size:18px;text-align:center; border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; padding:16px 0;}
.px_table .caption .caption_content{border-right:1px solid #d7d7d7;}
.px_table tr th{ background-color:#2d2a3f; color:#fff; font-size:20px; padding:16px 0;}
.px_table tr .zj{color:#dc2a3a; text-align:center; width:200px; font-size:18px; border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}
.px_table tr .title{ text-align:center; width:320px; color:#333333; border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}
.px_table tr .content { border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.px_table tr .content ul{ padding:20px;}
.px_table tr .content ul li{ line-height:200%;  color:#333333}
.px_table .tr-content td {
    color: #333333;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px;
    text-align: center;
}
.px_table .tr-content .child_table {
    padding: 0;
}
.px_table .tr-content .child_table tr td{
    border-left:0;
}
.px_table .tr-content .child_table .last_tr td{
    border-bottom: 0;
}

.px_table .tr-content .right{
    border-right:1px solid #d7d7d7;
}
.px_table .tr-content .right .end{
    color: #999999;
}
.px_table .tr-content .right .sign_up{
    color: #2577e3;
}
.icon {
    background: url(/static/images/commons/icon.png) no-repeat;
    display: block;
}
.header-icon{
    width: 16px;
    height: 16px;
    float: left;
}
.top-icons a .icon-text {
    font-size: 12px;
    line-height: 16px;
    display: block;
    float: left;
    margin-left: 8px;
}
.sohu{  background-position: -1px -1px; }
.qq{background-position: -1px -20px; }
.weixin{background-position: -1px -42px; }
.mini-program{background-position: -1px -61px; }
.ting{background-position: -1px -80px; }
.qlchat{background-position: -1px -462px;width: 18px; height: 18px; }
.phone{background-position: -1px -100px; }
.phone-text{color: #ff9913;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-right: 0;
    float: left;margin-left:8px}
.top-arrow{
    width:120px;
    height: 5px;
    background-position:-244px -1px;
}

.header-wx-erm {
    position: absolute;
    z-index: 100;
    top: 30px;
    right: -42px;
    background-color: #fff;
    width:120px;
    display: none
}

.header-wx-erm-img {
    padding:5px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.header-wx-erm p{font-size: 12px; text-align: center; margin-top: -8px;}
.navigation {
    background-color: #ffffff;
    width: 100%;
    padding: 34px 0; height: 54px;
    z-index: 2000;
}
.navigation-fixed{
    position : fixed;
    top: 0;
    box-shadow: 0 0 15px  rgba(0,0,0,0.1)
}
.navigation .logo{float:left; width: 150px;height: 100%;}
.navigation .logo a{display: block; height: 100%;}
.navigation .menu{float:right; height: 52px;}
.navigation .menu ul{height:100%}
.navigation .menu ul li{ float: left;margin-left:66px;line-height: 49px;}
.navigation .menu ul .active{ border-bottom: 2px solid #2577e3}
.navigation .menu ul .active a{ color: #2577e3}
.navigation .menu ul li a{ font-size: 18px;}
.navigation .menu ul .has_submenu {
    position: relative;
}
.navigation .menu ul li .sub_menu {
    position: absolute;
    z-index: 200;
    width: 120px;
    left: -25px;
    background-color: #fff;
    display: none;
}
.navigation .menu ul li .sub_menu_link {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    height: 100%;
}
.navigation .menu ul li .sub_menu_link a{
    color: #333333;
}
.navigation .menu ul li .sub_menu_link a:hover{
    color: #2577e3;
}
.navigation .menu ul li .sub_menu a{
    font-size: 14px;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
}
.login_header{width:1200px; margin: 0 auto; padding: 24px 0}
.login_banner{
    background: url(/static/images/commons/login_banner.jpg) top center no-repeat;
    height: 600px;
    position: relative;
}
.login_box{
    background: #fff none repeat scroll 0 0;
    left: 50%;
    margin: 110px 0 110px 226px;
    position: absolute;
    top: 0;
    width: 380px;
    height: 380px;
    z-index: 20;
    border-radius: 4px;
}
.login_form {
    padding: 30px;
    margin-top: 10px;
}

.login_box .login_title {
    text-align: center;
    font-size: 20px;
    margin-top: 36px;
}
.login_item {
    position: relative;
    margin-bottom: 30px;
}
.login_input {
    border: 1px solid #e5e5e5;
    padding: 14px 6px 14px 70px;
    width: 242px;
    font-size: 16px;
    color: #cacaca
}
.login_icon {
    position: absolute;
    z-index: 100;
    border-right: 1px solid #e5e5e5;
    padding: 14px 18px;
    width: 14px;
    height: 20px;
}
.username_icon {
    background-position: -125px -848px;

}
.password_icon {
    background-position: -128px -897px;
}
.login_btn {
    margin-top: 48px;
}
.login_item .login_button {
    display: block;
    background-color: #2577e3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 12px 0;
}
.login_footer{
    width: 1200px; margin: 44px auto 20px; border-top: 1px solid #eeeeee; padding-top: 40px;
}
.footer_menu {
    width: 470px;
    margin:0 auto;
}
.footer_menu ul {
    height: 20px;
}
.footer_menu ul li {
    float: left;
}
.footer_menu ul li a{
    color: #999999;
    font-size: 14px;
    display: block;
    float: left;
    padding: 0 18px;
}
.footer_menu ul li span{
    color: #999999;
    height: 12px;
    border-left: 1px solid #cdcdcd;
    display: block;
    float: left;
    margin-top: 4px;
}
.footer_copyright{
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-top: 10px;
}
.footer_copyright a{
    color: #999999;
}
.banner { position: relative; overflow: auto;}
.banner li { list-style: none; height: 500px;}
.banner ul li { float: left; }
.banner ul li a{
    display: block;
    height: 500px;
    width: 100%;
}
.dots{
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
}
.banner .dots {
    bottom: 10px;
}
.dots li {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 10px;
    background-color: #ffffff;
    border-radius: 6px;

}
.dots li.active {
    width:20px;
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}


.fillin-box {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    margin-left: 280px;
    position: absolute;
    top: 0;
    width: 320px;
    height: 340px;
    z-index: 20;
    margin-top: 80px;
}
.mb20 {
    margin: 20px 20px 0 20px;
    font-weight: 400;
    text-align: center;
    font-size: 18px;
}
.e_card_login {
    padding: 25px;
}
.e_card_login img {
    box-shadow: 1px 4px 5px #b6d2f6
}
#btnFillin {
    background-color: #2577e3;
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 12px 0;
    text-decoration: none;
}
.modules{
    width: 1200px;
    height: 420px;
    margin: 0 auto;
    padding: 66px;
}
.module {
    float: left;
    width: 238px;
    padding-top: 45px;
    padding-bottom: 40px;
    border: 1px solid #ffffff;
    display: block;
}
.module .module-icon{
    width: 101px;
    height: 101px;
    margin: 0 auto;
}
.modules .module-hover {
    cursor: pointer;
    box-shadow: #b6d2f6 1px 1px 6px;
}

.module .university{
    background-position: -34px -104px;
}
.modules .module-hover .university{
    background-position: -136px -104px;
}
.module .major{
    background-position: -34px 0;
}
.modules .module-hover .major{
    background-position: -136px 0;
}
.module .video{
    background-position: -34px -205px;
}
.modules .module-hover .video{
    background-position: -136px -205px;
}
.module .lecture{
    background-position: -36px -307px;
}
.modules .module-hover .lecture{
    background-position: -137px -307px;
}
.module .mall{
    height: 102px;
    background-position: -36px -407px;
}
.modules .module-hover .mall{
    height: 102px;
    background-position: -137px -407px;
}
.module p{
    text-align: center;
    font-size: 18px;
    margin-top:30px;
}
.module .module-content{
    margin-top: 36px;
    margin-bottom: 54px;
}
.module .module-content span{ display: block; color: #999999; text-align: center; font-size: 14px;padding-bottom: 6px}
.module .detail{
    display: block;
    font-size: 14px;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0;
    border: 1px solid #e8e9ea;
    color: #555555;

}
.modules .module-hover .detail{
    background-color: #2577e3;
    color: #ffffff;
}
.experts {
    background-color: #2577e3;
    height: 520px;
}
.expert-content{
    width:1200px;
    margin: 0 auto;
    padding-top: 74px;
    position: relative;
}
.expert-title{
    width:228px;
    height: 40px;
    margin: 0 auto;
}
.expert-title a{
    float:left;
    color: #ffffff;
    margin-left:22px;
    margin-right:22px;
    font-size: 28px;
}
.expert-content .expert-list{
    margin-top: 60px;
}
.expert-content .expert-list .dots {
    bottom: -84px;
}

.expert-content .expert-list ul li {
    float: left;
}
.expert-content .expert-list ul li .index-expert{
    background-color: #ffffff;
    width: 580px;
    height: 240px;
    float: left;
}
.expert-content .expert-list ul li .left{
    margin-right: 36px;
}
.index-expert .detail{
    width: 368px;
    height: 200px;
    margin-top:40px;
    margin-left:40px;
    float: left;
    color: #666666;
    font-weight: 400;
}
.expert-content .expert-list ul li .detail .name a{font-size:20px;font-weight: 600;}
.expert-content .expert-list ul li .detail .name span{font-size: 14px; margin-left: 4px;}
.expert-content .expert-list ul li .detail .profile{
    font-size: 14px;
    margin-top: 22px;
    line-height: 26px;
    color: #666666;
    height: 130px;
    overflow: hidden;
}
.expert-content .expert-list ul li .detail .btn{
    border: 1px solid #bdd6f7;
    display: block;
    margin-top:32px;
    text-align: center;
    width: 60px;
    font-size:14px;
    color: #2577e3;
    padding: 8px 30px;

}
.expert-content .expert-list ul li .photo{
    float: left;
    height: 100%;
}
.expert-icon {
    width: 36px;
    height: 6px;
    float: left;
    background-position: -240px -82px;
    margin-top: 18px;
}
.videos {
    background-color: #f7f7f7;
    height: 640px;
}
.link {
    background-color: #f7f7f7;
    height: 380px
}
.link-list {
    margin-top:40px;
    height:150px
}
.link-list a {
    line-height: 38px;
    margin-right: 4px;
    width: 146px;
    display: block;
    float: left;
}
.video-content{width:1200px; margin: 0 auto; padding-top: 74px;}
.course ul{}
.course ul li {float:left; margin-right: 10px; color: #333;    line-height: 180%;font-size: 14px;}
.course ul .course_li{ padding:10px 0;}
.course ul li a { display: block; padding:2px 12px; font-size: 14px; }
.course ul li .selected { background-color: #2577e3; color: #fff;}
.course ul li ol  {
    width: 1090px;
    padding:0;
}
.course ul li ol li{
    float:left;
    padding-bottom: 10px;
}
.index-title{
    height: 40px;
    margin: 0 auto;
}
.index-title span{
    display: block;
    width: 36px;
    height: 4px;
    float: left;
    border-top: 3px solid #e2e2e2;
    margin-top: 18px;
}
.index-title .title{
    float:left;
    color: #333333;
    margin-left:22px;
    margin-right:22px;
    font-size: 28px;
}
.title-icon {
    width: 36px;
    height: 6px;
    float: left;
    background-position: -240px -92px;
    margin-top: 18px;
}
.video-sub-title{
    padding-top: 30px;
    height: 22px;
    width: 480px;
    margin: 0 auto;
}
.video-sub-title ul {
    height: 100%;
}
.video-sub-title ul li {
    float: left;
    padding-left: 22px;
    padding-right: 22px;

}
.video-sub-title ul li a{
    font-size: 16px;
    color: #666666;
}
.video-sub-title ul li a:hover{
    color: #2577e3;
}
.video-sub-title ul li .selected{
    color: #2577e3;
}
.video-list{
    margin-top: 38px;
    margin-bottom: 40px;
}
.video-list ul li{
    width: 378px;
    float: left;
    border: 1px solid #eeeeee;
    margin-right: 30px;
}
.video-list ul li a{
    display: block;
    font-size: 16px;
}
.video-list ul li .video-info{
    background-color: #fff;
    padding-left: 18px;
    padding-bottom: 18px;
}
.video-detail{
    margin-top:20px;
    height: 22px;
}
.video-detail .speaker{
    float:left;
}
.video-detail .play-count{
    float:right;
    margin-right: 22px
}
.video-detail span{
    font-size: 12px;
    color: #999999;
    display: block;

}
.video-list ul li .video-image{ height: 220px; position: relative}
.video-list ul li .video-image .time{
    color: #fff;
    font-size: 16px;
    left: 22px;
    position: absolute;
    z-index: 100;
    bottom: 10px;
}
.video-list ul li .video-info a{
    color: #666666;
    padding-top: 20px;
    height: 20px;
}
.video-content .video-more{
    width: 122px;
    margin: 0 auto;
}
.video-content .video-more a{
    color: #666666;
    display: block;
    border: 1px solid #dbdbdb;
    padding: 8px 32px;
    font-size: 14px;
}
.main .content .video-list{
    margin-top: 0;
    margin-bottom: 0;
}
.main .content .video-list ul li{
    margin-bottom: 30px;
}
.video_detail_content {
    padding-bottom: 20px;
}
.video_detail {
    padding: 20px;
    background-color: #fff;
}
.video_detail .video_play{
    float: left;
    width: 890px;
}
.video_detail .video_list{
    width: 250px;
    height: 488px;
    overflow: hidden;
    overflow-y: scroll;
    float: left;
    padding-left: 18px;
    background-color: #fafafa;
    padding-top: 12px;
}
.video_detail .video_list .video_kind{
    height: 20px;
}
.video_kind .title_border{
    border-left: 4px solid #2577e3;
    display: block;
    height: 14px;
    width: 4px;
    float: left;
    margin-top: 5px;
}
.video_kind  .video_kind_title{
    display: block;
    float: left;
    width: 80px;
    margin-left: 10px;
    font-size: 16px;
    color: #333333;
}

.video_kind_list {
    margin: 8px 0 8px;
}
.video_kind_list ul li {
    line-height: 28px;
    overflow: hidden;
    width: 230px;
    height: 28px;
}
.video_kind_list ul li a{
    font-size: 14px;
    color: #666666
}
.video_kind_list ul li a:hover{
    color: #2577e3
}
.video_kind_list ul .active a{
    color: #2577e3
}

.video_expert {
    padding: 20px;
    background-color: #fff;
}
.video_expert_photo{
    width: 120px;
    float: left;
}
.video_expert_profile {
    width: 1000px;
    float: left;
}
.video_expert_profile a {
    font-size: 16px;
    color: #333333;
}
.video_expert_profile p{
    line-height: 24px;
    color: #999999;
    margin-top: 10px;
}
.other_video{
    padding: 20px;
    background-color: #fff;
}
.other_video .video-list ul li {margin-right:10px;}

.agents{
    width: 1195px;
    margin: 0 auto;
    padding-top: 72px;
}
.agent-content{
    height: 472px;
}
.agent-list {
    margin-top: 60px;
    height: 420px;
    position: relative;
}
.agent-list ul li {
    float: left;
}
.agent-list ul li .agent-detail{
    width: 354px;
    float: left;
    padding: 30px 0 18px 22px;
    border: 1px solid #e5e5e5;
    margin-right: 30px;
    margin-bottom: 30px;
}
.agent-icon {
    width: 18px;
    height: 20px;
    background-position: -1px -136px;
    float: left;
}
.agent-city {
    height: 22px;
}
.agent-city span{
    display: block;
    float: left;
    font-size: 18px;
    padding-left: 10px;
    line-height: 20px;
    color: #333333
}
.agent-address {
    margin-top: 24px;
    font-size: 16px;
    color: #666666;
}
.agent-linkman{
    color: #999999;
    font-size: 14px;
    margin-top: 12px;
}

.agent-list .dots {
    position: absolute;
    bottom: -21px;
    width: 100%;
    text-align: center;
}
.agent-list .dots li{
    background-color: #e8e8e8;
    height: 9px;
    border: 2px solid #e8e8e8;
}
.agent-list .dots li.active{
    background-color: #fff;
    width: 9px;
    border: 2px solid #2577e3;
}
/**关于我们**/
.aboutus{
    padding-top: 70px;
}

.aboutus_banner{
    height: 260px;
    position: relative;
}
.aboutus_content{
    width: 1200px;
    margin: 40px auto;
}
.aboutus_logo {
    width: 228px;
    background-color: #2072de;
    padding: 66px 60px;
    float:left;
}
.aboutus_profile {
    float:left;
    width: 800px;
    margin-left: 50px;
}
.aboutus_profile p{
    color: #666666;
    line-height: 28px;
}
.company ul {
    width: 500px;
    margin: 36px auto;
    height: 42px;
}
.company ul li{
    float: left;
}
.company ul li a{
    display: block;
    padding: 10px 24px;
    text-align: center;
    font-size: 16px;
}
.company ul .active a {
    background-color: #2072de;
    color: #fff;
}
.company_info {
    width: 1200px;
    margin: 0 auto;
}
.aboutus_icon{
    width: 25px;
    height: 25px;
    float: left;
    margin: 12px;
}
.linkman_icon{
    background-position: -1px -400px;

}
.company{
    margin-top: 40px;
}
.company_linkman {
    border: 1px solid #e5e5e5;
    width: 280px;
    height: 48px;
    float: left;
    margin-right: 42px;
}
.company_address {
    border: 1px solid #e5e5e5;
    height: 48px;
    float: left;
}
.company_detail span{
    border-left: 1px solid #e5e5e5;
    display: block;
    text-align: center;
    padding: 14px 0;
    float: left;
    font-size: 16px;
    color: #333333
}
.company_linkman .linkman{
    width: 230px;
}
.company_address .address{
    width: 500px;
}
.phone_icon{
    background-position: -2px -360px;
}
.company_address .address_icon {
    background-position: -1px -136px;
    width: 18px;
    height: 20px;
    margin: 14px;
}
.map{
    width: 1200px;
    margin: 20px auto;

}
/**自主招生**/
.zzzs_banner{
    height: 507px;
    position: relative;
}
.zzzs_banner .btn {
    width:202px;
    margin: 0 auto;
    padding: 406px 0;
}
.zzzs_banner a {
    display: block;
    background-color: #ffb820;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
}
.zzwq_title {
    width: 482px;
}
.zzwq_content{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.zzwq_desc{
    color: #999999;
    font-size: 22px;
    margin: 20px auto;
    text-align: center;
}
.zzwq_list {
    border: 1px solid #eeeeee;
    position: relative;
    margin-top: 50px;
}
.zzwq_icon{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-position: -49px -829px;
    width: 57px;
    height: 57px;
}
.zzwq_step{
    float:left;
    width:298px;
    padding: 50px 0;
}
.zzwq_step i{
    display:block;
    color: #ff7454;
    font-size: 36px;
    font-family: Arial;
    text-align: center;
}
.zzwq_step p{
    font-size: 16px;
    color: #3f3f3f;
    text-align: center;
    margin-top: 20px;
}
.zztj{
    background-color: #fafafa;
    padding: 50px 0;
}
.zztj_title{
    width: 566px;
}
.zztj_option_list{
    width: 1200px;
    margin: 0 auto;
    height: 500px;
    position: relative;
}
.zztj_option{
    width: 130px;
    height: 150px;
    position: absolute;
}
.zztj_option2 {
    width: 175px;
    height: 202px;
    position: absolute;
}

.zztj_option_list #zztj_option_1 {
    top: 106px;
    left: 40px;
}
.zztj_option_list #zztj_option_2 {
    top: 257px;
    left: 170px;
}
.zztj_option_list #zztj_option_3{
    top: 44px;
    left: 300px;
}
.zztj_option_list #zztj_option_4 {
    top: 272px;
    left: 446px;
}
.zztj_option_list #zztj_option_5 {
    top: 72px;
    left: 550px;
}
.zztj_option_list #zztj_option_6 {
    top: 278px;
    left: 785px;
}
.zztj_option_list #zztj_option_7 {
    top: 62px;
    left: 802px;
}
.zztj_option_list #zztj_option_8 {
    top: 162px;
    left: 1002px;
}
.zztj_icon_1{
    width: 130px;
    height: 150px;
    background-position: -255px -568px;
}
.zztj_icon_2{
    width: 175px;
    height: 202px;
    background-position: -248px -340px;
}
.zztj_icon_2 p{
    padding-top: 80px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-style:normal
}
.zztj_icon_1 p{
    padding-top: 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-style:normal
}
.zztj_p {
    width: 800px;
    margin: 0 auto;
}
.zztj_p p{
    color: #2577e3;
    font-size: 22px;
    margin-top: 10px;
}
.zzgj {
    background-color: #202d53;
    padding: 70px 0;
}
.zzgj_title{
    width: 482px
}
.zzgj_title .title{
    color: #fff;
}
.zzgj_title span{
    border-top: 3px solid #83899c;
}
.zzgj_list {
    width: 1200px;
    margin: 50px auto 0
}
.zzgj_list ul li{
    float: left;
    background-color: #fff;
    padding: 32px 15px;
    margin-right: 18px;
    height: 160px;
}
.zzgj_icon_1 {
    width: 64px;
    height: 64px;
    background-position: -239px -245px;
    margin-left: 32px;
}
.zzgj_icon_2 {
    width: 68px;
    height: 64px;
    background-position: -381px -175px;
    margin-left: 30px;
}
.zzgj_icon_3 {
    width: 68px;
    height: 64px;
    background-position: -308px -171px;
    margin-left: 30px;
}
.zzgj_icon_4 {
    width: 54px;
    height: 64px;
    background-position: -241px -173px;
    margin-left: 38px
}
.zzgj_icon_5 {
    width: 59px;
    height: 66px;
    background-position: -381px -102px;
    margin-left: 34px;
}
.zzgj_icon_6 {
    width: 66px;
    height: 64px;
    background-position: -308px -102px;
    margin-left: 30px;
}
.zzgj_icon_7 {
    width: 68px;
    height: 64px;
    background-position: -237px -103px;
    margin-left: 30px;
}
.zzgj_list ul li span{
    display: block;
    margin-top: 40px;
    color: #333333;
    font-size: 14px;
}
.zzgj_list ul li p{
    color: #999999;
    margin-top: 20px;
    font-size: 14px;
}
.zzzs_step{
    padding: 70px 0 40px;
    background-color: #fafafa;
}
.zzzs_step_content .zzzs_step_title {
    width: 510px;
    margin: 0 auto;
}
.zzzs_step_photo {
    margin-top: 46px;
}
.zzzs_step_photo ul li{
    float: left;
    margin-right: 64px;
    margin-bottom: 20px;
}
.zzzs_step_photo ul li p{
    text-align: center;
    margin-top: 16px;
}
.zzzs_step_photo ul li p i{
    color: #2577e3;
    font-weight: bold;
}
.zzzs_data {
    padding: 70px 0 50px;
}
.zzzs_data_title {
    width: 456px;
    margin: 0 auto;
}
.zzzs_data_desc{
    font-size: 22px;
    margin: 30px auto;
    width: 900px;
    color: #a1a1a1
}
.zzzs_data_desc i{
    color: #2577e3;
    font-weight: bold;
}

.zzzs_data_img ul li{
    float: left;
    margin-right: 72px;
}
.zzzs_anli {
    background-color: #fafafa;
    padding: 60px 0;
}
/**培训页面**/
.train_banner{
    height: 650px;
    position: relative;
    background: url(/images/commons/train_banner_new.jpg?v=1.1) top center no-repeat;
}
.train-info {
    font-size: 20px;
    margin: 0 auto;
    color: #dfe8f9;
}
.train-tel{
    width: 600px;
    padding-top: 310px;

}
.train-address {
    width: 360px;
    margin-top:20px;
}
.train-address .addr{
    float: right;
}
.train_banner a{
    display: block;
    background-color: #ffb820;
    font-size: 24px;
    color: #fff;
    width: 202px;
    margin: 22px auto 0;
    text-align: center;
    padding: 10px 0;
    border-radius:30px;
}
.train-expert-content .index-title .title{
    color: #fafafa
}
.pxmb-content {
    width: 1200px;
    margin: 0 auto;
}
.pxmb-detail{
    height: 360px;
    margin-top: 60px;
}
.pxmb-profile{
    padding-top: 68px;
    line-height: 40px;
    color: #666666
}
.pxmb-image{
    float: right;
    width: 400px;
}
.pxdx {
    padding-bottom: 80px;
}

.pxdx-content {
    width: 1200px;
    margin: 0 auto;
}
.pxdx-detail {
    margin-top: 60px;
}
.pxdx-detail ul li{
    border: 1px solid #eeeeee;
    width: 210px;
    height: 230px;
    padding: 46px 35px;
    float: left;
    margin-right: 24px;
}
.pxdx-detail ul li span{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}
.pxdx-detail ul li .pxdx-border{
    background-color: #e5e5e5;
    width: 50px;
    height: 3px;
    margin: 44px auto 40px;
}
.pxdx-icon-1 {
    background-position: -45px -523px;
}
.pxdx-icon-2 {
    background-position: -149px -522px;
}
.pxdx-icon-3 {
    background-position: -45px -634px;
}
.pxdx-icon-4 {
    background-position: -151px -633px;
}
.pxdx-icon {
    width: 86px;
    height: 102px;
    margin: 0 auto;
}
.kcap{
    background-color: #fafafa;
    padding: 60px 0;
}

.train-expert{
    height: 698px;
    background-color: #252c44;
}
.train_expert_list {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}

.train_expert_list ul li{
    float: left;
    padding: 44px 22px;
    background-color: #fff;
    width: 280px;
    margin-right: 100px;
    height: 400px;
}
.train_expert_list ul li .train_expert_photo{
    margin: 0 auto;
    width: 180px;
}
.train_expert_list ul li .train_expert_photo img{
    border-radius: 100px;
}
.train_expert_name{
    margin-top: 40px;
}
.train_expert_name .expert_name{
    font-size: 20px;
    color: #333333;
    text-align: center;
}
.train_expert_name span{
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #666666;
    font-size: 16px;
}
.train_expert_profile {
    margin-top: 20px;
    line-height: 24px;
    color: #999999
}
.train-images{
    height: 686px;
}
.train_photo {
    width: 1200px;
    margin: 60px auto;
}
.train_photo ul li{
    float: left;
    width: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.xyfc{
    background-color: #fafafa;
}

.content-list ul li{
    background-color: #fff;
    padding: 30px;
    border: 1px solid #e5e5e5;
    margin-bottom: 24px;
}

.product-list ul li .photo{
    width: 270px;
    float: left;
}
.product-list ul li .detail{
    float: left;
    width: 830px;
    margin-left: 30px;
}
.product-list ul li .detail .title .name{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left
}
.product-list ul li .detail .title a {
    display: block;
    float:right;
    background-color: #2577e3;
    color: #fff;
    padding: 6px 30px;
}
.product-list ul li .detail .price{
    margin-top: 10px;
}
.product-list ul li .detail .price span{
    color: #2577e3;
    font-size: 16px;
    font-weight: bold;
}
.product-list ul li .detail .info dl dt{
    color: #666666;
    line-height: 26px;
}
.product-list ul li .detail .profile{
    border-top: 1px dashed #eeeeee;
    padding-top: 10px;
    line-height: 30px;
    color: #666666;
}



.expert-category-list ul li .photo{
    float: left;
    width: 200px;
}
.expert-category-list ul li .detail {
    float:left;
    width: 920px;
    padding-top: 20px;
}
.expert-category-list ul li .detail .name a{
    font-size: 20px;
    font-weight: bold;
}
.expert-category-list ul li .detail .name span{
    color:#666666;
    font-size: 16px;
}
.expert-category-list ul li .detail .tch{
    color:#333333;
    margin-top: 20px;
}
.expert-category-list ul li .detail .profile {
    color: #888888;
    line-height: 24px;
    margin-top: 20px;
}
.expert {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.expert .expert-detail {
    padding: 10px 10px 30px 10px;
    border-bottom: 1px solid #f5f5f5;
}
.expert .expert-detail .expert-photo {
    float: left;
    width: 200px;
}
.expert .expert-detail .expert-info{
    float: left;
    width: 500px;
    padding-top: 40px;
    margin-left: 60px;
}
.expert .expert-detail .expert-info .expert-title {
    margin: 0;
    width: 600px;
    height: 30px;
    margin-bottom: 32px
}

.expert .expert-detail .expert-info .expert-title .expert-name{
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 60px;
}
.expert .expert-detail .expert-info .expert-title .expert-type{
    float: left;
    width: 200px;
    color: #666666;
    padding-top: 4px;
    font-size: 16px;
}
.expert .expert-detail .expert-info .info{
    color: #666666;
    margin-bottom: 12px;
}
.expert .expert-detail .expert-info .yuyue{
    display: block;
    background-color: #2577e3;
    width: 90px;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    margin-top: 40px;
}
.expert-items {
    padding: 56px 20px 0 20px
}
.yuyue_btn {
    width: 90px;
    display: block;
    background-color: #2577e3;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin-top: 10px;
}

.profile-title .title-border{
    border-left: 4px solid #2577e3;
}
.profile-title{
    margin-bottom: 30px;
}
.profile-title .title{
    font-size: 20px;
    padding-left: 20px;

}
.expert-items p{
    line-height: 30px;
    color: #666666;
}
.expert-items .video-list ul li{
    margin-right: 9px
}
.dialog-backgroup{
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
    z-index: 200;
    display: none;
}

/** 讲座 **/
.lecture-list ul li{
    margin-bottom: 24px;
    padding: 38px 0 30px 38px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
.lecture_left{
    width: 900px;
    float:left
}
.lecture_detail a {
    font-size: 24px;
    color: #333333
}
.lecture-list ul li {
    position: relative;
}
.lecture_detail dt {
    margin-top: 20px;
}
.lecture_detail dt dl{
    color: #666666;
}
.lecture-yuyue {
    width: 200px;
    padding-top: 66px;
}
.lecture-yuyue a{
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
    background-color: #2577e3;
    width: 120px;
}
.lecture-icon {
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.lecture_info {
    padding: 38px 0 30px 38px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: relative;
}
.yuyue-icon {
    background-position: -128px -757px
}
.yuyue-end-icon {
    background-position: -47px -756px
}
.lecture_content {
    border: 1px solid #e5e5e5;
    margin: 20px 0;
}
.lecture_content ul {
    height: 50px;
    background-color: #eeeeee;
}
.lecture_content ul li{
    float: left;
    padding: 14px 26px
}
.lecture_content ul li.active{
    color: #2577e3;
    border-top: 2px solid #2577e3;
    background-color: #fff;
}
.lecture-text{
    padding: 20px;
}

.dialog {
    position: fixed;
    z-index: 201;
    background-color: #fff;
    top: 40%;
    left: 50%;
    margin: -190px 0 0 -240px;
    padding: 34px;
    border-radius: 4px;
    display: none;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.dialog-title{
    color: #333333;
    font-size: 20px;
    text-align: center;
}
.dialog-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 12px;
    background-position: -4px -337px;
    cursor: pointer;
}
.dialog-content {
    margin-top: 32px;
}
.dialog-content .items input {
    border: 1px solid #e5e5e5;
    padding: 12px;
    width: 317px;
}
.dialog-content .items{
    margin-bottom: 18px;
}
.dialog-content .items input::-webkit-input-placeholder {
   color: #e5e5e5;
   font-size: 16px;
   text-align: left;
}
.dialog-content .btn {
    margin-top: 30px;
    cursor: pointer;
}
.dialog-content .forget-pwd{
    margin-top: 26px;
}
.dialog-content .forget-pwd a{
    color: #2577e3;
    font-size: 14px;
}
.dialog-content .btn a{
    background-color: #2577e3;
    display: block;
    color: #fff;
    text-align: center;
    padding: 12px 0;
}
.jms-item {
    margin-bottom: 15px;
}
.jms-item .jms-label {
    float: left;
    font-weight: 400;
    padding: 9px 0 15px 9px;
    text-align: right;
    width: 62px;
    margin-right: 20px;
}
.jms-item .jms-text {
    padding-top: 10px;
    min-height: 20px;
    float: left;
}
.jms-item .jms-input {
    min-height: 40px;
    float: left;
}
.jms-item .jms-radio {
    min-height: 40px;
    float: left;
    padding-top: 9px;
}
.jms-item .jms-input .jms-input-text {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    width: 300px;
    height: 38px;
    padding-left: 10px;
}
.jms-item .jms-input .alipay_img {
    width: 100px;
}
.jms-item .jms-input .wx_pay_img {
    width: 86px;
}
.jms-item .jms-input .active{
    border: 1px solid #ff8b26;
}
.jms-item .jms-input img {
    border: 1px solid #e0e0e0;
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    margin-right: 20px;
}
.jms-item .jms-btn {
    float: left;
    width: 300px;
}
.jms-item .jms-btn a{
    display: block;
    background-color: #2577e3;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    width: 180px;
}
/** 测评 **/
.member {
    margin-bottom: 20px;
    min-height: 450px;
}
.member_menu {
    float: left;
    width: 238px;
}
.member_main {
    float: left;
    width: 940px;
    min-height: 450px;
    margin-left: 20px;
}
.member_menu ul {
    border: 1px solid #eeeeee
}
.member_menu ul li{
    background-color: #fff;
}
.member_menu ul li a {
    color: #888888;
    text-align: left;
    display: block;
    padding: 20px 0 20px 48px;
}
.member_menu ul li.active {
    background-color: #2577e3;
}
.member_menu ul li.active a{
    color: #fff;
}
.member_main{
    border: 1px solid #eeeeee;
    background-color: #fff;
}
.member_main .title{
    font-size: 24px;
    text-align: center;
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
}

.member_main .unscramble{
    padding: 20px;
}
.ceping_unscramble{
    margin-top: 20px;
}
.ceping_btn {
    margin: 20px auto;
    width:100px;
}
.ceping_btn a{
    color: #fff;
    background-color: #2577e3;
    display: block;
    padding: 10px;
    text-align: center;
}
.unscramble .unscramble_title {
    font-size: 18px;
    color: #666666;
}
.unscramble .ceping_type {
    color:#333333;
    font-weight: 800;
    margin-bottom: 10px;
    font-size: 16px;
}
.unscramble p{
    color: #666666;
    line-height: 26px;
    font-size: 14px;
}
.unscramble span {
    font-weight: 800;
    color: #333333
}
.ceping_unscramble .mbti_item{
    margin-bottom: 10px;
    display: block;
}
.unscramble p .major {
    color: #2577e3
}
.topic {
    width: 700px;
    margin: 40px auto;
}
.topic span{
    font-size: 16px;
}
.topic ul{
    padding: 20px;
}
.topic ul li{
    margin-top: 20px;
}
.topic ul li label input{
    margin-right: 10px;
}
.topic_prev {
    width: 100px;
    margin: 0 auto;
    float: left;
    padding-left: 20px;
    display: none;
}
.topic_prev a{
    background-color: #2577e3;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
}
.zynl_unscramble { margin-bottom: 20px;}
.zynl_unscramble .zynl_type .zynl_type_result span{
    color: #333333
}
.zynl_type p{
    margin-top: 10px;
}
.zynl_unscramble .zynl_type .zynl_type_result {
    color: #666666
}
.zynl_major { color: #666666; line-height: 26px;}

.member_main .info{
    padding: 40px;
}
.items {
    margin-bottom: 40px;
}
.items .items_label {
    float: left;
    width: 150px;
    text-align: right;
    font-size: 14px;
    color: #666666;
    padding-top: 8px;
}

.items .items_input {
    float: left;
    width: 600px;
    margin-left: 20px;
}
.items .items_input label {
    font-size: 14px;
    color: #666666;
}
.items .items_input .input
{
    padding: 6px;
    width: 266px;
    height: 20px;
    font-size: 14px;
}
.items .items_input .captcha {
    padding: 6px;
    width: 140px;
    height: 20px;
    font-size: 14px;
}

.items .items_input .select {
    height: 34px;
    width: 140px;
}
.items .items_input .btn{
    font-size: 14px;
    color: #fff;
    background-color: #2577e3;
    padding: 8px 12px;
    text-align: center;
    border: none;
}
.items .items_input .disabled_btn {
    background-color:#fafafa;
    color: #999999;
    border: 1px solid #dadada;
}
.items .items_input .btn_disabled{
    color: #fff;
    background-color: #333333;
}

/** 忘记密码  **/
.forget_pwd_banner {
    height:90px;
    background-color: #2a7dea;
    color: #c3d5ff;
    font-size: 30px;
    text-align: center;
    padding-top: 40px;
}
.retrieve_step {
    width: 400px;
    margin: 0 auto;
}
.retrieve_step .step {
    width: 360px;
    margin: 40px auto 10px;
}
.retrieve_step .step .step_number {
    width: 23px;
    height: 23px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    float:left;
    border: 1px solid #cacaca;
    color: #cacaca;
}

.retrieve_step .step .active{
    width: 24px;
    height: 24px;
    background-color: #2577e3;
    color: #fff;
    border: none;
}

.retrieve_step .step .step_border{
    border-top: 1px solid #e5e5e5;
    width: 130px;
    float: left;
    margin-top: 12px;
    margin-left: 6px;
    margin-right: 6px;
}
.retrieve_step .step .active_border{
    border-top: 1px solid #2577e3;
}
.step_title {
    height: 20px;
}
.step_title div{
    float: left;
    color: #a9a9a9;
    font-size: 12px;

}
.step_title .setp_title_1{
    width: 60px;
}
.step_title .setp_title_2 {
    width: 60px;
    margin-left: 108px;
}
.step_title .setp_title_3{
    float: right;
    margin-right: 10px;
}
.steps{
    width: 360px;
    margin: 20px auto;
}
.step_title .active_title{
    color: #2577e3;
}
.retrieve_input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666666;
    margin-top: 18px;
    padding: 10px 0 10px 26px;
    width: 330px;
    outline: none;
}
.step_1 .login_item  .retrieve_username_icon {
    margin-top: 28px;
    border-right: none;
    background-position: -143px -863px;
    padding: 0;
    width: 16px;
}
.step_1 .login_item .retrieve_captcha_icon{
    margin-top: 28px;
    border-right: none;
    background-position: -144px -955px;
    padding: 0;
    width: 18px;
}
.step_2 .login_item  .retrieve_password_icon {
    margin-top: 28px;
    border-right: none;
    background-position: -145px -911px;
    padding: 0;
    width: 16px;
}
.steps .login_item .get_captcha {
    position: absolute;
    top: 26px;
    right: 4px;
    border: none;
    font-size: 14px;
    color: #2577e3;
    cursor: pointer;
    outline: none;
}

.steps .login_item{
    margin-bottom: 0;
    margin-top: 10px;
}
.steps .login_item .disabled_forget_btn{
    color: #666666
}
.steps .login_item .tips {
    margin-top: 6px;
    font-size: 14px;
}
.steps .login_item .success{
    color: #00CC00;
}
.steps .login_item .fail {
    color: #ff0000;
}
.steps .forget_btn {
    margin-top: 40px;
}
.step_2, .step_3 { display: none }

.retrieve_success{
    width: 82px;
    height: 82px;
    background-position: -458px -60px;
    margin: 0 auto;
}
.retrieve_success_text {
    width: 164px;
    text-align: center;
    margin: 20px auto;
    font-size: 16px;
    color: #434343
}
.retrieve_login {
    background-color: #2577e3;
    color: #fff;
    text-align: center;
    width: 100px;
    padding: 8px 0;
    margin: 0 auto;
    display: block;
}

/** 高考志愿  **/
.gkzy_banner {width: 1200px; margin: 0 auto;}
.gkzy_banner .banner_left { float: left; width: 500px}
.gkzy_banner .banner_right{ float: left; width: 520px; margin-left: 60px;}
.gkzy_banner .banner_right h3 { font-size: 24px; font-weight: 500; }
.gkzy_banner .banner_right p{ color: #999999; font-size: 16px; margin-top: 20px;}
.gkzy_banner .banner_right p .price { font-size: 22px; color: #2577e3}
.gkzy_banner .banner_right p .tel { font-size: 22px; color:#ff9913}
.gkzy_content {width: 1200px; margin: 0 auto;}
.gkzy_nav {height: 38px; border-bottom: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px;}
.gkzy_nav li{ float: left; width: 100px;cursor: pointer; text-align: center; padding: 10px 0; color:#666666;}
.gkzy_nav .active { border-top: 2px solid #2577e3;  padding: 8px 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #fff}
.gkzy_nav .active a{color: #2577e3; }
.gkzy_profile {margin-top: 20px;}
.gkzy_profile_content {background-color: #fbfbfb; padding: 20px; margin-top: 40px;}
.gkzy_profile_content .gkzy_profile_left {float: left; width: 485px;}
.gkzy_profile_content .gkzy_profile_right { float: left; width: 600px; margin-left: 40px;}
.gkzy_profile_content .gkzy_profile_right p {
    color: #666666;
    line-height: 30px;
    margin-top: 20px;
    font-size: 16px;
}
.gkzy_service { width: 1200px; margin: 0 auto; padding-top: 40px;}
.gkzy_service_step {
    margin-top: 40px;
}
.gkzy_service_step .gkzy_step{width: 350px; height: 160px; background-color: #2577e3; float: left; margin-bottom: 20px;}
.gkzy_service_step .gkzy_step_jt{
    width: 32px;
    height: 14px;
    float: left;
    background-position: -1px -434px;
    margin: 73px 20px;
}
.gkzy_service_step .gkzy_step_left {float: left; width: 210px; margin-top: 30px; margin-left: 26px;}
.gkzy_service_step .gkzy_step_left p{ font-size: 22px; color: #fff; width: 156px; line-height: 36px;}
.gkzy_service_step .gkzy_step .gkzy_step_icon{float: right; margin-top: 30px; margin-right: 28px;}
.gkzy_service_step .gkzy_step .gkzy_step_1 {
    background-position: -305px -245px;
    width: 70px;
    height: 82px;
}
.gkzy_service_step .gkzy_step .gkzy_step_2 {
    background-position: -379px -243px;
    width: 70px;
    height: 82px;
}
.gkzy_service_step .gkzy_step .art_step_2 {
    background-position: -251px -733px;
    width: 82px;
    height: 82px;
}
.gkzy_service_step .gkzy_step .gkzy_step_3 {
    background-position: -460px -157px;
    width: 80px;
    height: 82px;
}
.gkzy_service_step .gkzy_step .gkzy_step_4 {
    background-position: -558px -165px;
    width: 82px;
    height: 70px;
    margin-top: 38px;
}
.gkzy_service_step .gkzy_step .gkzy_step_5 {
    background-position: -468px -244px;
    width: 82px;
    height: 82px;
}
.gkzy_service_step .gkzy_step .gkzy_step_6 {
    background-position: -558px -247px;
    width: 82px;
    height: 80px;
}
.gkzy_service_step .gkzy_step .gkzy_step_border{ width: 50px; height: 2px; background-color: #7cadee; margin-top: 20px;}
.gkzy_tj {width: 1200px; margin: 0 auto; padding-top: 40px;}
.gkzy_tj_content { margin-top: 40px;}
.gkzy_tj_ly {float: left; margin-right: 20px; border: 1px solid #eeeeee; width: 152px; height: 200px}
.gkzy_tj_ly .gkzy_tj_icon{
    margin: 30px auto;
}

.art_tj_ly .gkzy_tj_icon{
    margin: 50px auto;
}
.gkzy_tj_content .art_tj_ly{
    float: left;
    margin-right: 20px;
    border: 1px solid #eeeeee;
    width: 280px;
    height: 340px
}
.gkzy_tj_content .art_tj_ly p{
    font-size: 22px;
}
.gkzy_tj_content .art_tj_ly span{
    display: block;
    width: 180px;
    margin: 20px auto;
}
.gkzy_tj_ly p{
    text-align: center;
    color: #333333;
}
.gkzy_tj_ly span{
    color: #999999;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.gkzy_tj_ly .art_tj_1{
    background-position: -426px -514px;
    width: 100px;
    height: 106px;
}
.gkzy_tj_ly .art_tj_2{
    background-position: -546px -523px;
    width: 93px;
    height: 93px;
    margin: 57px auto;
}
.gkzy_tj_ly .art_tj_3{
    background-position: -430px -655px;
    width: 87px;
    height: 84px;
    margin: 62px auto;
}
.gkzy_tj_ly .art_tj_4{
    background-position: -543px -654px;
    width: 97px;
    height: 87px;
    margin: 60px auto;
}
.gkzy_tj_ly .gkzy_tj_1 {
    background-position: -380px -11px;
    width: 73px;
    height: 65px;
}
.gkzy_tj_ly .gkzy_tj_2 {
    background-position: -561px -5px;
    width: 39px;
    height: 72px;
    margin-top: 24px;
}
.gkzy_tj_ly .gkzy_tj_3 {
    background-position: -554px -84px;
    width: 73px;
    height: 65px;
}
.gkzy_tj_ly .gkzy_tj_4 {
    background-position: -447px -338px;
    width: 73px;
    height: 71px;
    margin-top: 24px;
}
.gkzy_tj_ly .gkzy_tj_5 {
    background-position: -531px -340px;;
    width: 73px;
    height: 71px;
}
.gkzy_tj_ly .gkzy_tj_6 {
    background-position: -454px -424px;
    width: 50px;
    height: 71px;
}
.gkzy_tj_ly .gkzy_tj_7 {
    background-position: -531px -426px;;
    width: 73px;
    height: 71px;
}
.gkzy_team {width: 1200px; margin: 0 auto; padding-top: 40px;}
.gkzy_expert {
    margin-top: 40px;
}
.gkzy_expert ul li{
    float: left;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    margin-right: 21px;
    margin-bottom: 40px;
}

/** 分页 **/
.pagination-box {height: auto; margin: 0 auto 26px; text-align: center;}
.pagination-lg {height: auto;}
.pagination-lg li {margin: 0 2px;line-height: 38px;display: inline-block;}
.pagination-lg li a {font-weight: 400;display: block;height: 38px;line-height: 38px;border: 1px solid #e1e1e1;padding: 0 15px;color: #999;border-radius: 4px;font-size: 14px;  }
.pagination-lg li.active a { background: #2577e3; border-color: #2577e3; color: #fff; }

/** 底部 **/
.footer-top {
    background-color: #2a2d35;
    padding-top: 45px;
    padding-bottom: 40px;
    height: 117px;
}
.footer-content {
    width: 1200px;
    margin: 0 auto;
    height: 117px;
}
.footer-content-left{
    float: left;
    width: 224px;
    border-right: 1px solid #3a3d46;
}
.footer-content-middle{
    float: left;
    margin-left:45px;
    border-right: 1px solid #3a3d46;
}
.footer-content-middle ul{
    display: block;
    float: left;
    margin-right:62px
}

.footer-content-middle ul li{
    color: #4a4d57;
    height: 28px;
}

.footer-content-middle ul li a{
    color:#989dab;
    font-size: 14px;
    display: block;
    float: left;
    line-height: 28px;
}
.li-list i{
    width: 4px;
    height: 4px;
    float: left;
    margin-top:14px;
    margin-right:10px;
}
.li-list-icon i {
    background-position: -4px -318px;
}
.li-list-icon-hover i{
    background-position: -9px -318px;
}
.footer-content-middle ul li a:hover{
    color:#2577e3;
}
.footer-content-right{
    float: right;
}


.footer-logo{
    height: 62px;
}
.footer-icons{
    margin-top:20px;
    margin-bottom: 9px;
    height: 26px;
}
.footer-icons a{
    float: left;
    margin-right: 10px;
}
.footer-icon{
    width: 26px;
    height: 26px;
}
.footer-sohu{
    background-position: -1px -281px;
}
.footer-qq{
    background-position: -1px -251px;
}
.footer-ting{
    background-position: -1px -221px;
}
.footer-weixin{
    background-position: -1px -191px;
}
.footer-miniprogram{
    background-position: -1px -160px;
}
.footer-bottom {
    background-color: #21242b;
    height: 40px;
}
.footer-wx-erm{
    position: absolute;
    z-index: 100;
    background-color: #fff;
    width:120px;
    bottom: 30px;
    left: -44px;
    border: 1px solid #eeeeee;
    display: none;
}
.footer-wx-erm-img p{
    font-size: 12px;
    text-align: center;
    margin-top: -8px;
    margin-bottom: 6px;
}
.copyright{
    width:1200px;
    margin: 0 auto;
    height: 100%;
    line-height: 42px;
    color: #878787;
    font-size: 14px;

}
.copyright .copyright-left{
    float: left;
    height: 100%;
}
.copyright .copyright-left span{ font-family:Arial; }
.copyright .copyright-left a{  color: #878787;  }
.copyright .copyright-right{float: right}
.footer-content-right .ewm{
    width:96px;
    color: #818592;
    margin-right:42px;
    float: left;
}
.footer-content-right .ewm p{
    font-size: 12px;
}
.phone-400{
    float: left;
}
.phone-400 span{
    color: #878787;
    font-size:14px;
    display: block;
}
.phone-400 b{
    font-size: 30px;
    color: #fff;
}
.footer-content-right .cnzz a{
    font-size: 14px;
    color: #878787;
}