/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.input-box { position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; }

.input-box input[type=text] { display: inline-block; width: 100%; color: black; line-height: 38px; height: 38px; font-size: 15px; padding-left: 20px; box-sizing: border-box; border: 1px solid #dddddd; }

.input-box input[type=button] { display: inline-block; width: 100%; font-size: 17px; color: white; text-align: center; line-height: 38px; background-color: #2fb476; border: none; border-radius: 6px; }

.input-box .up-step { color: black !important; background-color: black !important; }

.input-box label { display: inline-block; margin-left: 4px; font-size: 14px; color: #747474; line-height: 24px; vertical-align: text-bottom; }

.input-box .not-pass { display: inline-block; float: right; color: #3f3f3f; line-height: 27px; }

.input-box label{position: absolute;right: 10px;  top: 7px;}

.test-box input[type=text] { width: 66%; float: left; }

.test-box input[type=text] { width: 66%; float: left; }

.test-box input[type=button] { width: 34%; font-size: 15px; color: white; line-height: 38px; height: 38px; float: left; border-radius: 0px; }

.input-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b3b3b3; }

.input-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b3b3b3; }

.input-box input:-ms-input-placeholder { color: #b3b3b3; }

.input-box input::-webkit-input-placeholder { color: #b3b3b3; }

.input-box  select { width: 148px; height: 38px; font-size: 15px; padding: 0 12px; border: 1px solid #d6d6d6;}

.input-box:last-child { margin-bottom: 0; }

.suit-activity { width: 100%; overflow: hidden;min-width: 1220px; }
/*.suit-activity .banner { position: relative; width: 100%; height: 564px; min-width: 1200px; background: url(../images/588-img/suit-banner.jpg) no-repeat; background-position: center center; }*/
.suit-activity .banner{position: relative;min-width: 1220px;}
.suit-activity .banner >img{width: 100%;min-width: 1220px;}
.suit-activity .banner .conter-box {position: absolute; width: 1460px; margin: 0 auto;overflow: hidden ;top: 50%;  margin-top: -185px;left: 50%;  margin-left: -730px;}
.suit-activity .banner .conter-box .form-content { float: right; display: inline-block; width: 350px; padding: 20px;  background: rgba(251, 251, 251, 0.88); box-sizing: border-box; border-radius: 6px; }
.suit-activity .banner  .info_carousel {position: absolute;display: inline-block; bottom: 20px;padding: 0 20px;left: 13%; width: 500px;height: 38px;border-radius: 20px;background-color: rgba(0,0,0,0.3);box-sizing: border-box;overflow: hidden}
.suit-activity .banner  .info_carousel ul li a{line-height: 38px;color: white;font-size: 14px;}
.suit-activity .banner .conter-box .info_carousel ul li a i{display: inline-block;vertical-align: top}
.suit-activity h3 { padding: 48px 0; text-align: center; height: auto}
.suit-activity .suit-content { width: 100%; background-color: #ffffff; }
.suit-activity .suit-content .preferential { width: 1200px; margin: 0 auto; padding: 10px 0 50px 0; text-align: center; }
.suit-activity .suit-content .preferential img{ max-width: none !important;}
.suit-activity .suit-content .part3 { width: 100%; text-align: center; padding-bottom: 50px; }
.suit-activity .suit-content .part3 ul { display: inline-block; border: 1px solid #e3e3e3; }
.suit-activity .suit-content .part3 ul li { float: left; }
.suit-activity .suit-content .part3 ul li a { display: inline-block; width: 150px; font-size: 24px; text-align: center; line-height: 54px; letter-spacing: 1px; color: #101010; border-right: 1px solid #e3e3e3; box-sizing: border-box; }
.suit-activity .suit-content .part3 ul li .cur { color: white; background-color: #2fb476; }
.suit-activity .suit-content .part3 ul li:last-child a { border-right: none; }
.suit-activity .suit-content .part3 .part3-swiper { width: 1200px; margin-top: 38px; }
.suit-activity .part-back { width: 100%; background-color: #f8f8f8; padding-bottom: 50px; }
.suit-activity .part-back .part2-content { width: 1200px; margin: 0 auto; text-align: center; }
.suit-activity .part-back .part2-content .part2-swiper { width: 100%; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide { position: relative; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide a { display: inline-block; width: 100%; text-align: left; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide .info { position: absolute; display: inline-block; padding: 38px 18px 38px 55px; right: 0; top: 0; width: 387px; height: 506px; text-align: center; background: url("../images/588-img/part2-back.png") no-repeat; box-sizing: border-box; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide .info > span { display: inline-block; width: 124px; height: 124px; border-radius: 50%; overflow: hidden; box-shadow: 0px 0px 10px 2px #efefef; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide .info > span img { width: 100%; height: 100%; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide .info h4 { font-size: 30px;height: auto; line-height: 70px; }
.suit-activity .part-back .part2-content .part2-swiper .swiper-wrapper .swiper-slide .info p { font-size: 16px; text-align: left; line-height: 25px; }
.suit-activity .part-back .img-box { width: 1200px; margin: 0 auto; }
.suit-activity .part-back .img-box ul { display: inline-block; }
.suit-activity .part-back .img-box ul li { float: left; margin: 0 14px  14px 0; }
.suit-activity .part-back .img-box ul li:nth-child(4n+0) { margin-right: 0; }
.suit-activity .part4{width: 1220px; text-align: center;margin: 0 auto;margin-bottom: 50px;}
.suit-activity .part4 .apply-tag{display: inline-block;width: 360px;line-height: 78px;margin-top: 50px; font-size: 24px;color: white;background-color: #2fb476;border-radius: 10px;letter-spacing: 1px;}

@media (max-width: 1460px) and (min-width: 0px) {
    .input-box{margin-bottom: 12px;}
    .input-box select{height: 36px;}
    .input-box input[type=text]{line-height: 36px ;height: 36px;}
    .test-box input[type=button]{line-height: 36px;height: 36px;}
    .suit-activity .banner .conter-box { width: 1100px;margin-left: -550px; margin-top: -159px;}
    .suit-activity .banner .conter-box .info_carousel{left: 1%;}
}

/*# sourceMappingURL=app-style.css.map */