@charset "UTF-8";
.answers .answers-list li .jbt, .answers .answers-list li .wajd a, .training .training-r .training-list2 li span, .news .news-list li a, .middle .Popularity ul li a, .kbtx .training-list2 li a span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

a { display: inline-block; *zoom: 1; *display: inline; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body { margin: 0; font-size: 14px; font-family: "微软雅黑"; color: #333333; }

p { margin: 0; }

ul { list-style: none; margin: 0; padding: 0; }

a { cursor: pointer; text-decoration: none; color: #333333; }

a:hover { text-decoration: none; }

.wrap { width: 1200px; margin: 0 auto; }

.wrap:after { content: ""; display: block; clear: both; }

img { max-width: 100%; height: auto; vertical-align: middle; border: none; }

i, em { font-style: normal; }

.fr { float: right; }

.fl { float: left; }

.clearfix:after { content: ""; display: block; clear: both; }

.clearfix { zoom: 1; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

a:hover { color: #cf3340; }

.answers_r { float: right; margin-right: -40px; }
.answers_r a { display: block; float: right; margin-right: 40px; font-size: 16px; width: 82px; height: 28px; line-height: 28px; background: #cf3340; color: #fff; text-decoration: none; text-align: center; border-radius: 4px; }
.answers_r span { color: #cf3340; font-size: 16px; margin-left: 6px; margin-right: 10px; }

.answers { margin-top: 27px; }
.answers h4 { font-size: 20px; margin-bottom: 16px; float: left; }
.answers .answers-list { margin-right: -28px; }
.answers .answers-list li { width: 348px; height: 202px; margin-bottom: 22px; float: left; background: url(../images/p.png); background-repeat: no-repeat; margin-right: 28px; }
.answers .answers-list li .jbt { font-size: 16px; font-weight: bold; text-align: center; color: #333; text-align: center; margin-top: 32px; margin-bottom: 40px; display: block; }
.answers .answers-list li .jbt:hover { text-decoration: underline; }
.answers .answers-list li .wajd { text-align: center; }
.answers .answers-list li .wajd a, .answers .answers-list li .wajd i { color: #fff; margin-bottom: 4px; }
.answers .answers-list li .wajd a:hover, .answers .answers-list li .wajd i:hover { text-decoration: underline; }
.answers .answers-list li .wajd a { width: 260px; text-align: left; }
.answers .answers-list li.p2 { background: url(../images/p2.png); }
.answers .answers-list li.p3 { background: url(../images/p3.png); }
.answers .answers-list li.p4 { background: url(../images/p4.png); }
.answers .answers-list li.p5 { background: url(../images/p5.png); }
.answers .answers-list li.p6 { background: url(../images/p6.png); }
.answers .answers-list li.p7 { background: url(../images/p7.png); }
.answers .answers-list li.p8 { background: url(../images/p8.png); }
.answers .answers-list li.p9 { background: url(../images/p9.png); }

.search { background: url(../images/gg.png); background-repeat: no-repeat; width: 100%; height: 113px; }
.search .search-input { padding-top: 56px; float: right; margin-right: 53px; }
.search .search-input input { width: 467px; height: 37px; border: none; padding-left: 14px; box-sizing: border-box; }
.search .search-input .search-btn { cursor: pointer; padding: 0; width: 94px; text-align: center; height: 37px; background: #fffc00; color: #5b5a17; font-size: 16px; border-bottom: 3px solid #a4b894; margin-left: 8px; }

.training { margin-top: 46px; margin-bottom: 50px; }
.training .training-l { float: left; background: url(../images/ks.jpg); background-repeat: no-repeat; width: 252px; height: 400px; padding-top: 183px; box-sizing: border-box; }
.training .training-l .training-bt { width: 218px; height: 202px; background: rgba(35, 110, 242, 0.7); margin: 0 auto; text-align: center; padding-top: 20px; box-sizing: border-box; }
.training .training-l .training-bt a { width: 85px; height: 31px; line-height: 31px; border-radius: 4px; color: #fff; border: 1px solid #fff; text-align: center; margin: 0 6px; margin-bottom: 7px; overflow: hidden; }
.training .sc2 { background: url(../images/ks2.jpg); }
.training .sc2 .sc-bg2 { background: rgba(255, 73, 116, 0.7); }
.training .sc3 { background: url(../images/ks3.jpg); }
.training .sc3 .sc-bg3 { background: rgba(22, 178, 178, 0.7); }
.training .sc4 { background: url(../images/ks4.jpg); }
.training .sc4 .sc-bg4 { background: rgba(128, 111, 255, 0.7); }
.training .sc5 { background: url(../images/ks5.jpg); }
.training .sc5 .sc-bg5 { background: rgba(255, 129, 11, 0.7); }
.training .sc6 { background: url(../images/ks6.jpg); }
.training .sc6 .sc-bg6 { background: rgba(23, 146, 254, 0.7); }
.training .sc7 { background: url(../images/ks7.jpg); }
.training .sc7 .sc-bg7 { background: rgba(175, 88, 224, 0.7); }
.training .sc8 { background: url(../images/ks8.jpg); }
.training .sc8 .sc-bg8 { background: rgba(43, 141, 232, 0.7); }
.training .sc9 { background: url(../images/ks9.jpg); }
.training .sc9 .sc-bg9 { background: rgba(58, 191, 201, 0.7); }
.training .training-r { width: 830px; float: right; }
.training .training-r .training-r-t { margin-bottom: 24px; }
.training .training-r .training-r-t h4 { float: left; font-size: 20px; }
.training .training-r .training-r-t .xx { width: 627px; height: 10px; background: url(../images/xx.jpg) repeat-x; float: left; margin-top: 10px; margin-left: 15px; }
.training .training-r .training-r-t a { margin-left: 24px; color: #cf3340; margin-top: 4px; }
.training .training-r .training-list1 { margin-right: -54px; }
.training .training-r .training-list1 li { float: left; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed #e8e8e8; margin-right: 30px; padding-left: 8px; padding-right: 8px; width: 396px; box-sizing: border-box; }
.training .training-r .training-list1 li i { float: left; color: #999999; margin-right: 6px; }
.training .training-r .training-list1 li a { color: #666666; }
.training .training-r .training-list1 li a:hover { color: #cf3340; }
.training .training-r .training-list1 li span { color: #666; float: right; }
.training .training-r .training-list2 { margin-right: -15px; }
.training .training-r .training-list2 li { float: left; width: 194px; position: relative; margin-right: 15px; }
.training .training-r .training-list2 li img { width: 194px; height: 130px; overflow: hidden; }
.training .training-r .training-list2 li span { display: block; text-align: center; position: absolute; height: 33px; line-height: 33px; background: rgba(59, 59, 59, 0.8); bottom: 0; left: 0; text-align: center; width: 100%; color: #fff; }

.ggt { margin-bottom: 50px; }

.news { width: 100%; }
.news .training-r-t { margin-bottom: 24px; }
.news .training-r-t h4 { float: left; font-size: 20px; }
.news .training-r-t .xx { width: 911px; height: 10px; background: url(../images/xx.jpg) repeat-x; float: left; margin-top: 10px; margin-left: 15px; }
.news .training-r-t a { margin-left: 24px; margin-top: 4px; }
.news .news-list { margin-right: -30px; }
.news .news-list li { float: left; margin-bottom: 12px; margin-right: 30px; padding-left: 8px; padding-right: 8px; width: 346px; box-sizing: border-box; }
.news .news-list li i { float: left; color: #999999; margin-right: 6px; }
.news .news-list li a { color: #666666; width: 250px; }
.news .news-list li span { color: #999; float: right; }
.news .news-list li:hover a { color: #cf3340; }
.news .news-list li:hover i { color: #cf3340; }
.news .news-list li:hover span { color: #cf3340; }

.link { margin-top: 40px; margin-bottom: 27px; }
.link .training-r-t { margin-bottom: 24px; overflow: hidden; }
.link .training-r-t h4 { float: left; font-size: 20px; }
.link .training-r-t .xx { width: 1000px; height: 10px; background: url(../images/xx.jpg) repeat-x; float: left; margin-top: 10px; margin-left: 15px; }
.link .training-r-t a { margin-left: 24px; margin-top: 4px; }
.link .link-a { margin-top: 30px; }
.link .link-a a { margin-right: 30px; margin-bottom: 10px; }

.navigation { min-width: 1100px; background: #eee; }

.navigation-fl { float: left; position: relative; width: 150px; }

.navigation-fl .qq { position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: auto; padding: 0 15px; border: 1px solid #ddd; line-height: 28px; text-align: center; background: #fff; }

.navigation-fl .qq:hover { text-decoration: none; }

.navigation-ul { float: right; padding: 40px 0; width: 930px; }

.navigation-ul li { float: left; margin-left: 26px; width: 139px; border-right: 1px solid #ddd; line-height: 26px; }

.navigation-ul li:first-child { margin-left: 0; width: 150px; }

.navigation-ul li:first-child dd a { float: left; width: 74px; }

.navigation-ul li:nth-child(2) { width: 162px; }

.navigation-ul li:nth-child(2) dd a { float: left; width: 80px; }

.navigation-ul li:last-child { border: 0; }

.navigation-ul dt { margin-bottom: 5px; font-size: 16px; font-weight: 700; }

.navigation-ul dt a:hover { color: #333; text-decoration: none; }

.navigation-ul dd a { float: left; width: 68px; color: #666; }

.navigation-ul dd a:hover { color: #b31515; text-decoration: none; }

.navigation-ul .ms-nav { width: 70px; }

.page-path { font-size: 12px; line-height: 50px; color: #888; }

.page-path a { color: #888; }

.page-path a:hover, .page-path .cur { color: #cf3340; }

.z h4 { font-size: 20px; float: left; }
.z .nav { margin: 16px 0; margin-right: -20px; }
.z .nav li { cursor: pointer; width: 92px; height: 36px; line-height: 36px; background: #ececec; color: #333333; text-align: center; float: left; margin-right: 20px; }
.z .nav li.active { background: #cf3340; color: #fff; }
.z .ahh { width: 100%; display: none; }
.z .ahh .ahh-list li { cursor: pointer; position: relative; float: left; margin: 0 10px; padding-bottom: 10px; }
.z .ahh .ahh-list li.active:after { width: 100%; height: 3px; bottom: 0px; left: 0; content: ""; position: absolute; background: #cf3340; }
.z .ahh .tb { display: none; height: 42px; line-height: 42px; width: 100%; border: 1px solid #ccc; }
.z .ahh .tb .ahh2-list li { float: left; margin: 0 10px; width: auto; }
.z .ahh .tb.active { display: block; }
.z .ahh.active { display: block; }

.middle { margin-top: 25px; }
.middle .middle-l { float: left; width: 780px; }
.middle .middle-l input { width: 687px; height: 42px; float: left; line-height: 42px; font-size: 16px; background: url(../images/dd.png) no-repeat 16px #fff7f8; border: none; outline: none; padding-left: 66px; }
.middle .middle-l input::-webkit-input-placeholder { color: #cf3340; }
.middle .middle-l input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cf3340; }
.middle .middle-l input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cf3340; }
.middle .middle-l input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cf3340; }
.middle .middle-l .btn { width: 92px; background: #cf3340; color: #fff; padding: 0; cursor: pointer; }
.middle .middle-wd-t { margin-bottom: 13px; margin-top: 25px; }
.middle .middle-wd-t .bt { background: url(../images/wh.png) no-repeat left; height: 27px; line-height: 27px; font-size: 18px; color: #444; float: left; padding-left: 40px; font-weight: bold; }
.middle .middle-wd-t .bt:hover { color: #cf3340; }
.middle .middle-wd-t .fsz { float: right; }
.middle .middle-wd-t .fsz span { margin-left: 55px; color: #666666; }
.middle .middle-wd-sj { background: #f4f4f4; padding-left: 30px; padding-top: 15px; padding-bottom: 15px; color: #777777; position: relative; }
.middle .middle-wd-sj h4 { color: #444; font-size: 16px; margin-bottom: 10px; }
.middle .middle-wd-sj p { line-height: 26px; }
.middle .middle-wd-sj:after { content: ""; height: 0; width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #f4f4f4; position: absolute; top: -12px; left: 34px; }
.middle .m-news { margin-top: 16px; }
.middle .m-news li { width: 100%; height: 34px; line-height: 34px; }
.middle .m-news li a { width: 100%; }
.middle .m-news li a .fr span { color: #999999; margin-left: 80px; }
.middle .m-news li a .fr span i { color: #cf3340; }
.middle .m-news li:hover { background: #f4f4f4; }
.middle .middle-r { width: 300px; float: right; }
.middle .middle-r .middle-r-f { width: 100%; height: 393px; background: #f4f4f4; padding: 0 18px; margin-bottom: 19px; }
.middle .middle-r .middle-r-f h4 { color: #444; font-size: 18px; font-weight: bold; text-align: center; padding-top: 24px; padding-bottom: 12px; }
.middle .middle-r .middle-r-f span { color: #666; font-size: 14px; text-align: center; display: block; margin-bottom: 16px; }
.middle .middle-r .middle-r-f input, .middle .middle-r .middle-r-f textarea { width: 262px; height: 40px; line-height: 40px; background: #fff; border: none; margin-bottom: 10px; padding-left: 14px; }
.middle .middle-r .middle-r-f textarea { height: 127px; resize: none; }
.middle .middle-r .middle-r-f .btn { width: 100%; background: #cf3340; color: #fff; padding: 0; cursor: pointer; }
.middle .Popularity { width: 100%; background: #f4f4f4; padding: 0 16px; margin-bottom: 20px; }
.middle .Popularity h4 { color: #444; font-size: 18px; font-weight: bold; text-align: center; padding-top: 24px; padding-bottom: 12px; border-bottom: 1px solid #dddddd; }
.middle .Popularity ul { margin-top: 14px; }
.middle .Popularity ul li { padding-bottom: 10px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 12px; }
.middle .Popularity ul li a { width: 268px; }
.middle .Popularity ul li a i { margin-right: 12px; width: 18px; height: 18px; line-height: 18px; display: block; text-align: center; border-radius: 4px; float: left; background: #e5e5e5; }
.middle .Popularity ul li:last-child { border-bottom: none; }
.middle .mechanism { width: 100%; height: 547px; background: #f4f4f4; padding: 0 14px; }
.middle .mechanism h4 { color: #444; font-size: 18px; font-weight: bold; text-align: center; padding-top: 24px; padding-bottom: 12px; border-bottom: 1px solid #dddddd; }
.middle .mechanism .ge { border-bottom: 1px solid #dddddd; margin-top: 20px; }
.middle .mechanism .ge .wz { padding: 0 10px; }
.middle .mechanism .ge .hsd-img {  background:#fff;text-align: center; margin-bottom: 0; width: 253px; height: 78px; overflow: hidden; margin: 0 auto; }
.middle .mechanism .ge .hsd-img img{margin-top: 10px;}
.middle .mechanism .ge .hsd { height: 34px; line-height: 34px; width: 253px; background: #fff; margin: 0 auto; text-align: center; border-top: 1px solid #f4f4f4; margin-bottom: 10px; }
.middle .mechanism .ge span { display: block; color: #666666; margin-bottom: 10px; }
.middle .mechanism .ge:last-child { border-bottom: none; }


.kbtx .training-r-t { margin-bottom: 24px; }
.kbtx .training-r-t h4 { float: left; font-size: 20px; }
.kbtx .training-r-t .xx { width: 882px; height: 10px; background: url(../images/xx.jpg) repeat-x; float: left; margin-top: 10px; margin-left: 15px; }
.kbtx .training-r-t a { margin-left: 11px; color: #cf3340; background: url(../images/zygh.jpg) no-repeat; width: 112px; height: 31px; }
.kbtx .training-list2 { margin-right: -22px; }
.kbtx .training-list2 li { float: left; width: 258px; margin-right: 22px; }
.kbtx .training-list2 li a { position: relative; }
.kbtx .training-list2 li a img { width: 258px; height: 176px; overflow: hidden; }
.kbtx .training-list2 li a span { display: block; text-align: center; position: absolute; height: 45px; line-height: 45px; background: rgba(59, 59, 59, 0.8); bottom: 0; left: 0; text-align: center; width: 100%; color: #fff; }
.kbtx .training-list2 li .waiting { margin-top: 10px; }
.kbtx .training-list2 li .waiting span { display: block; color: #666666; margin-bottom: 8px; }
.kbtx .training-list2 li .waiting i { color: #cf3340; }
.kbtx .training-list2 li .waiting .szm { float: left; }
.kbtx .training-list2 li .waiting .szm2 { float: right; background: url(../images/th.png) no-repeat left; padding-left: 24px; color: #cf3340; cursor: pointer; }

.prop-tm, .kb-tc { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); display: none; position: fixed; top: 0; left: 0; z-index: 99; }

.close { position: absolute; top: 12px; right: 8px; z-index: 1; cursor: pointer; width: 24px; height: 24px; background: url(../images/colse.png) no-repeat; }

.prop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/tkbj.png) no-repeat; width: 610px; height: 425px; padding: 0 44px; z-index: 99; }
.prop h4 { font-size: 18px; margin-top: 40px; margin-bottom: 22px; }
.prop .prop-chebox { margin-right: -30px; }
.prop .prop-chebox li { float: left; color: #666666; cursor: pointer; background: url(../images/e.png) no-repeat left; height: 14px; line-height: 14px; padding-left: 24px; margin-bottom: 36px; margin-right: 30px; }
.prop .prop-chebox li.active { background: url(../images/e-bg.png) no-repeat left; }
.prop .sr { margin-top: 0px; }
.prop textarea { width: 522px; height: 121px; font-size: 14px; border: 1px solid #e6e6e6; background: #f6f6f6; resize: none; padding: 16px  0px 0px 16px; }
.prop input { width: 104px; height: 38px; text-align: center; line-height: 38px; color: #fff; background: #cf3340; margin: 0 auto; border: none; cursor: pointer; text-align: center; display: block; margin-top: 10px; }

.lxfsprop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/tkbj2.png) no-repeat; width: 513px; height: 322px; text-align: center; }
.lxfsprop h4 { font-size: 18px; margin-top: 50px; margin-bottom: 22px; }
.lxfsprop .prop-chebox { margin-right: -30px; }
.lxfsprop .prop-chebox li { float: left; cursor: pointer; background: url(../images/e.png) no-repeat left; height: 14px; line-height: 14px; padding-left: 24px; margin-bottom: 36px; margin-right: 30px; }
.lxfsprop .prop-chebox li.active { background: url(../images/e-bg.png) no-repeat left; }
.lxfsprop .sr { margin-top: 0px; }
.lxfsprop textarea { width: 522px; height: 121px; border: 1px solid #e6e6e6; background: #f6f6f6; resize: none; padding: 16px  0px 0px 16px; }
.lxfsprop .gm { background: url(../images/gm.png) no-repeat center; width: 271px; margin: 0 auto; margin-bottom: 22px; display: block; color: #666666; }
.lxfsprop input { width: 300px; height: 44px; line-height: 44px; border: 1px solid #e6e6e6; background: #f6f6f6; margin-bottom: 12px; padding-left: 20px; }
.lxfsprop .btn { width: 104px; height: 38px; text-align: center; line-height: 38px; color: #fff; background: #cf3340; margin: 0 auto; border: none; cursor: pointer; text-align: center; display: block; margin-top: 10px; padding: 0; }

.kbtxprop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/tkbj2.png) no-repeat; width: 513px; height: 322px; text-align: center; }
.kbtxprop h4 { font-size: 18px; margin-top: 30px; margin-bottom: 22px; }
.kbtxprop .prop-chebox { margin-right: -30px; }
.kbtxprop .prop-chebox li { float: left; color: #666666; cursor: pointer; background: url(../images/e.png) no-repeat left; height: 14px; line-height: 14px; padding-left: 24px; margin-bottom: 36px; margin-right: 30px; }
.kbtxprop .prop-chebox li.active { background: url(../images/e-bg.png) no-repeat left; }
.kbtxprop .sr { margin-top: 0px; }
.kbtxprop textarea { width: 522px; height: 121px; border: 1px solid #e6e6e6; background: #f6f6f6; resize: none; padding: 16px  0px 0px 16px; }
.kbtxprop input { width: 300px; height: 44px; line-height: 44px; border: 1px solid #e6e6e6; background: #f6f6f6; margin-bottom: 12px; padding-left: 20px; }
.kbtxprop .btn { width: 104px; height: 38px; text-align: center; line-height: 38px; color: #fff; background: #cf3340; margin: 0 auto; border: none; cursor: pointer; text-align: center; display: block; margin-top: 10px; padding: 0; }

.tb .swiper-button-prev.swiper-button-disabled { opacity: 1; }

.tb .swiper-button-next, .tb .swiper-button-prev { margin-top: -2px; width: 40px; height: 40px; background-size: 40px; }

.tb .next { background-image: url(../images/right.jpg); right: -1px; top: 2px; }

.tb .swiper-button-prev { background-image: url(../images/left.jpg); left: 4px; top: 2px; }


.header_r{float: right;padding-top: 16px;margin-left: -20px;}
.header_r a,.new-header .header_r span{cursor: pointer;margin-left: 40px;display: inline-block;font-size: 16px;line-height: 32px;text-decoration: none;background: url(http://img.thea.cn/public/platform/other/criterion/images/thea_top_icon.png) no-repeat;padding-left: 43px;}
.header_r .tel{font-size: 20px;}
.header_r .tel,.new-header .header_r a:hover,.new-header .header_r span:hover{color: #f05630;}
.header_r .lis{background-position: 0px -32px;}
.header_r .lis:hover{background-position: 0px -96px;}
.header_r .kf{background-position: 0px -64px;position: relative;}
.header_r .kf:hover{background-position: 0px -128px;}
.header_r .kf a{position: absolute;width: 100%;height: 100%;margin: 0;background: none;left: 0;padding: 0;}