@charset "UTF-8";
html { font-size: 16px; }

img { max-width: 100%; }

.content { margin-right: auto; margin-left: auto; width: 100%; height: auto; }
.content .resources-banner { width: 100%; max-width: 100%; height: 100%; }
.content .resources-concept { max-width: 100%; background: #fff; margin: 4.2% auto; }
.content .resources-concept .title { color: #5f6367; }
.content .resources-concept .subhead { position: relative; width: 12.9rem; text-align: center; margin: 10px auto; }
.content .resources-concept .subhead .word { position: absolute; left: 0; right: 0; top: -7px; height: 14px; width: 9.1rem; background-color: #fff; margin: auto; font-size: 0.75rem; font-size: 0.75rem; font-family: arial; color: #00c1de; }
.content .resources-concept .subhead .line { top: 10px; width: 100%; height: 2px; background-color: #9b9ea0; }
.content .resources-concept .main { margin: 2.5% auto 0; max-width: 1200px; }
.content .resources-concept .main .row { margin: 0; }
.content .resources-concept .main .list { margin:2%; padding: 0;-webkit-box-shadow: 0 0px 7px rgba(222, 222, 222, 0.81), 0 0 0px rgba(222, 222, 222, 0.1) inset; box-shadow: 0 0px 7px rgba(222, 222, 222, 0.81), 0 0 0px rgba(222, 222, 222, 0.1) inset;  }
.content .resources-concept .main .list .title-num { width: 3.3rem; height: 3.3rem; background: #00C1DE; color: #fff; margin: 1.2rem; float: left; text-align: center; line-height: 3.3rem; font-size: 1.3rem;}
.content .resources-concept .main .list .title { font-size: 1.125rem; padding-top: 1rem; line-height: 1.5rem; width: 84%; color: #5BC0DE;}
.content .resources-concept .main .list .describe { padding: 0.3rem 1.2rem 1.2rem 5.7rem; text-align: justify; font-size: 0.875rem; line-height: 1.6rem; color: #5f6367; }

.content .resources-benefit { max-width: 100%; margin: auto; background: #f5f5f6; }
.content .resources-benefit .title { padding-top: 3.8%; color: #5f6367; }
.content .resources-benefit .subhead { position: relative; width: 12.9rem; text-align: center; margin: 10px auto; }
.content .resources-benefit .subhead .word { position: absolute; left: 0; right: 0; top: -7px; height: 0.875rem; width: 8.1rem; margin: auto; font-size: 0.75rem; font-family: arial; color: #5BC0DE; }
.content .resources-benefit .subhead .line { top: 10px; width: 14%; height: 2px; background-color: #9b9ea0; }
.content .resources-benefit .subhead .left { float: left; }
.content .resources-benefit .subhead .right { float: right; }
.content .resources-benefit .main { margin: 4.3% auto 0; max-width: 1200px; padding-bottom: 4.3%; }
.content .resources-benefit .main .list { height: 20rem; overflow: hidden; }
.content .resources-benefit .main .list .triangle_border_left { display: block; width: 0; height: 0; border-width: 28px 28px 28px 0; border-style: solid; border-color: transparent #f5f5f5 transparent transparent; /*透明 黄 透明 透明 */ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0px; }
.content .resources-benefit .main .list img { width: 100%; height: 100%; }
.content .resources-benefit .main .list .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3.1rem; line-height: 1.6rem; overflow: hidden; text-align: justify; margin: auto 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.content .resources-benefit .main .list .text h3 { margin: 0; font-size: 1.25rem; color: #373D41; }
.content .resources-benefit .main .list .text ol { margin-top: 0.875rem; color: #5f6367; font-size: 1rem; padding-left: 1rem; }
.content .resources-benefit .main .list .text ol li { list-style: decimal; }
.content .resources-benefit .main .list .text p { margin-top: 0.875rem; color: #5f6367; font-size: 1rem; line-height: 1.5rem; }
.content .resources-benefit .main .list-right .text { float: left; }
.content .resources-benefit .main .list-right .list-img { float: right; }
.content .resources-benefit .main .list-right .list-img .triangle_border_left { border-width: 28px 0 28px 28px; border-style: solid; border-color: transparent transparent transparent #f5f5f5; /*透明 透明 透明 黄*/ position: absolute; left: 0; }
.content .resources-recruit { max-width: 100%; background: #fff; margin: 4.2% auto; }
.content .resources-recruit .title { color: #5f6367; }
.content .resources-recruit .subhead { position: relative; width: 12.9rem; text-align: center; margin: 10px auto; }
.content .resources-recruit .subhead .word { position: absolute; left: 0; right: 0; top: -7px; height: 14px; width: 9.1rem; background-color: #fff; margin: auto; font-size: 0.75rem; font-family: arial; color: #00c1de; }
.content .resources-recruit .subhead .line { top: 10px; width: 100%; height: 2px; background-color: #9b9ea0; }
.content .resources-recruit .main { margin: 4.3% auto 0; max-width: 1200px; }
.content .resources-recruit .main .recruit-tab { padding-left: 5%; }
.content .resources-recruit .main .recruit-tab .recruit-item { width: 56%; margin: 0 auto; }
.content .resources-recruit .main .recruit-tab .recruit-item .list { margin-bottom: 3.1rem; }
.content .resources-recruit .main .recruit-tab .recruit-item .list .title { margin-bottom: 1.375rem; }
.content .resources-recruit .main .recruit-tab .recruit-item .list .title span { width: 3px; height: 20px; background: #00C1DE; border: 1px solid #00C1DE; display: inline-block; float: left; margin-right: 1.1rem; }
.content .resources-recruit .main .recruit-tab .recruit-item .list .title h4 { color: #373D41; font-size: 1.375rem; line-height: 1.375rem; }
.content .resources-recruit .main .recruit-tab .recruit-item .list a { font-size: 0.875rem; color: #5f6367; width: 100%; display: block; margin: 0.875rem 1.25rem 0; }
.content .resources-recruit .main .recruit-tab .recruit-item .list .active { color: #00C1DE; }
.content .resources-recruit .main .recruit-tab .recruit-item .list a:hover { color: #00C1DE; }
.content .resources-recruit .main .tab-content { padding-left: 4%; }
.content .resources-recruit .main .tab-content .tab-content-title { font-size: 1.125rem; color: #373D41; }
.content .resources-recruit .main .tab-content .response .sub-title, .content .resources-recruit .main .tab-content .require .sub-title { font-size: 1rem; color: #373D41; margin: 2rem 0 1rem; display: block; }
.content .resources-recruit .main .tab-content .response ol, .content .resources-recruit .main .tab-content .require ol { padding-left: 1rem; }
.content .resources-recruit .main .tab-content .response ol li, .content .resources-recruit .main .tab-content .require ol li { list-style: decimal; color: #5F6367; line-height: 1.5rem; }
.content .resources-title { text-align: center; font-size: 1.625rem; font-weight: bold; }
.content .main .list .col-lg-6 { width: 50%; height: 100%; padding: 0; overflow: hidden; }

@media (min-width: 320px) and (max-width: 1199px) { .service-call .main { width: 80%; }
  .resources-benefit .main { display: none; }
  .resources-benefit .mobile-main { display: block; padding: 4.3% 0; }
  .resources-benefit .mobile-main .card { border: 1px solid #ddd; border-radius: 6px; margin-top: 1.6rem; }
  .resources-benefit .mobile-main .card img { border-radius: 6px 6px 0 0; }
  .resources-benefit .mobile-main .card .card-body { padding: 0.875rem 0.875rem 0 0.875rem; line-height: 1.6rem; }
  .resources-benefit .mobile-main .card .card-body h3 { margin: 0; font-size: 1.25rem; color: #373D41; }
  .resources-benefit .mobile-main .card .card-body ol { margin: 0.6rem 0; color: #5f6367; text-align: justify; padding-left: 1rem; }
  .resources-benefit .mobile-main .card .card-body ol li { list-style: decimal; }
  .resources-benefit .mobile-main .card .card-body p { margin: 0.6rem 0; color: #5f6367; font-size: 0.875rem; text-align: justify; line-height: 1.5rem; }
  .row { margin: 0; } }
@media screen and (min-width: 480px) { .col-sm-6 { width: 50%; float: left; } }
@media screen and (min-width: 768px) { .col-lg-6 { width: 46%; float: left; } }
@media screen and (max-width: 767px) { .resources-recruit { display: none; }
  .resources-banner img { display: none; }
  .resources-banner { background: url(../img/resources-banner01.jpg); padding-top: 39%; background-size: cover; } 
  .content .resources-concept .main .list {margin: 15px;}
  }
@media only screen and (min-width: 1200px) { .col-lg-6 { width: 46%; }
  .resources-benefit .mobile-main { display: none; } }