body{font-family: "Microsoft YaHei";}
/*栏目图片*/
.position{ background: #fff;}

.trainingSeminarList{margin-top: 51px;}
.trainingSeminarList ul{ margin-left: -39px;}
.trainingSeminarList li{ position: relative;margin-bottom: 34px;margin-left: 39px;box-shadow: 0px 2px 2px rgba(0,0,0,0.23);}
.trainingSeminarList li:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,0.35);-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35);-moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35);-o-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35);}
.trainingSeminarList li:hover .newsImg{border: solid 1px #1b9f96;border-bottom:none; }
.trainingSeminarList li:hover .newsInfo{border: solid 1px #1b9f96;border-top: none;}
.trainingSeminarList li .newsImg a{ overflow: hidden;display: inline-block;}
.trainingSeminarList li .newsImg a img{transition: all 0.6s;}
.trainingSeminarList li .newsImg a img:hover{transform: scale(1.1);}
.trainingSeminarList .newsImg{ border: solid 1px #e1e7ed;border-bottom:none;}
.trainingSeminarList .newsInfo{border: solid 1px #e1e7ed;border-top: none;padding: 0 20px 26px;width: 332px;}
.newsInfo a{display: inline-block;font-size: 16px;color: #333;letter-spacing: 0.8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    width: 332px;margin-top: 16px;margin-bottom: 24px;}
.newsInfo a:hover{ color: #1b9f96;}
.newsInfo p{ font-size: 14px;color: #333;}
.newsInfo p.date{ background: url(../images/iconDate.png) left center no-repeat;padding-left: 22px;display: inline-block;
     letter-spacing: 0.6px;margin-bottom: 9px;}
.newsInfo p.address{ background: url(../images/iconAddress.png) left center no-repeat;padding-left: 22px;letter-spacing: 0.6px;}
.newsInfo span{ color: #1b9f96;font-weight: 700;font-size: 14px;}
.newsInfo a.apply{ font-size: 14px;color: #fff;background: #1b9f96;display: inline-block;height: 31px;width: 74px;border-radius: 3px;
     text-align: center;line-height: 31px;margin: 0;position: absolute;right: 18px;bottom: 28px;}
.newsInfo a.apply:hover{ background-color: #127972;}
/*表单*/
.form {height: 628px;margin-top: -314px;}
/*分页*/
.page {height: 30px;text-align: center;width: auto;margin: 18px auto 71px;}

@media(max-width: 1240px) {
    .mycontainer{ width: 94%;margin: 0 auto;}
    .trainingSeminarList ul {margin-left: -2%;}
    .trainingSeminarList li {width: 31.33%;margin-left: 2%;}
    .trainingSeminarList li .newsImg a{ width: 100%;}
    .trainingSeminarList li .newsImg a img{ width: 100%;}
    .trainingSeminarList .newsInfo{ width: 90%;padding: 0 5% 26px;}
    .newsInfo a {width: 90%;}
}
@media(max-width: 999px) {
   /*表单*/
    .form {width: 700px;margin-left: -350px;}
    .box {width: 660px;margin-left: -330px;}

    .newsInfo a.apply {right: 7px;bottom: 23px;}
}
@media(max-width: 768px) {
    /*表单*/
    .form {width: 550px;margin-left: -275px;}
    .box {width: 500px;margin-left: -250px;height: 280px;margin-top: -140px;}
    .successBox .success {padding-top: 60px;}

    .trainingSeminarList ul {margin-left: -4%;}
    .trainingSeminarList li {width: 46%;margin-left: 4%;}
    .newsInfo a{ margin-bottom: 16px;}
    .trainingSeminarList .newsInfo { padding-bottom: 20px;}
    .trainingSeminarList li {margin-bottom: 40px;}
    .newsInfo a.apply {right: 7px;bottom: 18px;}
}
@media(max-width: 650px) {
     /*表单*/
    .form {width: 450px;margin-left: -225px;}
}
@media(max-width: 580px) {
     /*表单*/
    .box {width: 400px;margin-left: -200px;height: 312px;margin-top: -156px;}
    .successBox .success {padding-top: 91px;}
    .fail {padding-top: 92px;}
}
@media(max-width: 480px) {
    
    /*表单*/
    .form {width: 380px;margin-left: -190px;height: 600px;margin-top: -300px;}
    form span{ display: block;margin-bottom: 7px;}
    form li {margin-bottom: 25px;}
    form input {width: 266px;}
    form i {top: 32px;}
    form {width: 302px;margin: 18px auto 0;}
    .form .formHead h2 {padding-top: 40px;}
    .errorWrap {left: 0;}
    .form{overflow-y: scroll;}

    .trainingSeminarList ul {margin-left: 0;}
    .trainingSeminarList li {width: 100%;margin-left: 0;}
    /*分页*/
    .page{margin: 9px auto 64px;}
}
@media(max-width: 420px) {
    .form {width: 350px;margin-left: -175px;}
     .box {width: 320px;margin-left: -160px;}
}
@media(max-width: 380px) {
    .form {width: 340px;margin-left: -170px;}
}
@media(max-width: 350px) {
    .form {width: 320px;margin-left: -160px;height: 450px;margin-top: -225px;}
}