@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:480px;
    min-width:320px;
    background:url("../img/bg.jpg") repeat center;
}

/*wechat*/
.top_tips {
    position: fixed;
    top: -60px;
    z-index: 999999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #000;
    color: #fff;
    box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
}
.top_tips span {
    float: left;
    width: 40px;
    height: 40px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('http://bj.hrm.tedu.cn/m/img/icon_weixin0.png');
    margin:5px;
    background-size: 100%;
}
.top_tips ul {
    float: left;
}
.top_tips ul li {
    height: 20px;
    line-height: 20px;
    font-size: 12px !important;
    color:#ffffff;
}
.top_tips ul li b{
    color:#ff0000;
}
.top_tips ul li:first-child {
    margin-top: 5px;
}

.header{
    width:100%;
    background:#ffffff;
}
.header .top{
    width:100%;
}
.header .top .logo{
    float:left;
    padding:5px 0;
    width:56%;
    height:auto;
    display:block;
}
.header .top .phone{
    margin-top:3%;
    padding-left:24px;
    float:right;
    display:block;
    font-size:14px;
    line-height:20px;
    background:url("../img/phone.png") no-repeat left center;
}
.header .nav{
    width:100%;
    height:40px;
    background: #000;
}
.header .nav li{
    float:left;
    width:33%;
    height:40px;
    text-align:center;
    background:#000000;
}
.header .nav li.act{
    background:#ec1c32;
}
.header .nav li a{
    line-height:40px;
    font-size:12px;
    color:#ffffff;
    display:block;
}
.content{
    width:100%;
}
.banner{
    width:100%;
    height:auto;
    overflow:hidden;
}
.swiper-container {
    width:100%;
    height:auto;
}
.swiper-container .swiper-slide img{
    width:100%;
    height:auto;
    display:block;
}
.title {
    padding:35px 0;
}
.title h1{
    font-size:30px;
    text-align:center;
}
.title h1.c1{
    color:#ffffff;
}
.title h1 span{
    color:#ec1c32;
}
.title h2{
    margin:0 auto;
    margin-top:10px;
    font-size:16px;
    line-height:20px;
    color:#989898;
    width:80%;
    text-align:center;
}
.title h3{
    margin:10px auto 0;
    font-size:16px;
    width:60%;
    text-align:center;
    background:#ffffff;
    border-radius:25px;
}
.title h3 span{
    color:#f52d31;
}
.part{
    padding-bottom:20px;
}
.part a.btn{
    margin:0 auto;
    width:35%;
    height:auto;
    font-size:18px;
    color:#ec1c32;
    line-height:38px;
    display:block;
    text-align:center;
    border-radius:20px;
    border:1px solid #ec1c32;
    transition:0.2s;
}
.part a.btn:hover{
    color:#ffffff;
    background:#ec1c32;
    transition:0.2s;
}
.part a.btn.c2{
    color:#ffffff;
    border:1px solid #ffffff;
}
.part a.btn.c2:hover{
    color:#2a2b35;
    background:#ffffff;
}
.container{
    margin:0 auto;
    padding-bottom:20px;
    width:92%;
}
.container.ctn1 .box{
    margin-bottom:10px;
    padding:10px 0;
    width:100%;
    background:#ffffff;
}
.container.ctn1 .box img{
    float:left;
    width:50%;
    height:auto;
}
.container.ctn1 .box .info{
    margin-right:3%;
    float:right;
    width:45%;
    height:auto;
}
.container.ctn1 .box .info h1{
    font-size:30px;
    line-height:60px;
    font-weight:bold;
    color:#535353;
}
.container.ctn1 .box .info p{
    font-size:16px;
    line-height:22px;
    color:#898989;
}
.container.ctn1 .box .info p span{
    color:#ec1c32;
}
.part.bg1{
    background:url("../img/bg1.jpg") no-repeat center /cover;
}
.container.ctn2 .box{
    width:100%;
    height:auto;
    position:relative;
}
.container.ctn2 .box img{
    width:100%;
    height:auto;
    display:block;
}
.container.ctn2 .box .info{
    top:0;
    right:0.5%;
    width:89%;
    position:absolute;
}
.container.ctn2 .box .info h1{
    margin-top:5px;
    padding:0 2%;
    font-size:22px;
    line-height:33px;
    font-weight:bold;
}
.container.ctn2 .box .info.b1 h1{
    color:#f6a740;
}
.container.ctn2 .box .info.b2 h1{
    color:#95d319;
}
.container.ctn2 .box .info.b3 h1{
    color:#2ebfcc;
}
.container.ctn2 .box .info.b4 h1{
    color:#3390e3;
}
.container.ctn2 .box .info.b5 h1{
    color:#898ad3;
}
.container.ctn2 .box .info.b6 h1{
    color:#c27874;
}
.container.ctn2 .box .info.b7 h1{
    color:#ef6d4a;
}
.container.ctn2 .box .info p{
    padding:0 2%;
    font-size:18px;
    line-height:22px;
    color:#e3e3e4;
    word-break:break-all;
}
.container.ctn3 .box{
    width:49%;
    position:relative;
}
.container.ctn3 .box > img{
    width:100%;
    height:auto;
    display:block;
}
.container.ctn3 .box .info{
    top:0;
    width:100%;
    text-align:center;
    position:absolute;
}
.container.ctn3 .box .info img{
    margin:0 auto;
    margin-top:30px;
    width:23%;
    height:auto;
    display:block;
}
.container.ctn3 .box .info h1{
    margin-top:5px;
    font-size:22px;
    font-weight:bold;
    color:#ec1c32;
}
.container.ctn3 .box .info h1 span {
    color:#565656;
}
.container.ctn3 .box .info p{
    margin:0 auto;
    margin-top:10px;
    font-size:14px;
    width:80%;
}
.container.ctn3 .box.top1{
    margin-top:-12%;
    margin-left:25.5%;
}
.container.ctn3 .box.top2{
    margin-top:-12%;
}
.part.c1{
    background:#ffffff;
}
.container.ctn4 .box{
    margin-bottom:10px;
    padding:25px 0 0;
    width:49%;
    text-align:center;
    background:#e6e6e6;
}
.container.ctn4 .box img{
    margin:0 auto;
    width:28%;
    height:auto;
    display:block;
}
.container.ctn4 .box h1{
    margin-top:20px;
    font-size:22px;
    line-height:34px;
    color:#ec1c32;
    text-align:center;
}
.container.ctn4 .box p{
    padding:0 2%;
    margin-top:25px;
    font-size:12px;
    line-height:22px;
}
.part.bg2{
    background:url("../img/bg2.jpg") no-repeat center /cover;
}
.container.ctn5 .box{
    margin-bottom:10px;
    width:100%;
    height:auto;
    background:#ffffff;
}
.container.ctn5 .box.c2{
    background:#343440;
}
.container.ctn5 .box img{
    float:left;
    width:32%;
    display:block;
}
.container.ctn5 .box .info{
    float:left;
    padding:0 4%;
    width:60%;
}
.container.ctn5 .box .info h1{
    margin-top:20px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
}
.container.ctn5 .box.c2 .info h1{
    color:#ffffff;
}
.container.ctn5 .box .info h2{
    margin-top:12px;
    padding-bottom:10px;
    font-size:16px;
    line-height:16px;
    width:90%;
    border-bottom:1px solid #b5b5b5;
}
.container.ctn5 .box.c2 .info h2{
    color:#ffffff;
}
.container.ctn5 .box .info p{
    margin-top:10px;
    font-size:16px;
    color:#9c9c9c;
    word-break:break-all;
}
.container.ctn6{
}
.container.ctn6 .box{
    float:left;
    margin:0 0.5% 10px;
    width:24%;
    height:auto;
    position:relative;
}
.container.ctn6 .box img{
    width:100%;
    height:auto;
    display:block;
}
.container.ctn6 .box p{
    bottom:5px;
    width:100%;
    color:#ffffff;
    font-size:16px;
    text-align:center;
    position:absolute;
}
.container.ctn7{

}
.container.ctn7 .tab-ul li{
    float:left;
    margin:0 0.1666%;
    width:33%;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    position:relative;
    background:#999999;
}
.container.ctn7 .tab-ul li.act{
    background:#ec1c32;
}
.container.ctn7 .tab-ul li img{
    bottom:-5px;
    left:50%;
    margin-left:-6px;
    width:12px;
    height:6px;
    display:none;
    position:absolute;
}
.container.ctn7 .tab-ul li.act img{
    display:block;
}
.hide{
    display:none;
}
.container.ctn7 .tab-box{
    margin-top:10px;
    width:100%;
    height:auto;
}
.container.ctn7 .tab-box img{
    width:100%;
    height:auto;
    display:block;
}
.part.ctn8{
    padding-bottom:0;
}
.part.ctn8 img{
    width:100%;
    height:auto;
    display:block;
}

.container.data1{

}
.container.data1 .box{
    margin-top:20px;
    width:42%;
    height:auto;
    position:relative;
}
.container.data1 .box.one{
    margin:0 29%;
}
.container.data1 .box img{
    width:100%;
    height:auto;
    display:block;
}
.container.data1 .box .info{
    top:0;
    width:100%;
    position:absolute;
}
.container.data1 .box .info .tag{
    margin:0 auto;
    margin-top:38px;
    width:60px;
    height:60px;
    background-repeat:no-repeat;
    background-position:center;
}
.container.data1 .box .info h1{
    margin-top:5px;
    font-size:18px;
    text-align:center;
}
.container.data1 .box .info h1 span{
    color:#ec1c32;
}
.part.bg3{
    background:url("../img/bg3.jpg") no-repeat center /cover;
}
.container.data2{

}
.container.data2 table{
    width:100%;
}
.container.data2 table .bg1{
    background:#de9214;
}
.container.data2 table .bg2{
    background:#238cb7;
}
.container.data2 table .bg3{
    background:#e46161;
}
.container.data2 table .br1{
    border:1px solid #de9214;
}
.container.data2 table .br2{
    border:1px solid #238cb7;
}
.container.data2 table .br3{
    border:1px solid #e46161;
}
.container.data2 table th{
    text-align:center;
    color:#ffffff;
}
.container.data2 table td{
    text-align:center;
    color:#ffffff;
}
.container.data3 .tab-ul2 li{
    padding:10px 0;
    float:left;
    margin:0 0.5%;
    width:19%;
    position:relative;
    cursor:pointer;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #c9c9c9;
}
.container.data3 .tab-ul2 li.act{
    color:#ffffff;
    background:#eb1c32;
    border:1px solid #eb1c32;
}
.container.data3 .tab-ul2 li img{
    bottom:-5px;
    left:50%;
    margin-left:-6px;
    width:12px;
    height:6px;
    display:none;
    position:absolute;
}
.container.data3 .tab-ul2 li.act img{
    display:block;
}
.container.data3 .tab-box2{
    padding-bottom:20px;
    margin-top:30px;
}
.container.data3 .tab-box2 h1{
    font-size:24px;
    font-weight:bold;
    text-align:center;
}
.container.data3 .tab-box2 h2{
    margin:12px auto 0;
    width:60%;
    line-height:35px;
    height:35px;
    background:#eb1c32;
}
.container.data3 .tab-box2 h2 span{
    float:left;
    width:49%;
    line-height:35px;
    color:#ffffff;
    display:block;
    text-align:center;
}
.container.data3 .tab-box2 h2 span.c2{
    float:right;
    height:33px;
    line-height:33px;
    color:#eb1c32;
    background:#ffffff;
    border:1px solid #eb1c32;
}
.container.data3 .tab-box2 p{
    margin-top:16px;
    font-size:16px;
    line-height:24px;
}
.container.data3 .tab-box2 p span{
    color:#eb1c32;
}
.container.data4 h1{
    padding-bottom:10px;
    font-size:24px;
    text-align:center;
}
.container.data4 .box{
    margin:0 0.5% 10px;
    float:left;
    width:49%;
    height:330px;
    background:#ffffff;
    box-sizing:border-box;
}
.container.data4 .box h2{
    padding:36px 0;
    font-size:20px;
    text-align:center;
}
.container.data4 .box .tag{
    margin:0 auto;
    width:75px;
    height:75px;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:26px;
    border:1px solid #eb1c32;
}
.container.data4 .box p{
    margin:20px auto 0;
    width:80%;
    line-height:24px;
    color:#7e7e7e;
}
.part.bg4{
    background:url("../img/bg4.jpg") no-repeat center /cover;
}
.part.data5{
    padding-bottom:0;
}
.part.data5 img{
    width:100%;
    height:auto;
    display:block;
}
.part.bg5{
    background:url("../img/bg5.jpg") no-repeat center /cover;
}
.container.cus1 .box{
    width:49%;
}
.container.cus1 .box img{
    width:100%;
    border:2px solid #ffffff;
    box-sizing:border-box;
}
.container.cus1 .box .info{
    margin-top:10px;
    width:100%;
    height:150px;
    overflow:hidden;
    background:rgba(255,255,255,0.5);
}
.container.cus1 .box .info p{
    margin:10px auto 0;
    line-height:20px;
    width:90%;
}
.container.cus1 .box a{
    margin:10px auto;
    width:80%;
    height:30px;
    font-size:18px;
    line-height:30px;
    display:block;
    color:#ffffff;
    text-align:center;
    background:#e66100;
}
.part.bg6{
    background:url("../img/bg6.jpg") repeat center;
}
.container.cus2{}
.container.cus2 img{
    width:100%;
    height:auto;
    display:block;
}
.container.cus2 .box{
    margin-top:20px;
}
.container.cus2 .box h1{
    font-size:18px;
    color:#ffffff;
}
.container.cus2 .box h1 span{
    font-size:18px;
    color:#f52d31;
}
.container.cus2 .box .info{
    margin-top:5px;
    width:100%;
    height:90px;
    background:#ffffff;
    border-top:1px solid #f52d31;
}
.container.cus2 .box .info p{
    margin:10px auto 0;
    width:96%;
    font-size:16px;
    line-height:20px;
}
.cus-btn{
    margin:0 auto;
    width:50%;
    height:36px;
    line-height:36px;
    text-align:center;
    color:#ffffff;
    display:block;
    background:#f52d31;
    border-radius:15px;
}
.part.cus3{
    padding-bottom:0;
}
.part.cus3 img{
    width:100%;
    height:auto;
    display:block;
}
.part.c2{
    background:#24272e;
}
.container.cus4{

}
.container.cus4 .box {
    margin:0 auto 10px;
    width:80%;
    border-radius:4px;
    overflow:hidden;
}
.container.cus4 .box h1{
    width:100%;
    height:32px;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    line-height:32px;
}
.container.cus4 .box .info{
    padding:10px 4%;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#ffffff;
    background-size:cover;
}
.container.cus4 .box .info h2{
    font-size:18px;
    font-weight:bold;
}
.container.cus4 .box .info p{
    margin-top:5px;
    font-size:15px;
}
.cus4-btn{
    margin-top:20px;
    display:block;
}
.cus4-btn img{
    margin:0 auto;
    height:auto;
    display:block;
}
.container.cus5 img{
    margin:0 auto;
    width:100%;
    height:auto;
    display:block;
}
.cus5-title{
    margin:5px auto 0;
    width:166px;
    line-height:30px;
    height:30px;
    font-size:18px;
    color:#f12d31;
    text-align:center;
    background:url("../img/cus5-title.png") no-repeat center;
}
.container.cus6{}
.container.cus6 h1{
    margin:0 auto 20px;
    padding-bottom:5px;
    font-size:20px;
    color:#f8682f;
    text-align:center;
    width:70%;
    position:relative;
    border-bottom:1px solid #919295;
}
.container.cus6 h1.mt{
    margin:20px auto;
}
.container.cus6 h1 img{
    left:50%;
    margin-left:-9px;
    width:18px;
    height:9px;
    bottom:-9px;
    position:absolute;
}
.container.cus6 .box img{
    float:left;
    margin:5px 0.5%;
    width:32.33%;
}
.cus6-btn{
    margin:20px auto 0;
    width:80%;
    height:36px;
    font-size:18px;
    line-height:36px;
    color:#ffffff;
    display:block;
    text-align:center;
    border-radius:14px;
    background:#ff4a00;
}
.container.cus7 img{
    width:100%;
    height:auto;
    display:block;
}
.cus7-btn{
    margin:20px auto 0;
    width:60%;
    height:36px;
    font-size:18px;
    line-height:36px;
    color:#ffffff;
    display:block;
    text-align:center;
    border-radius:14px;
    background:#ee534d;
}
.part.cus8{
    padding-bottom:0;
}
.part.cus8 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu1 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu1 h1{
    margin-top:20px;
    font-size:30px;
    text-align:center;
}
.container.tedu1 p{
    margin-top:5px;
    font-size:16px;
    color:#888888;
    text-align:center;
}
.container.tedu1 .vedio{
    margin-top:20px;
    position:relative;
}
.container.tedu1 .vedio{
    position:relative;
}
.container.tedu1 .vedio iframe{
    top:1%;
    left:10%;
    width:80%;
    height:92%;
    position:absolute;
}
.container.tedu1 h1{
    margin-top:20px;
    font-size:30px;
    text-align:center;
}
.part.bg7{
    background:url("../img/bg7.jpg") no-repeat center /cover;
}
.container.tedu2 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu3{
    margin-top:40px;
}
.container.tedu3 .box{
    float:left;
    margin:0 0.5% 10px;
    width:49%;
    height:248px;
    background:#ffffff;
}
.container.tedu3 .box .tag{
    margin:0 auto;
    width:120px;
    height:120px;
    background-repeat:no-repeat;
    background-position:center;
}
.container.tedu3 .box h1{
    font-size:20px;
    color:#ec1c32;
    text-align:center;
}
.container.tedu3 .box p{
    margin:5px auto 0;
    width:80%;
    font-size:16px;
    color:#888888;
}
.container.tedu4 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu5 img{
    width:100%;
    height:auto;
    display:block;
}
.part.bg8{
    background:url("../img/bg8.jpg") no-repeat center /cover;
}
.container.tedu6 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu6 h1{
    margin:10px auto 20px;
    padding:5px 5%;
    width:90%;
    font-size:16px;
    color:#a7a7a7;
    border:1px solid #a7a7a7;
}
.container.tedu6 h1 span{
    color:#ec1c32;
}
.container.tedu7 .box{
    float:left;
    margin:0 0.5%;
    width:32.33%;
    height:120px;
    box-sizing:border-box;
    border:1px solid #e3e3e3;
    border-radius:8px;
}
.container.tedu7 .box .tag{
    width:100%;
    height:80px;
    background-repeat:no-repeat;
    background-position:center;
}
.container.tedu7 .box p{
    text-align:center;
    font-size:18px;
}

.container.tedu8 .tab-ul3 li{
    float:left;
    margin:0 0.1666%;
    width:33%;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    position:relative;
    background:#999999;
}
.container.tedu8 .tab-ul3 li.act{
    background:#ec1c32;
}
.container.tedu8 .tab-ul3 li img{
    bottom:-5px;
    left:50%;
    margin-left:-6px;
    width:12px;
    height:6px;
    display:none;
    position:absolute;
}
.container.tedu8 .tab-ul3 li.act img{
    display:block;
}
.hide{
    display:none;
}
.container.tedu8 .tab-box3 h1{
    padding:15px 0 20px;
    font-size:18px;
    text-align:center;
}
.container.tedu8 .tab-box3 .box{
    float:left;
    margin:0 0.5% 10px;
    width:49%;
    height:auto;
    position:relative;
}
.container.tedu8 .tab-box3 .box img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu8 .tab-box3 .box .info{
    top:0;
    width:100%;
    position:absolute;
}
.container.tedu8 .tab-box3 .box .info h2{
    margin:20px auto 0;
    padding-bottom:8px;
    width:90%;
    font-size:18px;
    border-bottom:1px solid #dedede;
}
.container.tedu8 .tab-box3 .box .info p{
    margin:10px auto 0;
    width:90%;
    font-size:16px;
    color:#888888;
}

.container.tedu9 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu10 img{
    width:100%;
    height:auto;
    display:block;
}
.container.tedu11 img{
    width:100%;
    height:auto;
    display:block;
}
.part.bg9{
    background:url("../img/bg9.jpg") no-repeat center /cover;
}
.container.tedu12 img{
    width:100%;
    height:auto;
    display:block;
}

.back-top{
    left:2%;
    bottom:2%;
    width:90px;
    height:113px;
    z-index:999999;
    cursor:pointer;
    position:fixed;
    background-image:url("../img/top.png");
    background-position:center;
    background-repeat:no-repeat;
}
.back-top:hover{
    background-image:url("../img/top-h.png");
}


.footer{
    padding:10px 10px 60px 10px;
    font-size:12px;
    background:#1a1919;
}
.footer p{
    font-size:12px;
    color:#b0b1b2;
    text-align:center;
}
.footer a{
    font-size:12px;
    color:#b0b1b2;
    display:block;
    text-align:center;
}
/*baoxian*/
.bx_banner_box{
    width:100%;
    margin: 1px auto;
    background: -webkit-gradient(linear,0 0,100% 100%,from(#353541), to(#2f2f3b));
    background: -moz-linear-gradient(left,#353541,#2f2f3b);
    background:-o-linear-gradient(left,#353541,#2f2f3b);
}
.bx_banner_box  img{
    max-width:100%;
    display: block;
    margin:0 auto;
}



.lyb img{
	width: 100%;
	height: auto;
}
.lyb .labBox{
	padding-top: 8%;
}
.lyb form .labBox div{
    margin-bottom:5%;
    color:#ec1c32;
    font-size:24px;
    line-height:35px;
    display:block;
    vertical-align:middle;
    margin-left: 10%;
}
.lyb form input[type='text']{
    margin-left:10px;
    width:70%;
    height:35px;
    line-height:35px;
    text-indent:2%;
    color:#363636;
    background:#ffffff;
    border:1px solid #ec1c32;
    vertical-align:middle;
}
.lyb form input[type='submit']{
   	margin: 8% auto 0;
    width:50%;
    font-size:28px;
    height:40px;
    line-height:40px;
    color:#ffffff;
    display:block;
    background:#f2283f;
    border:none;
    -webkit-appearance:none;
    outline:none;
    border-radius:18px;
}