/***

====================================================================
	Fonts
====================================================================

***/



@import url('pe-icon-7-stroke.css');
@import url('simple-line-icons.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.min.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.timepicker.min.css');
@import url('baes.css');


/***

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section {
    position: relative;
    margin  : 60px 0;
}

.welcome-section1 {
    padding: 60px 0;
}

.welcome-section .image-layer {
    position: absolute;
    left    : -100px;
    top     : -20px;
    width   : 1159px;
    height  : 1072px;
}

.welcome-section .content-column {
    position     : relative;
    margin-bottom: 40px;
}

.welcome-section .content-column .inner-column {
    position: relative;
}

.welcome-section .content-column .sec-title1 {
    position     : relative;
    margin-bottom: 20px;
}

.welcome-section .content-column .sec-title1 h2 {
    font-size: 24px;
    color    : #ef7e00;
}

.welcome-section .content-column .inner-column .text {
    position     : relative;
    margin-bottom: 50px;
    text-indent: 2px；
}

.welcome-section .content-column .inner-column .text p {
    position     : relative;
    color        : #777777;
    font-size    : 14px;
    line-height  : 1.9em;
    margin-bottom: 20px;
    text-indent: 2px；
    text-align:justify !important;
}

.welcome-section .content-column .inner-column .text p:last-child {
    margin-bottom: 0px;
}

.welcome-section .image-column {
    position     : relative;
    margin-bottom: 40px;
}

.welcome-section .image-column .inner-column {
    position: relative;
}

.welcome-section .image-column .inner-column .image {
    position  : relative;
    text-align: center;
}

.welcome-section .image-column .inner-column .image img {
    position: relative;
}



/***

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
    position             : relative;
    padding              : 60px 0px;
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-size      : cover;
}

.sec-title .title-1 {
    font-size  : 24px;
    color      : #fff;
    line-height: 40px;
    margin     : 0 0 60px;
}

.services-section-two .team-block {
    cursor: pointer;
}

.team-block {
    position     : relative;
    border-bottom: 1px solid #e4fef
}

.team-block3 {
    position    : relative;
    border-right: 1px solid #e4fefe;
    border-left : 1px solid #e4fefe;
}

.team-block .inner-box {
    position: relative;
    overflow: hidden;
}

.team-block2 {
    border-bottom: none;
}

.team-block .inner-box .image {
    position: relative;
    overflow: hidden;
    padding : 120px;
    height  : 240px;

}

.services-section-two .col-lg-4,
.services-section-two .col-md-6,
.services-section-two .col-sm-6,
.services-section-two .col-xs-12 {
    margin : 0 !important;
    padding: 0 !important;

}

.team-block .inner-box .image:before {
    position          : absolute;
    content           : '';
    left              : 0px;
    bottom            : 0px;
    width             : 100%;
    height            : 0px;
    display           : block;
    z-index           : 1;
    opacity           : 0.2;
    background-color  : #fff;
    -webkit-transition: all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    -moz-transition   : all 600ms ease;
    transition        : all 600ms ease;
}

.team-block .inner-box:hover .image:before {
    height: 100%;
}


.team-block .inner-box .image .overlay-box {
    width             : 300px;
    position          : absolute;
    content           : '';
    z-index           : 1;
    left              : 50%;
    top               : 50%;
    display           : none;
    -webkit-transition: all 900ms ease;
    -moz-transition   : all 900ms ease;
    -ms-transition    : all 900ms ease;
    -o-transition     : all 900ms ease;
    transition        : all 900ms ease;
}

.team-block .inner-box:hover .image .overlay-box {
    left      : 50%;
    top       : 50%;
    transform : translate(-50%, -50%);
    display   : block;
    text-align: center;
}

.team-block .inner-box:hover .image .overlay-box .title {
    font-size: 24px;
    color    : #fff;
    margin   : 0 0 20px;
}

.team-block .inner-box:hover .image .overlay-box p {
    font-size  : 14px;
    color      : #fff;
    line-height: 20px;
    text-align : left;
}

.team-block .inner-box:hover .lower-content {
    display: none;
}

.team-block .inner-box .lower-content {

    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    text-align: center;
}

.team-block .inner-box .lower-content .ico {

    width : 38px;
    height: 35px;
    margin: 0 auto 30px;
}

.team-block .inner-box .lower-content h3 {
    position   : relative;
    color      : #fff;
    font-size  : 20px;
    line-height: 1.3em;
}

.team-block .inner-box .lower-content h3 a {
    position          : relative;
    color             : #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block .inner-box:hover .lower-content h3 a {
    color: #fff;
}

.team-block .inner-box .lower-content .designation {
    position  : relative;
    color     : #fff;
    font-size : 24px;
    margin-top: 6px;
}


/* 关于我们-专家团队 */
.team-block-about {
    position     : relative;
    margin-bottom: 30px;
}

.team-block-about .inner-box {
    position: relative;
    overflow: hidden;
}

.team-block-about .inner-box .image {
    position        : relative;
    overflow        : hidden;
    background-color: #000;
}

.team-block-about .inner-box .image img {
    position          : relative;
    width             : 100%;
    display           : block;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.team-block-about .inner-box:hover .image img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}


.team-block-about .inner-box .lower-content {
    position   : relative;
    padding-top: 25px;
    text-align : jquery;
    padding: 0 15px
}

.team-block-about .inner-box .lower-content h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    font-weight: 700;
    line-height: 1.3em;
    text-align: center;
}

.team-block-about .inner-box .lower-content h3 {
    position          : relative;
    color             : #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
    text-align: center;
}

.team-block-about .inner-box:hover .lower-content h3 {
    color: #ef7c00;
}

.team-block-about .inner-box .lower-content .designation {
    position   : relative;
    color      : #777777;
    font-size  : 14px;
    margin-top : 6px;
    line-height: 24px;
    padding: 0 15px；
    text-align: left;
}


/***

====================================================================
	Default Section
====================================================================

***/

.default-section {
    position       : relative;
    margin         : 60px 0;
    background-size: cover;
}

.default-section:before {
    position        : absolute;
    content         : '';
    left            : 0px;
    top             : 0px;
    right           : 0px;
    bottom          : 0px;
    background-color: rgba(255, 255, 255, 0.90);
}

.default-section .sec-title .title-1 {
    color : #ef7e00 !important;
    margin: 0 0 30px !important;

}

.default-section .sec-title .separator:after {
    top        : -6px;
    border     : none;
    width      : 12px;
    height     : 12px;
    margin-left: -6px;
}

/*Progress Level*/

.progress-levels {
    position: relative;
    margin  : 60px 0 0;
}


.default-section .timeline-column {
    position: relative;
    padding : 0;
}

.default-section .timeline-column .inner-column {
    position: relative;
}

/***

====================================================================
	Quality Section
====================================================================

***/

.quality-section {
    position: relative;
    padding : 110px 0px 60px;
}

.quality-section .team-block .inner-box .image {
    position: relative;
    overflow: hidden;
}

.quality-section .team-block .image img {
    position          : relative;
    width             : 100%;
    display           : block;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.quality-section .team-block:hover .image img {
    opacity  : 0.8;
    transform: scale(1.05, 1.05);
}

.quality-section .sec-title h2 {
    margin: 0 0 20px !important;
}

.quality-section .sec-title .title-1 {
    font-size: 18px !important;
    color    : #444 !important;
}

/***

====================================================================
	Culture Section 
====================================================================

***/
.culture-section {
    margin: 60px 0;
}

.culture-section .team-block {
    text-align   : center;
    border-bottom: none;
}

.culture-section .team-block .ico {
    margin: 0 0 30px;
}

.culture-section .team-block .designation {
    font-size: 24px;
    color    : #000;
    margin   : 0 0 20px;
}

.culture-section .team-block p {
    font-size: 14px;
    color    : #666;
}

/***

====================================================================
	Services Section
====================================================================

***/

.services-section .sec-title p {
    font-size: 18px;
    color    : #444;
    width    : 100%;
    margin   : 0 auto 20px;
  
}


.services-section {
    position: relative;
    padding : 60px 0px 60px;
}

.services-section .left-column {
    position: relative;
}

.services-section .left-column .inner-column {
    position: relative;
}

.services-section .left-column .inner-column .service-block:nth-child(1),
.services-section .left-column .inner-column .service-block:nth-child(3) {
    margin-right: -80px;
}

.services-section .left-column .inner-column .service-block:nth-child(2) {
    margin-right: 22px;
}

.service-block {
    position     : relative;
    padding-top  : 60px;
    margin-bottom: 30px;
}

.service-block .inner-box {
    position     : relative;
    text-align   : right;
    padding-right: 80px;
}

.service-block .inner-box .icon-box {
    position   : absolute;
    right      : 0px;
    top        : 5px;
    color      : #7d7d7d;
    font-size  : 56px;
    line-height: 1em;
}

.service-block .inner-box h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.service-block .inner-box h3 a {
    position          : relative;
    color             : #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    transition        : all 300ms ease;
}

.service-block .inner-box h3 a:hover {
    color: #ef7e00;
}

.service-block .inner-box .text {
    position   : relative;
    color      : #777777;
    font-size  : 16px;
    line-height: 1.7em;
    margin-top : 12px;
}

/* Right Column */

.services-section .right-column {
    position: relative;
}

.services-section .right-column .inner-column {
    position: relative;
}

.services-section .right-column .inner-column .service-block-two:nth-child(1),
.services-section .right-column .inner-column .service-block-two:nth-child(3) {
    margin-left: -80px;
}

.services-section .right-column .inner-column .service-block-two:nth-child(3) {
    margin-top: 150px;
}

.services-section .right-column .inner-column .service-block-two:nth-child(2) {
    margin-left: 22px;
}

.service-block-two {
    position     : relative;
    margin-top   : 60px;
    margin-bottom: 30px;
}

.service-block-two .inner-box {
    position    : relative;
    padding-left: 80px;
}

.service-block-two .inner-box .icon-box {
    position   : absolute;
    left       : 0px;
    top        : 5px;
    color      : #7d7d7d;
    font-size  : 56px;
    line-height: 1em;
}

.service-block-two .inner-box h3 {
    position   : relative;
    color      : #222222;
    font-size  : 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.service-block-two .inner-box h3 a {
    position          : relative;
    color             : #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    transition        : all 300ms ease;
}

.service-block-two .inner-box h3 a:hover {
    color: #ef7e00;
}

.service-block-two .inner-box .text {
    position   : relative;
    color      : #777777;
    font-size  : 16px;
    line-height: 1.7em;
    margin-top : 12px;
}

.services-section .circles-column {
    position: relative;
}

.services-section .circles-column .inner-column {
    position   : relative;
    text-align : center;
    padding-top: 105px;
}

.services-section .circles-column .circles {
    position: relative;
}

.services-section .circles-column .circles .circle-one {
    position     : relative;
    width        : 280px;
    height       : 280px;
    border-radius: 50%;
    margin       : 0 auto;
    border       : 2px solid #ececec;
}

.services-section .circles-column .circles .circle-one:before {
    position        : absolute;
    content         : '';
    left            : 32px;
    top             : 32px;
    width           : 14px;
    height          : 14px;
    border-radius   : 50%;
    border          : 1px solid #ef7e00;
    background-color: #ffffff;
}

.services-section .circles-column .circles .circle-one:after {
    position        : absolute;
    content         : '';
    right           : 32px;
    bottom          : 32px;
    width           : 14px;
    height          : 14px;
    border-radius   : 50%;
    border          : 2px solid #0c817a;
    background-color: #ffffff;
}

.services-section .circles-column .circles .circle-two {
    position     : absolute;
    left         : 50%;
    top          : 40px;
    width        : 200px;
    height       : 200px;
    border-radius: 50%;
    margin       : 0 auto;
    margin-left  : -100px;
    border       : 2px solid #ececec;
}

.services-section .circles-column .circles .circle-two:before {
    position        : absolute;
    content         : '';
    right           : 22px;
    top             : 22px;
    width           : 14px;
    height          : 14px;
    border-radius   : 50%;
    background-color: #0c817a;
}

.services-section .circles-column .circles .circle-two:after {
    position        : absolute;
    content         : '';
    left            : 22px;
    bottom          : 22px;
    width           : 14px;
    height          : 14px;
    border-radius   : 50%;
    background-color: #0c817a;
}

.services-section .circles-column .circles .circle-three {
    position     : absolute;
    left         : 50%;
    top          : 90px;
    width        : 100px;
    height       : 100px;
    border-radius: 50%;
    margin       : 0 auto;
    margin-left  : -50px;
    border       : 2px solid #ececec;
}

.services-section .circles-column .circles .circle-three:before {
    position        : absolute;
    content         : '';
    left            : -7px;
    top             : 32px;
    width           : 14px;
    height          : 14px;
    border-radius   : 50%;
    background-color: #ef7e00;
}

/***

====================================================================
	Q Section
====================================================================

***/

.q-section {
    position        : relative;
    padding         : 110px 0px 90px;
    background-color: #f1f1f1;
}

.news-block {
    position     : relative;
    margin-bottom: 30px;
}

.news-block .inner-box {
    position: relative;
}

.news-block .inner-box .image {
    position: relative;
}

.news-block .inner-box .image a {
    position: relative;
    display : block;
}


.news-block .inner-box .image img {
    position: relative;
    width   : 100%;
    display : block;
}


.news-block .inner-box .lower-content {
    position   : relative;
    padding-top: 35px;
    text-align : center;
}

.news-block .inner-box .lower-content h3 {
    position   : relative;
    font-size  : 24px;
    color      : #222222;
    line-height: 1.5em;
    margin-top : 15px;
}

.news-block .inner-box .lower-content h3 a {
    position          : relative;
    color             : #222222;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -moz-transition   : all 300ms ease;
    transition        : all 300ms ease;
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #ef7e00;
}

.news-block-two .inner-box .lower-content .text {
    position     : relative;
    color        : #ffffff;
    font-size    : 14px;
    line-height  : 1.7em;
    margin-top   : 30px !important;
    margin-bottom: 25px;
}


/***

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section .image-layer {
    position: absolute;
    left    : -100px;
    top     : -20px;
    width   : 1159px;
    height  : 1072px;
}

.welcome-section .content-column {
    position     : relative;
    margin-bottom: 40px;
}

.welcome-section .content-column .inner-column {
    position: relative;
}

.welcome-section .content-column .sec-title {
    position     : relative;
    margin-bottom: 40px;
}

.welcome-section .content-column .inner-column .text {
    position     : relative;
    margin-bottom: 50px;
    text-align: justify;
}

.welcome-section .content-column .inner-column .text .text-1 {
    font-size: 18px;
    color    : #ef7c00;
}

.welcome-section .content-column .inner-column .text p {
    position     : relative;
    color        : #777777;
    font-size    : 14px;
    line-height  : 1.9em;
    margin-bottom: 20px;
    text-align: justify !important;
}

.welcome-section .content-column .inner-column .text p:last-child {
    margin-bottom: 0px;
}

/***

==================================================================
		History Section
==================================================================

***/

.history-section {
    position             : relative;
    background-repeat    : no-repeat;
    background-position  : center;
    background-size      : cover;
    background-attachment: fixed;
    margin               : 60px 0;
}

@font-face {
    font-family: "iconfont";
    src        : url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780');
    /* IE9 */
    src        : url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACMAAAAPmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqETIQbATYCJAMUCwwABCAFhG0HWRu4B8gehXEsLBShUansf34QD19r6Pu7exdglJGA46Oo44HAAilVYVtjO/UEwuX/dOp3TiETj7eViAQFMpxsGSJXOhdQLpCnEsEaAJyKOOa5yu3/71A1c1peaH6LxeUu+7LmpIQGYCgdQLXa3lgqWQtSUe8yNhm+gkz1HR8TaDauL93+9Lks5CnIVYG4LIV8kBf5lQ5paHTVlQeLeA/ZGtOLrAoA7/Tvxy8YHHkkVUZuPDg7LQgTv+o+9ENaRoOVkgLGw0UxeoyMVaAQN6vxy5Ctr0KaF6cztoFmjZJ0qOOyP/T+0C+TwVtuyNlM/+GRFSERNWJvxcztRuGrjmvJfM021By9wSvA0Q8aEl7XgzSjDR9A9AMRjLooq2Sp22szIuUggx41cA42cVLNnHTjDdzao9qxtEc4kXLzxw/6qIszyuoxg+nMwY2I1knSQFIbn+xr+sA3fxQa33MN7zYzwhoc3tz0IWhJHzt1VG9+efzMCYE9qkjqQJX0MY3lOIrwAa0pwMck7Gk6mpuFpqaNjPAGh9mGhhXGo8qPH3Sy0WPpO2fgNZ3IXrLCBtZrHDt6nQbC9klVPTnxIUMKufWH0xtAeFjJWd/YuPZ21s6KF3O2N1bu1avuxtf213ndDi08MDocHn3gIkMKufWL00nI7GjJxji7hXoxFhY/YTpSXcTkNRawFg0xWJpTvrzunf9a91bfW48nv9yvqyO2Cqs47BCtldaWN0MqbwhvqLABnpnwgvmbecm8apCVPWf+RRHCJxnUARdRYzO6jC6h2EV0YSG5hC7fNuKYrNKN7owndPnKBvdG8TIXuO+pVH74w/MTJrybgCd0TbgwgJ4OSwFOW9EN1ENf3oCeoIkA5E+6R3+Ov/F/+pzCNZax/xsNBXwunzYY5k41BvJzgG/YYWPjX8G44UpZmkmgKvNFbpgnK+tvoj0tdprxB0h36zqMs2/jYUKjPg9JgzHIGs1SC3MVKi3WoNZoC5qtmPF4ix4KJEoTlu1BEDo9gKTdR8g6VVILsxMq/b5DrTMQNDsMxwtbzIekn6IQHyVB7N+EpYBcILIQ1ZvRxSSUjPmU0KwVPFFUqYQH9R+YtmaQAqIc4hZ1fWgwpSIWFTmOp6PPkVhMxglFjpAA7R+mNDF6wACx9k39A3Ic9PYoCB+KCML8NsEkAbICotxO6bOfX4wISYrxUTqWLnR5hEIlHR0bpL+BG1Bn2As2WnopX1GtFzIYRYkwkUIWh01HUSJG6zIsUT8vggig+gvvUE0YbQDeJG5q7396Z/w9PgTNyMuqSJGjRBW15ouSr4DKyU3MaXDVfpuTsp6bQmeu9gEAAAA=') format('woff2'),
        url('//at.alicdn.com/t/font_1457575_wc4kbab342e.woff?t=1571103794780') format('woff'),
        url('//at.alicdn.com/t/font_1457575_wc4kbab342e.ttf?t=1571103794780') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('//at.alicdn.com/t/font_1457575_wc4kbab342e.svg?t=1571103794780#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family            : "iconfont" !important;
    font-size              : 16px;
    font-style             : normal;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-jiantouyou:before {
    content: "\e62a";
}

.icon-jiantou-zuo:before {
    content: "\e62d";
}

.icon-zuojiantou:before {
    content: "\e601";
}

.icon-jiantou:before {
    content: "\e605";
}




.button {
    position : absolute;
    cursor   : pointer;
    top      : 15%;
    font-size: 40px;
    color    : #333;

}

.prev {
    left: -20px;
}

.next {
    right    : -20px;
    transform: rotate(-180deg);
}

.history-section .hir-box {
    width   : 90%;
    margin  : 0 auto;
    position: relative;
    padding : 50px;
}

.slide_wrap {
    overflow: hidden;
    position: relative;
}

.slide_wrap ul {
    position: relative;
    left    : 0px;
}

.slide_wrap::after {
    width           : 100%;
    height          : 1px;
    background-color: #999;
    content         : '';
    position        : absolute;
    top             : 60px;
    left            : 0px;
    z-index         : -1;
}

.slide_items li {
    float     : left;
    font-size : 20px;
    width     : 200px;
    text-align: center;
}

.slide_items li a {
    display: block;
}

.slide_items li.on {
    color        : #ef7c00;
    border-radius: 30px;
    z-index      : 111;
}

.slide_items li span {
    color      : #333333;
    font-size  : 24px;
    line-height: 30px;
    display    : block;
    z-index    : 111;
}

.slide_items li div {
    display      : inline-block;
    width        : 16px;
    height       : 16px;
    border       : 1px solid #ef7c00;
    border-radius: 13px;
    padding      : 2px;
    box-sizing   : border-box;
    margin-top   : 22px;
    z-index      : 111;
}

.slide_items li i {
    display         : block;
    width           : 10px;
    height          : 10px;
    background-color: #ef7c00;
    border-radius   : 5px;
    z-index         : 111;

}

.slide_items li.on div {
    display         : inline-block;
    width           : 26px;
    height          : 26px;
    background-color: #ef7c00;
    border-radius   : 13px;
    padding         : 8px;
    box-sizing      : border-box;
    margin-top      : 16px;
    z-index         : 111;
}

.slide-content {
    margin-top: 100px;
    padding   : 30px;
}

.slide-content img {
    width: 100%;
}

.slide-content ul {
    display: none;
}

.slide-content ul.on {
    display: block;
}

.slide-content h1 {
    font-size: 24px;
    color    : #ef7c00;
}



/***

====================================================================
   Bloc  	Culture Section 
====================================================================

***/
.sec-title3 {
    margin: 0 0 60px;
}

.sec-title3 h2 {
    margin: 0 0 30px;
}

.sec-title2 h4 {
    font-size: 18px;
    color    : #ef7e00;
    margin   : 0 0 20px;
}

.sec-title2 p {
    font-size: 18px;
    color    : #666;
}

/*  desktop-wrapper */
.main_box {
    width   : 100%;
    position: relative;
    height  : 534px;
    overflow: hidden;

}

.box {
    width           : 100%;
    background-image: url(../images/clients/b4.jpg);
}

.box ul li {
    width       : 202px;
    height      : 534px;
    float       : left;
    text-align  : center;
    position    : relative;
    transition  : all .6s ease-out;
    border-right: 1px solid #f1f1f1;
}

.box ul li :nth-child(5) {
    border: none;
}

.box ul li .icon {
    padding-top: 220px;
    width      : 59px;
    margin-left: 75px;
}

.box ul li h3 {
    margin-top: 30px;
    color     : #FFF;
    font-size : 18px;
    padding   : 0 !important;
}

.box ul li p {
    margin-top: 7px;
    color     : #FFF;
    font-size : 14px;
    display   : none;

}

.box ul .on .icon {
    padding-top: 80px;
    width      : 59px;
    margin-left: 20px;
}

.box ul .on {
    width     : 550px;
    height    : 534px;
    text-align: left;
    padding   : 0 20px;
}

.box ul .on h3 {
    padding-left: 20px;
    color       : #FFF;
    margin      : 30px 20px;
}

.box ul .on p {
    display: block;
    color  : #FFF;
    margin : 30px 20px;

}

.btn-ren {
    margin: 40px 0 0;
}


@media only screen and (max-width: 1450px) {
    .box ul .on {
        width: 350px;
    }
}

@media only screen and (max-width:1260px) {
    .box ul .on {
        width : 280px;
        margin: 0 8px;
    }

    .box ul .on .icon {
        padding-top: 30px;
    }

    .box ul .on p {
        margin: 0;
    }
}

@media only screen and (max-width: 768px) {

    .welcome-section,
    .default-section,
    .quality-section,
    .culture-section {
        margin: 45px 0;
    }

    .services-section-two {
        padding: 45px 0;
    }

    .sec-title .title-1 {
        font-size  : 18px;
        color      : #fff;
        line-height: 30px;
        margin     : 0 0 45px;
    }

    .team-block .inner-box .lower-content .designation {
        position  : relative;
        color     : #fff;
        font-size : 16px;
        margin-top: 6px;
    }

    .team-block2 {

        border-bottom: 1px solid #e4fefe;
    }

    .default-section .timeline-column {
        padding: 0 15px;
    }

    .quality-section .image {
        width : 100%;
        margin: 0 0 10px;
    }

    .box ul .on {
        width : 300px;
        margin: 0 8px;
    }

    .services-section .left-column .inner-column .service-block:nth-child(1),
    .services-section .left-column .inner-column .service-block:nth-child(3) {
        margin-right: 25%;
    }

    .services-section .right-column .inner-column .service-block-two:nth-child(2),
    .services-section .right-column .inner-column .service-block-two:nth-child(1),
    .services-section .right-column .inner-column .service-block-two:nth-child(3) {
        margin-left: 25%;
    }

    .service-block,
    .service-block-two,
    .newsletter-section .title-column .inner-column {
        margin-bottom: 30px;
    }

    .services-section .circles-column .inner-column {
        padding-top   : 0px;
        padding-bottom: 40px;
    }

    .service-block {
        position     : relative;
        padding-top  : 0;
        margin-bottom: 30px;
    }

    .services-section .right-column .inner-column .service-block-two:nth-child(3) {
        margin-top: 10px;
    }
    .services-section {
        padding: 45px 0px 45px;
    }
    .services-section .sec-title p {
    width: 100%;
    margin: 0 auto 45px;
}
.q-section {
    padding: 45px 0px 45px;
}

}

@media only screen and (max-width: 599px) {
    .button {
        position : absolute;
        cursor   : pointer;
        top      : 7%;
        font-size: 40px;
        color    : #333;

    }

    .slide_items li {
        width: 116px;
    }

    .slide-content{
        padding: 0 0;
    }
    .history-section .hir-box {
    width: 95%;
    margin: 0 auto;
    position: relative;
    padding: 0 50px;
}
    
}
.p114 h2{
    font-size: 30px;
    color:#000;
    margin-bottom: 30px;
    text-align: center;
}
.p114 .xian{
    width: 100%;
    height: 1px;
    background: #eee;
    margin-bottom: 30px
}
.p114 p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.p114 p span{
    font-size: 16px;
}