/* banner start */
.banner {
    width: 100%;
    min-width: 1140px;
}
.banner img {
    width: 100%;
    vertical-align: bottom;
}
/* banner end */

/* brief-introduction start */
.brief-introduction .contronler {
    padding: 60px 0 30px 0;
    border-bottom: solid 1px #bfbfbf;
}

.brief-introduction-one {
    overflow: hidden;
}

.brief-introduction-one li {
    position: relative;
    float: left;
    width: calc(100% / 4);
    height: 120px;
    border-right: solid 1px #d2d2d2;
    box-sizing: border-box;
    text-align: center;
}
.brief-introduction-one li:last-child {
    border-right: none;
}
.brief-introduction-one li p:first-child {
    font-size: 60px;
}
.brief-introduction-one li p:last-child {
    color: #666;
    font-size: 16px;
}

.brief-introduction-one .p-one {
    position: absolute;
    top: 0;
    font-size: 20px;
}
.brief-introduction-one .p-two {
    padding-left: 10px;
    font-size: 30px;
}

.brief-introduction-two {
    margin-top: 50px;
    overflow: hidden;
}
.brief-introduction-two li {
    float: left;
    width: calc(100%/7);
    text-align: center;
}
.brief-introduction-two li p {
    font-size: 24px;
}

.brief-introduction-strong {
    margin-top: 20px;
    font-size: 24px;
    text-align: center;
}
.brief-introduction-strong strong {
    color: #ff9c00;
    font-size: 24px;
}
/* brief-introduction end */


/* benchmarking-case start */
.benchmarking-case {
    padding: 50px 0 60px 0;
    overflow: hidden;
    background: #f2f2f2;
}

.benchmarking-case h1 {
    margin-bottom: 15px;
    font-size: 30px;
    text-align: center;
}
.benchmarking-case ul li {
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    width: 560px;
    height: 300px;
    overflow: hidden;
}
.benchmarking-case ul li:nth-child(odd) {
    margin-left: 0;
}

.benchmarking-case ul li img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.benchmarking-case-details {
    position: absolute;
    padding: 0 40px;
    width: 100%;
    height: 100%;
    margin: auto;
    margin-top: 220px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: rgba(0,0,0,.5);
}
.benchmarking-case-details h2,
.benchmarking-case-details p {
    color: #fff;
}
.benchmarking-case-details p {
    line-height: 25px;
}
.benchmarking-case-details h2 {
    height: 80px;
    font-size: 24px;
    text-align: center;
    line-height: 80px;
}

.benchmarking-case-border {
    padding: 0 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 220px;
    border: solid 1px rgba(0,0,0,.01);
}

.benchmarking-case ul li:hover .benchmarking-case-details{
    margin-top: 0;
}

.benchmarking-case ul li:hover .benchmarking-case-border {
    margin-top: 40px;
    border: solid 1px #fff;
    box-sizing: border-box;
}

/* benchmarking-case end */


/* service-one start */
.service-one {
    padding: 60px 0;
}
.service header h1 {
    font-size: 32px;
    text-align: center;
}
.service header h2 {
    margin-top: 30px;
    color: #ff9c00;
    font-size: 26px;
    text-align: center;
}

.service-one-main {
    margin-top: 30px;
}
.service-one-part {
    padding: 30px 20px;
    height: 400px;
    overflow: hidden;
    box-sizing: border-box;
    border: solid 1px #dcdcdc;
}
.service-one-part ul li {
    float: left;
    width: calc(100%/5);
    height: 140px;
    position: relative;
}
.service-one-part ul li div {
    position: absolute;
    padding: 0 40px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 140px;
    box-sizing: border-box;
    background: #e5e5e5;
}

.service-one-part ul li div,
.service-one-part ul li p:first-child {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.service-one-part ul li:nth-child(odd) div {
    background: #f2f2f2;
}

.service-one-part ul li:hover div {
    z-index: 2;
    width: 220px;
    height: 180px;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
}

.service-one-part ul li:hover p:first-child {
    margin-top: 30px;
}


.service-one-part ul li p {
    font-size: 24px;
    text-align: center;
}
.service-one-part ul li p:first-child {
    margin-top: 14px;
}

.service-one-part-details {
    margin-top: 40px;
    padding: 0 85px;
}
.service-one-part-text {
    float: left;
    margin-top: 40px;
}
.service-one-part-details .service-one-part-text p {
    font-size: 22px;
}
.service-one-part-details .service-one-part-text p:last-child {
    margin-top: 10px;
}

.service-one-part-img {
    float: left;
    position: relative;
}
.service-one-part-img img {
    margin-left: 25px;
    width: 155px;
    height: 155px;
}
.service-one-part-img p {
    position: absolute;
    padding: 40px;
    width: 155px;
    height: 155px;
    font-size: 18px;
    background: #f2f2f2;
    top: 0;
    right: -155px;
    box-sizing: border-box;
}

.service-one-teacher {
    float: left;
    display: block;
    margin: auto;
    margin-top: 50px;
}
.service-one-teacher img {
    margin: auto;
    width: 100%;
}
/* service-one end */

/* service-two start */
.service-two {
    padding: 60px 0;
    background: #f2f2f2;
}

.service-two-subtitle {
    margin-top: 30px;
    height: 70px;
    border: solid 1px #b5b5b5;
}
.service-two-subtitle p {
    font-size: 24px;
    line-height: 70px;
    text-align: center;
}

.service-two-oneitem {
    margin-top: 40px;
}
.service-two-oneitem h3 {
    font-size: 30px;
    text-align: center;
}
.service-two-oneitem ul {
    margin-top: 45px;
}

.service-two-oneitem ul li {
    float: left;
    position: relative;
    padding: 100px 10px;
    width: calc(100%/6);
    height: 280px;
    box-sizing: border-box;
    /*background: #9c9c9c;*/
}

.service-two-oneitem ul li div {
    position: absolute;
    padding: 100px 0;
    top: 0;
    width: 190px;
    height: 280px;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.service-two-oneitem ul li:nth-child(even) div {
    background: #9c9c9c;
}

/*.service-two-oneitem ul li:nth-child(odd),*/
.service-two-oneitem ul li:nth-child(odd) div {
    background: #a9a9a9;
}


.service-two-oneitem ul li h4,
.service-two-oneitem ul li p {
    color: #fff;
}
.service-two-oneitem ul li h4 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
}
.service-two-oneitem ul li p {
    margin-top: 5px;
    font-size: 16px;
    text-align: center;
}

.service-two-oneitem ul li:hover div {
    position: absolute;
    /*padding: 120px 0;*/
    z-index: 2;
    top: -20px;
    /*left: -20px;*/
    /*margin: auto;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*!*left: 0;*!*/
    /*!*right: 0;*!*/
    width: 224px;
    height: 320px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
}
.service-two-oneitem ul li:first-child:hover div{
    /*left: 0;*/
}
.service-two-oneitem ul li:last-child:hover  div {
    left: -24px !important;
}

.service-two-oneitem span {
    display: block;
}


.service-two-twoitem {
    margin-top: 60px;
}
.service-two-twoitem h3 {
    font-size: 22px;
    text-align: center;
}
.service-two-twoitem-main {
    margin-top: 30px;
}
.service-two-twoitem-main li {
    float: left;
    position: relative;
    width: 555px;
    height: 385px;
}
.service-two-twoitem-main ul li div {
    float: left;
    position: absolute;
    padding: 30px;
    left: 5px;
    width: 100%;
    height: 375px;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,.2);
    background: #fff;
}
.service-two-twoitem-main ul li:last-child  div{
    margin-left: 10px;
}

.service-two-twoitem-main ul li h4 {
    color: #ff6d6d;
    font-size: 22px;
}
.service-two-twoitem-main ul li:first-child p:nth-child(even) {
    margin-top: 10px;
    font-size: 16px;
}
.service-two-twoitem-main ul  li:first-child p:nth-child(odd) {
    color: #666;
    font-size: 16px;
}
.service-two-twoitem-main ul  li:last-child p {
    margin-top: 15px;
}
.service-two-twoitem-main ul  li:last-child p:nth-child(2) {
    margin-top: 75px !important;
}
.service-two-twoitem-main ul li:last-child p {
    font-size: 16px;
}
.service-two-twoitem-banner {
    margin-top: 40px;
}
.service-two-twoitem-banner img {
    height: 160px;
}

.service-two-threeitem {
    margin-top: 40px;
    overflow: hidden;
}
.service-two-threeitem h3 {
    font-size: 22px;
    text-align: center;
}
.service-two-threeitem-main ul li {
    float: left;
    margin-top: 30px;
    width: calc(100%/4);
}
.service-two-threeitem-main ul li img {
    width: 100%;
    height: 178px;
}
/* service-two end */

/* service-three start */
.service-three {
    padding: 60px 0 60px 0;
}

.service-three-content img {
    margin-top: 30px;
}

.service-three-advantage {
    margin-top: 60px;
}
.service-three-advantage header h3,
.service-three-advantage header p {
    margin-top: 10px;
    color: #666;
    font-size: 18px;
    text-align: center;
}

.service-three-advantage header h3 {
    margin-bottom: 20px;
    font-size: 28px;
}

.service-three-advantage-main {
    margin-top: 30px;
}

.service-three-advantage-photo-wall {
    margin-top: 20px;
}
.service-three-advantage-photo-wall img {
    width: 1140px;
    height: 500px;
}



.service-three-case {
    margin-top: 50px;
}
.service-three-case header h3 {
    font-size: 28px;
    text-align: center;
}

.service-three-case img {
    margin-top: 30px;
}
/* service-three end */


/* series-of-services start */
.series-of-services {
    padding: 60px 0;
}
.series-of-services header h1 {
    font-size: 30px;
    text-align: center;
}
.series-of-services-main {
    margin-top: 30px;
    overflow: hidden;
}
.series-of-services-main ul li {
    float: left;
    width: calc(100%/5);
    height: 96px;
}
.series-of-services-main a {
    display: block;
    width: 220px;
    height: 96px;
    font-size: 20px;
    text-align: center;
    line-height: 96px;
    box-sizing: border-box;
    background: #f2f2f2;
}
.series-of-services-main a:hover {
    color: #fff;
    background: #ff8181;
}
/* series-of-services end */