@charset "utf-8";
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img{vertical-align:top;}

body{font-family:Microsoft Yahei,Tahoma,Arial,Helvetica,"微软雅黑","宋体";font-size:12px;}
ul,ol{list-style-type:none;}
i{font-style: normal;}
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
a{text-decoration: none;}
body {
    font: 14px/1.6 "Microsoft Yahei";
    background: #fff;
}
a:hover,.nav_box .bd li .p1 a:hover,.nav_box .bd li .p2 a:hover{
    color: #0a7e64;
}


.header.down {
    position: fixed;
    top: -110px;
    left: 0;
    background: #fff;
    box-shadow: 0 0 5px #999;
}
.header.up,.header.on.up {
    top: -58px;
    left: 0;
    position: fixed;
    box-shadow: 0 0 5px #999;
    background: rgba(255,255,255,0.8);
    -webkit-transform:translateY(58px);
    -moz-transform:translateY(58px);
    -ms-transform:translateY(58px);
    -o-transform:translateY(58px);
    transform:translateY(58px);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;



}

::-moz-placeholder {
color: #afb0b4;
}

::-webkit-input-placeholder {
color:#afb0b4;
}

:-ms-input-placeholder {
color:#afb0b4;
}
* {
    -webkit-animation-fill-mode:both !important;
    -ms-animation-fill-mode:both !important;
    -moz-animation-fill-mode:both !important;
    -o-animation-fill-mode:both !important;
    animation-fill-mode:both !important;
}
.pre {
    position: relative;
}
.animate_top {
    -webkit-animation: s1-1 0.7s ease;
    -ms-animation: s1-1 0.7s ease;
    -moz-animation: s1-1 0.7s ease;
    -o-animation: s1-1 0.7s ease;
    animation: s1-1 0.7s ease;
}
 @-webkit-keyframes s1-1 {
 0% {
 opacity: 0;
 -webkit-transform:translateY(40px);
}
}
 @-ms-keyframes s1-1 {
 0% {
 opacity: 0;
 -ms-transform:translateY(40px);
}
}
 @-moz-keyframes s1-1 {
 0% {
 opacity: 0;
 -moz-transform:translateY(40px);
}
}
 @-o-keyframes s1-1 {
 0% {
 opacity: 0;
 -o-transform:translateY(40px);
}
}
 @keyframes s1-1 {
 0% {
 opacity: 0;
 transform:translateY(40px);
}
}
.animate_opa0 {
    -webkit-animation: s1-2 0.7s ease;
    -ms-animation: s1-2 0.7s ease;
    -moz-animation: s1-2 0.7s ease;
    animation: s1-2 0.7s ease;
}
 @-webkit-keyframes s1-2 {
 100% {
 opacity: 0;
 -webkit-transform:translateY(-40px);
}
}
 @-ms-keyframes s1-2 {
 100% {
 opacity: 0;
 -webkit-transform:translateY(-40px);
}
}
 @-moz-keyframes s1-2 {
 100% {
 opacity: 0;
 -webkit-transform:translateY(-40px);
}
}
 @keyframes s1-2 {
 100% {
 opacity: 0;
 -webkit-transform:translateY(-40px);
}
}


.l_to_r{
    -webkit-animation: l_to_r 0.2s  linear;
}
@-webkit-keyframes l_to_r {
    0% {
        opacity: 0;
        -webkit-transform:  translateX(-450px) ;
    }

    100% {
        -webkit-transform:  translateX(0);
    }
}
.left_to_middle{
        opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
        transition: all .55s cubic-bezier(.35, .75, .55, 1) 0s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
}
.right_to_middle{
        opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
        transition: all .55s cubic-bezier(.35, .75, .55, 1) 0s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
}
.b_to_t{
        opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
        transition: all .55s cubic-bezier(.35, .75, .55, 1) 0s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) 0s;
}
.active .left_to_middle{
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}
.active .right_to_middle{
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}
.active .b_to_t{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}


.inner {
    position: relative;
}

#dowebok .section {
    
}
#dowebok .inner {
    height: 100%;
}
#dowebok .section1 {
    
}
#dowebok .section1 .fp-tableCell {
    vertical-align: top;
}
#dowebok .section2 {
    background: url(../images/slider3.jpg) 50% 0 no-repeat;
    background-size: cover;
}
#dowebok .section3 {
    background: url(../images/slider4_1.jpg) 50% 0 no-repeat;
    background-size: cover;
}
#dowebok .section4 {
    background: url(../images/slider5.jpg) 50% 0 no-repeat;
    background-size: cover;
}
#dowebok .section4 .fp-controlArrow {
    width: 64px;
    height: 64px;
    margin-top: -32px;
    border: 0 none;
}
#dowebok .section4 .fp-prev {
    left: 15%;
    background: url(../images/left_control.png) 50% no-repeat;
}
#dowebok .section4 .fp-next {
    right: 15%;
    background: url(../images/right_control.png) 50% no-repeat;
}
#dowebok .ft-link {
    padding: 10px 0;
    overflow: hidden;
    zoom: 1;
}
#dowebok .more-links {
    float: left;
    padding: 0 60px;
    border-right: 1px solid #e7e8e8;
}
#dowebok .ft-link .first {
    padding-left: 100px;
}
#dowebok .more-links h3 {
    font-size: 14px;
    color: #7d7d7d;
}
#dowebok .more-links ul {
    list-style-type: none;
}
#dowebok .more-links a {
    color: #676767;
    text-decoration: none;
}
#dowebok .service {
    float: right;
    padding-right: 100px;
    background: url(../images/phone.png) 10px 10px no-repeat;
}
#dowebok .service ul {
    padding: 0 15px 0 56px;
    background-color: rgba(255, 255, 255, 0.5);
    list-style-type: none;
}
#dowebok .service .phone {
    padding: 7px 0 0 10px;
    border-left: 1px solid #fff;
    font-size: 22px;
}
#dowebok .service .time {
    border-left: 1px solid #fff;
    font-size: 16px;
    color: #adb0b4;
}
#dowebok .copy {
    height: 50px;
}
#dowebok .copy p {
    width: 100%;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    color: #a1a1a1;
}
#fp-nav span, .fp-slidesNav span {
    background: url(../images/i20.png)  no-repeat center center;
    border: 0 none;
}
#fp-nav li .active span{
    background: url(../images/i15.png)  no-repeat center center;
}

#fp-nav.on span, .fp-slidesNav.on span {
    background: url(../images/i20_on.png)  no-repeat center center;
    border: 0 none;
}
#fp-nav.on li .active span{
    background: url(../images/i15_on.png)  no-repeat center center;
}

#fp-nav li .active {
    background:none;
    border: 0 none;
    width: 26px;
    height: 29px;
    margin-left: 1px;
}
#fp-nav span, .fp-slidesNav span{
    width: 26px;
    height: 29px;
    border-radius: 0;
}
#fp-nav{
    padding-top: 5px;
    background: url(../images/line.jpg)  no-repeat center 0;
}
#fp-nav li {
    margin-bottom: 25px;
}
#fp-nav li em{
    position: absolute;
    width: 100px;
    text-align: right;
    color: #167d64;
    font-style: normal;
    right: 36px;
    top: 5px;
}
#fp-nav li .active em{
    right: 42px;
}
#fp-nav li .active em{
    font-weight: bold;
}

#fp-nav.on li em{
    color: #fff;
}

.pre{
    position: relative;
}
.section1 .inner{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}
.swiper-container_banner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 199;
}
.header .in{
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
}
.header .r_box {
    padding-top: 17px;
}
.header  .nav_btn{
    position: absolute;
    width: 22px;
    height: 18px;
    background: url(../images/i21.png)  no-repeat center 0;
    top: 43px;
    left: 137px;
    cursor: pointer;
}
.header .r_box .lang{
    color: #454545;
    font-size: 14px;
}
.header .r_box .lang a{
    font-size: 14px;
    color: #454545;
    padding: 0 5px;
}
.header .r_box .lang a:hover{
    color: #0a7e64;
}
.header .r_box .search_btn{
    width: 21px;
    height: 22px;
    background: url(../images/i1.png)  no-repeat center 0;
    margin-left: 38px;

}
.header.on{
    background: rgba(255,255,255,1);
    position: absolute;
}
.header.index{
    position: fixed;
}
.header .r_box .lang .on{
    font-weight: bold;
    color: #167d64;
}
.header.w .logo .black_logo{
    display: none;
}
.header .logo .w_logo{
    display: none;
}
.header.w .logo .w_logo{
    display: block;
}
.header.w .r_box .lang .on,
.header.w .r_box .lang,
.header.w .r_box .lang a{
    color: #fff;
}
.header.w .nav_btn {
    background: url(../images/i21_on.png) no-repeat center 0;
}
.header.w .r_box .search_btn {
    background: url(../images/i1_on.png) no-repeat center 0;
}
.header.w .r_box .tel_btn {
    background: url(../images/i2_on.png) no-repeat center 0;
}

.search_modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 200;
}
.search_modal .in{
    padding: 25px 0;
    width: 1200px;
    margin: 0 auto;
}
.search_modal .form_box{
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    position: relative;
}
.search_modal .form_box input{
    height: 68px;
    line-height: 68px;
    text-indent: 28px;
    border: 0 none;
    font-size: 16px;
    width: 100%;
    color: #bbb;
}
.search_modal .form_box .close_btn{
    position: absolute;
    right: 20px;top: 10px;
    font-size: 30px;
    color: #000;
}


.tel_num{
    position: absolute;
    top: 79px;
    right: 0;
    width: 200px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    background:#fff;
    color: #167d64;
    display: none;
    font-weight: bold;
}
.header .r_box .search_btn:hover{
    background: url(../images/i1_1.png)  no-repeat center 0;
}
.header .r_box .tel_btn{
    width: 27px;
    height: 26px;
    background: url(../images/i2.png)  no-repeat center 0;
    margin-left: 38px;

}
.header .r_box .tel_btn:hover{
    background: url(../images/i2_1.png)  no-repeat center 0;
}
.header.w .r_box .tel_btn:hover{
    background: url(../images/i2_on.png)  no-repeat center 0;
}
.header.w .r_box .search_btn:hover{
    background: url(../images/i1_on.png)  no-repeat center 0;
}
.section1 .inner{
    margin-top: -250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
}

.section1 .banner_text .p1{
    font-size: 50px;
    color: #167d64;
    margin-bottom: 24px;
    text-shadow:0 4px 8px rgba(22,125,100,0.31);
    line-height: 80px;
    margin-top: 10%;
    font-weight: bold;
}
.section1 .banner_text .p2{
    font-size: 26px;
    color: #383d3c;
    margin-bottom: 40px;
    -webkit-animation-delay: 0.3s;
}
.t_to_b_anim{
    -webkit-animation: s1-10 2.5s infinite;
}

@-webkit-keyframes s1-10 {
    0% { 
        -webkit-transform:translateY(-10px);
    }
    50% { 
        -webkit-transform:translateY(10px);
    }
    100% { 
        -webkit-transform:translateY(-10px);
    }
}
.com_more_btn{
    display: block;
    width: 226px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #167d64;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    box-shadow:0 4px 8px rgba(22,125,100,0.31);
    font-weight: bold;
    -webkit-animation-delay: 0.6s;
}
.com_more_btn:hover{
    color: #fff;
}
.com_more_btn img{
    margin-right: 10px;
    vertical-align: -8px;
}
.section1 .mouse_img{
    position: absolute;
    top:90%;
    left: 0;
    width: 100%;
    text-align: center; 
    cursor: pointer;
    z-index: 200;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    z-index: 211;
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    bottom: 60px;
}
.swiper-pagination-bullet{
    width: 45px;
    height: 5px;
    background: rgba(255,255,255,1);
    border-radius: 0;
}
.swiper-pagination-bullet-active{
    background: #167d64;
}

.nav_box{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -961px;
    width: 780px;
    height: 100%;
    display: none;
    z-index: 2201;
    background: rgba(255,255,255,0.95);
}
.nav_box .in{
    padding-top: 18px;
    padding-left: 357px;
    position: relative;
}
.nav_box .logo{
    margin-left: 3px;
    margin-top: 2px;
}
.nav_box .txt{
    font-size: 16px;
    color: #888;
    position: absolute;
    right: 60px;
    top: 32px;
}
.nav_box .close_btn{
    font-size: 28px;
    color: #888;
    position: absolute;
    right: 30px;
    top: 21px;
}
.nav_box .close_btn:hover{
    color: #167d64;
}
.nav_box .hd{
    margin-bottom: 70px;
}
.nav_box .bd li{
    margin-bottom: 5%;
}
.nav_box .bd li .p1{
    margin-bottom: 10px;
}
.nav_box .bd li .p1 a{
    font-size: 18px;
    color: #3c4442;
}
.nav_box .bd li .p2 a{
    font-size: 16px;
    color: #6e7372;
    margin-right: 20px;
}




.section2 .inner{
    width: 1200px;
    position: absolute;
    top: 50%;
    margin-top: -220px;
    left: 50%;
    margin-left: -600px;
}
.section2 .img {
    -webkit-animation-delay: 1s;
}
.section2 .img img{
    width: 400px;
    box-shadow:0 6px 18px rgba(22,125,100,0.3);
}
.section2 .text{
    width: 700px;
    margin-top:27px;
    margin-right: 30px;
}
.section2 .text .p1{
    position: relative;
    margin-bottom:40px;transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.2s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .2s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .2s;
}
.section2 .text .p1 img{
    height: 60px;
}
.section2 .text .s1{
    font-size: 44px;
    color: #e7f2ef;
}
.section2 .text .s2{
    font-size: 30px;
    color: #167d64;
    position: absolute;
    top: 25px;
    left: 30px;
}
.section2 .text .p2{
    margin-top: 47px;
    text-indent: 2em;
    font-size: 14px;
    color: #3d4241;
    line-height: 30px;
    margin-bottom:40px;transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.4s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .4s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .4s;
}
.section2 .text .p3{    transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.6s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .6s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .6s;
}
.section2 .text .p3 a{
    float: left;
    width: 190px;
    height: 60px;
    text-indent: 67px;
    line-height: 60px;
    font-size: 20px;
    color: #167d64;
    border-radius: 5px;
    box-shadow:0 4px 12px rgba(217,232,228,1);
    margin-right: 26px;
}
.section2 .text .p3 a:hover{

    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.section2 .text .p3 .a1{
    background: url(../images/i5.png) #f2f8f7  no-repeat 40px center;
    -webkit-animation-delay: 0.6s;
}
.section2 .text .p3 .a2{
    background: url(../images/i6.png) #f2f8f7  no-repeat 40px center;
    -webkit-animation-delay: 0.8s;
}

.section2 .text .p3 .a3{
    background: url(../images/i7.png) #f2f8f7  no-repeat 40px center;
    -webkit-animation-delay:1s;
}
.section3 .inner{
    display: none;
}
.section3 .hd{
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
}
.section3 .hd img{
    height: 60px;
}
.section3 .hd .s1{
    color: #fff;
    font-size: 74px;
    opacity: 0.1;
}
.section3 .hd .s2{
    color: #fff;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    top: 50px;
    width: 100%;
}
.section3 .bd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section3 .bd .item{
    float: left;
    width: 33.333%;
    height: 100%;
    text-align: center;
}
.section3 .bd .item .box_1{
    padding-top: 60%;
}
.section3 .bd .item .box_1 .tit{
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-top: 12px;
}
.section3 .bd .item .box_2{
    height: 100%;
    width: 70%;
    padding: 0 15%;
    background: url(../images/i18.png)   no-repeat 0 0;
    background-size: cover;
    display: none;
}
.section3 .bd .item .box_2 .img{
    padding-top: 100px;
    margin-bottom: 20px;
}
.section3 .bd .item .box_2 .img img{
    width: 100px;
}
.section3 .bd .item .box_2 .tit{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.section3 .bd .item .box_2 .text{
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-align: left;
    line-height: 36px;
}
.section3 .bd .item_3 .box_2 .text{
    padding-right: 50px;
}
.section3 .bd  .box_2 .btn_box a{
    margin: 0 auto;
}
.section3 .bd .item .box_2 .text p{
    text-indent: 2em;
}
.section3 .bd .item_2 .box_2 .text li{
    margin-bottom: 10px;
    margin-left: -4px;
    position: relative;
    line-height: 28px;
}
.section3 .bd .item_2 .box_2 .text li:after{
     content:''; display:block; 
     width:8px;
     height: 8px;
     position: absolute;
     top:14px;
     left: -44px;
    background: url(../images/i19.png)   no-repeat 0 0;
}
.section3 .bd .item_2 .box_2 .text ul{
     border-left: 1px solid #4c90a0;
     padding-left: 44px;
}
.section3 .bd{
    height: 100%;
}

.intro_pop{
    position: fixed; 
    top: 50%;
    left: 50%;
    width: 1200px;
    margin: -200px 0 0 -600px;
    background: #fff;
    z-index: 99;
    display: none;
}
.intro_pop .pop_in{
    position: relative;
    padding: 30px 50px 60px;
}
.intro_pop .pop_in .h{
    font-size: 28px;
    color: #167d64;
    margin-bottom: 40px;
    text-align: left;
}
.intro_pop .pop_in .b{
    color: #3a4240;
    font-size: 18px;
    line-height: 34px;
    text-align: left;
}
.intro_pop .pop_in .close_btn{

    position: absolute;

    top: 0;

    right: 20px;

    font-size:40px;

    color: #82828b;
}

.mask{
    display: none;
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);



    z-index: 1198;

}

.intro_pop_2 li{
    overflow: hidden;
    margin-bottom: 5px;
}
.intro_pop_2 li span{

    float: left;
    width: 44%;
    padding: 0 3%;
    font-size: 16px;
    position: relative;
}
.intro_pop_2 li .s1{
    text-align: right;
    position: relative;
    color: #338973;
    font-size: 20px;
}
.intro_pop_2 li .s2{
    color: #3b4b47;
}
.intro_pop_2 li:nth-child(2n) .s1{
    color: #338973;
    float: right;
    text-align: left;
}
.intro_pop_2 li:nth-child(2n) .s2{
    color: #3b4b47;
    float: left;
    text-align: right;
}
.intro_pop_2 li .s1:after{
    z-index: 1;
     content:''; 
     display:block; 
     width:26px;
     height: 29px;
     position: absolute;
     top:1px;
     right: -19px;
    background: url(../images/i20.png)   no-repeat center center;
}
.kygx_courses_main .intro_pop_2 li{
    padding: 10px 0;
}
.kygx_courses_main .intro_pop_2 li .s2{
    padding-top: 3px;
    color: #777;
}
.intro_pop_2 li:nth-child(2n) .s2:after{
     content:''; 
     display:block; 
     width:26px;
     height: 29px;
     position: absolute;
     top:1px;
     right: -19px;
    background: url(../images/i20.png)   no-repeat center center;
    z-index: 1;
}
.intro_pop_2 li:hover .s1:after{
    background: url(../images/i15.png)   no-repeat 0 0;
}
.intro_pop_2 li:nth-child(2n):hover .s2:after{
    background: url(../images/i15.png)   no-repeat 0 0;
}
.intro_pop_2 li:nth-child(2n) .s1:after{
    display: none;
}
.intro_pop_2 ul{
    position: relative;
}
.intro_pop_2 ul:after{
     content:''; 
     display:block; 
     width:1px;
     height: 100%;
     position: absolute;
     top:0;
     left: 50.45%;
     background: #f2f2f2
}
.intro_pop_3{
    margin-top: -300px;
}
.intro_pop_3 th{
    background: #add9ce;
    font-size: 16px;
    color: #3d4241;
    text-align: left;
    padding: 10px;
}
.intro_pop_3 td{
    background: #fff;
    padding: 10px;
    word-break: break-all;
    text-align: left;
}
.intro_pop_3 table{
    background: #e9e9e9;
}


.section4 .inner{
    width: 1200px;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -600px;
}
.section4 .hd{
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%;
    text-align: center;
}
.section4 .bd {
    position: absolute;
    top: 28%;
    left: 0;
    width: 100%;
}
.section4 .hd .tit .s1{
    color: #167d64;
    font-size: 74px;
    opacity: 0.1;

}
.section4 .hd .tit .s2{
    color: #167d64;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: 40px;
    top: 50px;
}
.section4 .hd img{
    height: 60px;
}
.section4 .hd .r_box{
    margin-top: 0;
    color: #298871;
}
.section4 .hd .r_box a{
    display: inline-block;
    width: 130px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #298871;
    font-weight: bold;
    border-radius: 5px;
}
.section4 .hd .r_box .on{
    background: #167d64;
    color: #fff;
}
.section4 .bd .item{
    display: none;
}
.section4 .bd li{
    float: left;
    width: 23%;
    padding: 0 1%;
}
.section4 .bd li:nth-child(1){
    transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.2s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .2s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .2s;
}
.section4 .bd li:nth-child(2){
    transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.4s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .4s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .4s;
}
.section4 .bd li:nth-child(3){
    transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.6s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .6s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .6s;
}
.section4 .bd li:nth-child(4){
    transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.8s;
    -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .8s;
    -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .8s;
}


.scxg_main .bd .text li:nth-child(1){
    -webkit-animation-delay: 0.3s;
}
.scxg_main .bd .text li:nth-child(2){
    -webkit-animation-delay: 0.6s;
}
.scxg_main .bd .text li:nth-child(3){
    -webkit-animation-delay: 0.9s;
}
.scxg_main .bd .text li:nth-child(4){
    -webkit-animation-delay: 1.2s;
}


.section4 .bd li .w_box{
    background: #fff;
    padding: 20px 20px 20px;
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
    border-radius:5px;
}

.section4 .bd li .time{
    font-size: 18px;
    color: #167d64;
    margin-bottom: 15px;
}
.section4 .bd li .intro{
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
}
.section4 .bd li .intro a{
    font-size: 18px;
    color: #3d4241;
}
.section4 .bd li .intro a:hover{
    color: #298871;
}
.section4 .bd li .box .img{
    display: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.section4 .bd li .box .img img{
    height: 174px;
}
.section4 .bd li .box {
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}
.section4 .bd li .box .b_box {
    height: 174px;
}
.section4 .bd li .box .b_box .text{
    font-size: 16px;
    color: #868888;
    line-height: 26px;
    height: 102px;
    overflow: hidden;
    margin-bottom: 30px;
}
.section4 .bd li .box .b_box a{
    font-size: 16px;
    color: #167d64;
}
.section4 .bd .ft a{
    display: block;
}
.section4 .bd .ft .com_more_btn{
    margin: 10px auto 0;
}
.section4 .bd li:hover .b_box{
    display: none;
}
.section4 .bd li:hover .img{
    display: block;
}
.section4 .bd li .box .img i{
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/i11.png)   no-repeat center center;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
}



.section5 {
    background: url(../images/img5.jpg) #1e2624  no-repeat center center;
    background-size: cover;
}
.section5 .logo_modal {
    height: 160px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 60px;
    width: 100%;
    text-align: center;
}
.section5 .logo_modal img{
    height: 60px;
}
.section5 .logo_modal img:hover{
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.section5 .swiper-button-next, .section5  .swiper-button-prev{
    margin-top: -37px;
}
.section5 .logo_modal .inner{
    width: 1200px;
    margin: 0 auto;
    padding-top: 45px;
    overflow: hidden;
}
.info_modal{
    position: static;
    height: 200px;
    background: url(../images/img4.jpg)   no-repeat center center;
    top: 180px;
    left: 0;
    width: 100%;
}
.section5 .info_modal{
    position: absolute;
}
.info_modal .inner{
    width: 1170px;
    margin: 0 auto;
    padding-top: 58px;
    position: relative;
}
.info_modal .inner .l_box{
    width: 500px;
    position: relative;
}
.info_modal .s1{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 46px;
    color: #fff;
    opacity: 0.2;
    display: none;
}

.info_modal .s2{
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 150px;
    font-size: 26px;
    color: #fff;
    width: 370px;
}

.white_btn{
    display: block;
    width: 226px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #3a9c9c;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
}
.white_btn img{
    margin-right: 10px;
    vertical-align: -6px;
}
.white_btn:hover{
    background: #18bc94;
    border: 1px solid #18bc94;
    color: #fff;
}

.in_rotate720{
    -webkit-animation: s1-7-1 3s linear infinite;
}

@-webkit-keyframes s1-7-1 {
    0% { 
        -webkit-transform: rotate(0deg);
    }
    100% { 
       -webkit-transform: rotate(720deg);
    }
}
.preview:after{
     content:''; 
     display:block; 
     width:90%;
     height: 1px;
     position: absolute;
     top:49px;
     left: 5%;
     background: #ebebeb
}
.footer{
    top: 380px;
    left: 0;
    width: 100%;
    background: url(../images/img5.jpg) #1e2624 no-repeat center center;
    background-size: cover;
    padding-bottom: 20px;
}

.section5 .info_modal{
    position: absolute;
}
.section5 .footer{
    background: none;
    position: absolute;
}
.footer .inner{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}
.footer .l_box{
    margin-right: 90px;
}
.footer .l_box li{
    margin-top: 23px;
    font-size: 14px;
    color: #b1bab7;
}
.footer .l_box li img{
    margin-right: 16px;
}
.footer .l_box li:hover{
    color: #0a7e64;
}

.footer .nav_list dl{
    float: left;
    width: 110px;
}
.footer .nav_list dt {
    margin-bottom: 30px;
}
.footer .nav_list dt a{
    font-size: 16px;
    color: #fff;
}
.footer .nav_list dd a{
    font-size: 14px;
    color: #b1bab7;
    display: block;
    margin-bottom: 10px;
}
.footer .nav_list dl:last-child{
    width: auto;
}
.footer .b_box{
    text-align: center;
    color: #b1bab7;
    font-size: 14px;
    padding: 20px 0;
    border-top: 1px solid #2e3735;
    margin-top: 20px;
}
.swiper-button-prev{
    width: 12px;
    height: 22px;
    left: 0px;
    background: url(../images/i16.png)   no-repeat center center;
}
 .swiper-button-next{
    width: 12px;
    height: 22px;
    background: url(../images/i17.png)   no-repeat center center;
 }




.fp-slidesNav li{
    width: 10px;
    height:10px;
}
.fp-slidesNav span{
    background: #bdb5c1;
    width: 10px;
    height: 10px;
    border: 0 none;
    border: 2px solid #bdb5c1;
}
.fp-slidesNav .active span{
    background: transparent;
    border: 2px solid #fff;
}


#fp-nav.add li em{
 color: #000;
}


/*.main{*/
    /*padding-top: 110px;*/
    /*!*background: #f7f7f7;*!*/
    /*padding-bottom: 80px;*/
/*}*/
.news_d_main {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
}
.news_d_main .inner{
    padding: 0 64px 40px;
}
.news_d_main .hd {
    text-align: center;
    margin-bottom: 40px;
}
.news_d_main .hd .tit{
    line-height: 46px;
    padding: 30px 0;
    text-align: center;
    font-size: 34px;
    color: #3d4241;
    margin-bottom: 26px;
    border-bottom: 1px solid #e5e1e1;
}
.news_d_main .hd .time{
    font-size: 16px;
    color: #a9a9a9;
}
.news_d_main .bd p{
    font-size: 16px;
    color: #3d4241;
    line-height: 34px;
    text-indent: 2em;

}
.news_d_main .bd .img{
    text-align: center;
}
.news_d_main .ft{
    margin-top: 36px;
    padding-top: 30px;
    border-top: 1px solid #e5e1e1;
}
.news_d_main .ft .back_btn{
    background: url(../images/i22.png)  no-repeat 0 center;
    padding-left: 38px;
    margin-right: 60px;
}
.news_d_main .ft a{
    font-size: 14px;
    color: #818181;
    width: 100%;
    margin-bottom: 8px;
    display: block;
}
.news_d_main .ft .back_btn:hover,.news_d_main .ft a:hover,.footer .nav_list dd a:hover,.footer .nav_list dt a:hover{
    color: #0a7e64;
}
.section3 .bd .item .box_2{
    position: relative;
}
.section3 .bd .item .box_2 .close_btn {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 120px;
    left: 90%;
    display: none;
}
.news_d_main .ft .back_btn:hover{
    background: url(../images/z1.png)  no-repeat 0 center;
}



.o_banner{
    width: 100%;
    height: 450px;
    margin-top: 0;
    background-attachment: fixed!important;
    background-size: auto 570px!important;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-top: 109px;
}
.o_banner img{
    margin-top:45px;
}


.news_main{
    width: 100%;
    background: url(../images/img8.jpg) #f7f7f7 no-repeat center 0;

}
.news_main .inner{
    width: 1200px;
    margin: 0 auto;
    padding-top:10px;
}
.news_main .hd{
    margin-bottom:56px;
}
.news_main .hd .tit .s1{
    color: #167d64;
    font-size: 54px;
    opacity: 0.1;

}
.news_main .hd .tit .s2{
    color: #167d64;
    font-size: 26px;
    position: absolute;
    top: 0;
    left: 40px;
    top: 50px;
}
.news_main .hd .r_box{
    margin-top: 26px;
}
.news_main .hd .r_box a{
    float: left;
    width: 130px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #298871;
    font-weight: bold;
    border-radius: 5px;
    background: #fff;
    margin-left: 10px;
}
.news_main .hd .r_box .on,.news_main .hd .r_box a:hover{
    background: #167d64;
    color: #fff;
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
}
.news_main .bd li{
    float: left;
    width: 31.333%;
    padding: 0 1%;
    margin-bottom: 20px;
}
.news_main .bd li:hover{

    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.news_main .bd .item{
    display: none;
}
.news_main .bd li .w_box{
    background: #fff;
    padding: 30px 20px 20px;
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
    border-radius: 5px;
}
.news_main .bd li .w_box{
    position: relative;
}
.news_main .bd li .w_box .y{
        font-size: 50px;
    color: #167d64;
    margin-bottom: 0;
    opacity: 0.2;
    margin-top: -10px;
}
.news_main .bd li .time{
    font-size: 24px;
    color: #167d64;
    position: absolute;
    top: 50px;
    left: 30px;
}
.news_main .bd li .intro{
    height: 64px;
    overflow: hidden;
    font-size: 16px;
    color: #3d4241;
    padding-bottom: 37px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.news_main .bd li .intro a{
    color: #3d4241;
    font-size:16px;
}
.news_main .bd li .intro a:hover{
    color: #167d64;
}
.news_main .bd li .box .img{
    position: relative;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}
.news_main .bd li .box .img a{
    display: block;
    position: relative;
}
.news_main .bd li .box .img a:after{

     content:''; 
     display:block; 
     width:100%;
     height: 100%;
     position: absolute;
     top:0;
     left: 0;
     background: rgba(22,125,100,0.6);
}
.news_main .bd li .box .img img{
    height: 215px;
    border-radius: 5px;
}
.news_main .bd li .box .b_box {
    
}
.news_main .bd li .box .b_box a{
    font-size: 16px;
    color: #167d64;
}
.news_main .bd .ft a{
    display: inline-block;
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
    color: #3a9c9c;
}
.news_main .bd .ft a:hover{
    color: #fff;
}
.news_main .bd .ft .com_more_btn{
    margin: 50px auto 0;
}
.news_main .bd li .box .img i{
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/i11.png)   no-repeat center center;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    display: none;
    z-index: 1;
}
.career_dev_main .team_person .text .p2{
    border-bottom: 0 none;
}
.news_video_main .bd li .box .img i{
    background: url(../images/i24.png)   no-repeat center center;
    display: block;
    width: 77px;
    height: 87px;
    margin: -44px 0 0 -38px;
}
.news_video_main .bd li .box .img a:hover i{
    background: url(../images/i24_1.png)   no-repeat center center;
}
.news_video_main .bd li .box .img a:hover:after{
    display: none;
}
.news_main .bd li .box .img:hover i{
    display: block;
}
.news_main .ft{
    text-align: center;
    padding: 25px 0 60px;
}

.about_team{
    background: url(../images/bg4.jpg)   no-repeat center 0;
    background-size: cover;
}
.about_team .team_person{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.about_team .team_person .img{
    width:  400px;
}
.about_team .team_person .img img{
    width:  100%;
}
.about_team .team_person .text{
    width: 750px;
}
.about_team .team_person .text .p1{
    font-size: 14px;
    color: #3d4241;
    margin-bottom: 36px;
}
.about_team .team_person .text .p1 span{
    font-size: 26px;
    color: #167d64;
}
.about_team .team_person .text .p2{
    font-size: 16px;
    color: #3d4241;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.about_team .team_person .text .p2 p{
    text-indent: 2em;
}
.kygx_main .team_person .img{
    width: 416px;
}
.kygx_main .team_person img{
    width: 100%;
}
.about_friend .item_a{
    background: #fff;
    padding: 40px 30px;
    margin-bottom: 26px;
}
.about_friend .item_a:hover{
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
}
.about_friend .item_a .img{
    width: 140px;
}
.about_friend .item_a .img img{
    width: 190px;
}
.about_friend .item_a .text{
    width: 900px;
}
.about_friend .item_a .text .d1{
    margin-bottom: 20px;
}
.about_friend .item_a .text .d1 a{
    font-size: 20px;
    color: #3d4241;
}
.about_friend .item_a .text .d1 a:hover{
    color: #167d64;
}
.about_friend .item_a .text .d2{
    font-size: 14px;
    color: #656c6a;
    margin-bottom: 15px;
}
.about_friend {
    padding-bottom: 50px;
}
.about_friend .item_a .text .d3 a{
    font-size: 14px;
    color: #167d64;
}


.about_gw .kxgw_list .js_one{
    float: left;
    margin-bottom: 16px;
    width: 48%;
    padding: 0 1%;
}
.about_gw .kxgw_list .js_one a{
    display: block;
    background: #fff;
    padding: 0 24px;
    border-radius: 5px;
}
.about_gw .kxgw_list .js_one .h{
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #167d64;
    border-bottom: 1px dashed #cbcbcb;
}
.about_gw .kxgw_list .js_one .b{
    padding-top: 20px;
}
.about_gw .kxgw_list .js_one .img img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.about_gw .kxgw_list .js_one .text{
    width: 406px;
    padding-bottom: 30px;
}
.about_gw .kxgw_list .js_one .text .p1{
    font-size: 16px;
    color: #28302e;
    margin-bottom: 20px;
    height: 55px;
    overflow: hidden;
}
.about_gw .kxgw_list .js_one .text .p2{
    font-size: 14px;
    color: #818483;
    height: 90px;
    overflow: hidden;
}
.about_gw .kxgw_list .js_one a:hover{
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
}
.about_gw .kxgw_list {
    padding-bottom: 50px;
}
.about_gw .w_in{
    width: 100%;
    background: url(../images/bg5.jpg)  no-repeat center bottom;
}
.contact_main .w_in{
    padding-bottom: 50px;
}
.contact_main{
    background: url(../images/bg7.jpg) #f6f6f6  no-repeat center 0;
}


.o_banner .search_item{
    width: 1200px;
    height:70px;
    position: relative;
    margin: 190px auto 0;
}
.o_banner .search_in .text {
    height: 70px;
    line-height: 70px;
    background: url(../images/i27.png) #fff no-repeat 21px center;
    text-indent: 67px;
    width: 1080px;
    font-size: 16px;
    border: 0 none;
}
.o_banner .submit_btn {
    width: 120px;
    height: 70px;
    background: url(../images/i28.png) #167d64 no-repeat 30px center;
    border: 0 none;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-indent: 60px;
    text-align: left;
}

.contact_main{
   
}
.contact_main .contact_box .addr_box{
    margin-bottom: 65px;
}
.contact_main .contact_box .addr_box .p1{
    color: #167d64;
    font-size: 28px;
    margin-bottom: 20px;
}
.contact_main .contact_box .addr_box .p2{
    color: #3b3939;
    font-size: 16px;
}

.career_dev_main .team_person .text{
    position: relative;
    padding-top: 80px;
    text-indent: 2em;
    font-size: 16px;
    color: #3d4241;
}
.career_dev_main .team_person .text .p2{
    line-height: 38px;
}
.career_dev_main .team_person .text:after{
     content:''; 
     display:block; 
     width:222px;
     height: 3px;
     position: absolute;
     top:50px;
     left: 0;
     background: #167d64
}
.more_icon{
    width: 20px;
    height: 23px;
    display: block;
    margin: 0 auto;
    background: url(../images/i41.png)  no-repeat 0 center;
} 
.ky_3_main .bd th{
    background: #167d64;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.ky_3_main .bd td{
    background: #fff;
    padding: 10px;
    color: #666;
    word-break: break-all;
    text-align: center;
}
.ky_3_main .bd table{
    background: #e9e9e9;
}
.ky_3_main .bd table tr:hover {
  
}
.intro_pop_2 li:hover{
    background: #fbfbfb;
}



.values_main .inner{
    width: 1200px;
    margin: 0 auto;
    padding:50px 0;
}
.common_hd{
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}
.common_hd .s1 {
    color: #167d64;
    font-size: 74px;
    opacity: 0.1;
}
.common_hd .s2 {
    color: #167d64;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    top: 50px;
    width: 100%;
}
.common_hd .info{
    padding-top: 15px;
    font-size: 16px;
    line-height: 36px;
    color: #5f6564;
}
.values_main .list li{
    margin-bottom: 30px;
    background: #f7f7f7;
}
.values_main .list li:hover{
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
}
.career_dev_main .team_person .text .p2{
    border-bottom: 0 none;
}
.values_main .list li a{
    cursor: default;
}
.values_main .list li .img img{
    width: 656px;
}
.values_main .list li .text{
    padding: 25px 0 0 30px;
    width: 480px;
}
.values_main .list li .text .p1{
    margin-bottom: 15px;
}
.values_main .list li .text .p2{
    margin-bottom: 10px;
    font-size: 20px;
    color: #167d64;
}
.values_main .list li .text .p3{
    font-size: 14px;
    color: #3d4241;
}
.recruitment_main{
    background: url(../images/bg8.jpg)  no-repeat center center;
    background-size: cover;
}
.kygx_main_3 .team_person .text{
    padding-top: 30px;
}

.recruitment_list li{
    float: left;
    width: 31.333%;
    padding: 0 1%;
    border-radius: 5px;
}
.recruitment_list li .box{
    background: #fff;
    padding: 25px 0 0 55px;
    height: 115px;
    border-radius: 5px;
}
.info_pop .bd .text .tit{
    font-size: 26px;
    color: #167d64;
    padding: 24px 0 40px;
}
.info_pop .bd .text p{
    padding-bottom: 20px;
}
.info_pop .bd .text li{
    padding-left: 20px;
    background: url(../images/o1.png)  no-repeat 0 9px;
}

.recruitment_list li:nth-child(1)  .box{
    background: url(../images/s1.png)  no-repeat center center;
    background-size: cover;
}
.recruitment_list li:nth-child(2)  .box{
    background: url(../images/s2.png)  no-repeat center center;
    background-size: cover;
}
.recruitment_list li:nth-child(3)  .box{
    background: url(../images/s3.png)  no-repeat center center;
    background-size: cover;
}
.recruitment_list li .img{
    margin-right: 22px;
    display: none;
}
.recruitment_list li .text{
    padding-top: 12px;
    padding-left: 0;
}
.recruitment_list li .text .p1{
    font-size: 20px;
    color: #3d4241;
}
.recruitment_list li .text .p2 a{
    font-size:16px;
    color: #167d64;
}
.recruitment_list li:hover{
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.recruitment_list li:hover .box{
    box-shadow:0 6px 18px rgba(169,204,195,0.53);
}


.scxg_main{
    width: 100%;
    background: url(../images/img8.jpg) #f7f7f7 no-repeat center 0;
}
.scxg_main .hd {
    position: relative;
    width: 1200px;
    margin: 0 auto -50px;
}

.scxg_main .hd .tit .s1{
    color: #167d64;
    font-size: 74px;
    opacity: 0.1;

}
.scxg_main .hd .tit .s2{
    color: #167d64;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: 40px;
    top: 60px;
}

.scxg_main .bd .img{
    width:  534px;
}
.scxg_main .bd .img img{
    width:  100%;
}
.scxg_main .bd .text li img{
    width: 45px;
}
.scxg_main .bd .text{
    width: 600px;
    padding-top: 30px;
    position: relative;
    margin-top: 30px;
}
.scxg_main .bd .text .d1{
    font-size: 28px;
    color: #3d4241;
    margin-bottom: 26px;
}
.scxg_main .bd .text .d2{
    color: #3d4241;
    font-size: 14px;
    line-height: 28px;
    text-indent: 2em;
}
.scxg_main .bd .in{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 86px;
    padding-top: 100px;
}
.scxg_main .bd .in .text:after {
    content: '';
    display: block;
    width: 180px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: #167d64;
}
.scxg_main .bd:nth-child(3){
    background: url(../images/bg1.jpg) #fcfcfc no-repeat center bottom;
    background-size: cover;
}
.scxg_main .bd .text li img{
    vertical-align: -19px;
    margin-right: 20px;
}
.scxg_main .bd .text li {
    font-size: 18px;
    color: #3c4442;
    margin-bottom: 30px;
}
.scxg_main .bd .text li span{
    font-size: 20px;
    color: #167d64;
    margin-left: 16px;
}

.kygx_main .hd .tit .s1{
    font-size: 50px;
}
.kygx_main .team_person {
    padding-bottom: 100px;
}
.kygx_main .team_person .text{
    width: 730px;
}
.kygx_main .team_person .text .p1{
    font-size: 30px;
    color: #3d4241;
    margin-bottom: 30px;
}
.kygx_main .team_person .text .p2{
    font-size: 14px;
    color: #3d4241;
    line-height: 28px;
}
.kygx_courses_main{
    padding-top: 30px;
    padding-bottom: 50px;
    background: url(../images/bg9.jpg)  no-repeat center bottom;
}
.kygx_courses_main .inner{
    width: 1200px;
    margin: 0 auto;
}
.kygx_courses_main .inner .text_box{
    padding: 20px;
    background: #f7f7f7;
    color: #3d4241;
    line-height: 26px;
}
.kygx_main .table_box table th span{
    margin-right: 20px;
}
.kygx_main .table_box table td:nth-child(1),.kygx_main .table_box table td:nth-child(2){
    padding: 10px;
}
.kygx_main .table_box table th,
.kygx_main .table_box table td{
    text-align: center;
    padding: 10px 0;
}
.cpx_x table tr td:nth-child(2) {
    position: relative;
    z-index: 10;
}
.cpx_x table tr td:nth-child(3) {
    position: relative;
    z-index: 9;
}
.cpx_x table tr td:nth-child(4){
    position: relative;
    z-index: 8;
}
.cpx_x table tr td:nth-child(5){
    position: relative;
    z-index: 7;
}
.cpx_x table tr td:nth-child(6){
    position: relative;
    z-index: 6;
}
.cpx_x table tr td:nth-child(7){
    position: relative;
    z-index: 5;
}
.cpx_x table tr td:nth-child(8){
    position: relative;
    z-index: 4;
}
.driveInLeft {
  -webkit-animation-name: driveInLeft;
  animation-name: driveInLeft;
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@keyframes driveInLeft {
  0% {
    opacity: 0.5;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0); }
  30% {
    opacity: 1; }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.cpx_x table tr td h1{width:100%;height:24px;background:url(../images/tu19.png)no-repeat;background-position:100% 0px;background-size:cover;}

.cpx_x table tr td h2{width:100%;height:24px;background:url(../images/tu20.png)no-repeat;background-position:100% 0px;background-size:cover;}

.cpx_x table tr td h3{width:100%;height:24px;background:url(../images/tu21.png)no-repeat;background-position:100% 0px;background-size:cover;}

.cpx_x table tr td h4{width:100%;height:24px;background:url(../images/tu22.png)no-repeat;background-position:100% 0px;background-size:cover;}

.cpx_x table tr td h5{width:100%;height:24px;background:url(../images/tu23.png)no-repeat;background-position:100% 0px;background-size:cover;}

.kygx_main .bd th{
    background: #add9ce;
    font-size: 16px;
    color: #3d4241;
    text-align: left;
    padding: 10px;
}
.kygx_main .bd td{
    background: #fff;
    padding: 10px;
    word-break: break-all;
    text-align: left;
}
.kygx_main .bd table{
    background: #e9e9e9;
}
.kygx_main .bd .table_box{
    padding-bottom: 70px;
}
.kygx_main .bd .table_box .line_box{
    width: 100%;
    height: 25px;
    background: #ecf3f1;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}
.kygx_main .bd .table_box .line_box .line{
   
    height: 25px;
    background: #167d64;
    border-radius: 0 10px 10px 0;
     animation: spinner-circle-clipper 2s ease-in-out ;
}
@keyframes spinner-circle-clipper {
    0% {
        -webkit-transform:  translateX(-100%) ;
    }
 
    100% {
        -webkit-transform:  translateX(0) ;
    }
}

.about_intro_main{
    background: url(../images/bg2.jpg)  no-repeat center 0;
}
.about_intro_main .team_person .p2 p{
    text-indent: 2em;
    margin-bottom: 20px;
    font-size: 14px;
}
.about_intro_main .team_person .p3 .li{
    padding-left: 160px;
    font-size: 14px;
    color: #3d4241;
    margin-bottom: 18px;
    line-height: 26px;
}
.about_intro_main .team_person .p3 .li_1{
    background: url(../images/i43.png)  no-repeat 0 0;
    background-size: 120px;
}
.about_intro_main .team_person .p3 .li_2{
    background: url(../images/i44.png)  no-repeat 0 0;
    background-size: 120px;
}

.fzlc_box{
    padding: 40px ;
    position: relative;
    background: url(../images/bg01.jpg)  no-repeat 0 0;
    background-size: cover;
}
.fzlc_box li .p1{
    font-size: 16px;
    color: #3d4241;
}
.fzlc_box li .p2{
    font-size: 16px;
    color: #3d4241;
    margin-bottom: 10px;
}
.fzlc_box li {
    margin-bottom: 37px;
    padding-left: 76px;
    position: relative;
    z-index: 1;
    background: url(../images/i15.png)  no-repeat 0 6px;
}

.fzlc_box:after{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 55px;
    background: #e5e8eb;
}



.server_pop{

    position: fixed;

    top: 50%;

    left: 50%;

    width: 856px;


    margin: -340px 0 0 -578px;

    background: #fff;
    display: none;
    z-index: 9999;
    padding: 0 150px;


}

.server_pop .inner{
    padding-bottom: 30px;
    position: relative;

}

.server_pop .close_btn{

    position: absolute;

    top: 0;

    right: -130px;

    font-size: 50px;

    color: #82828b;

}

.server_pop .d1{

    text-align: center;

    font-size: 28px;

    color: #167d64;

    margin-bottom: 20px;

    padding-top: 50px;

}

.server_pop .d2{

    text-align: center;

    font-size: 16px;

    color: #929292;

    margin-bottom: 26px;

}

.server_pop .d3{

    padding-left: 60px;

    margin-bottom: 10px;

}

.server_pop .d3  ul{

    margin-right: -60px;

}

.server_pop .d3 li{


    margin-bottom: 12px;


}

.server_pop .d3 li label{

    width: 80px;

    font-size: 16px;
    text-align: right;
    margin-right: 22px;

    color: #3b3b3b;
    margin-top: 8px;

}
.server_pop .d3 li  label span{
    color: #e10012;
    margin-right: 6px;
}

.server_pop .d3 .text{

    width: 590px;

    height: 20px;

    line-height: 20px;

    padding: 10px;

    font-size: 16px;

    border: 1px solid #ececec;

}
.server_pop .select_box {
    float: left;
    border: 1px solid #ececec;
    margin-right: 13px;
}
.server_pop .select_box select{
    border: 0 none;
    width: 194px;

    height: 39px;

    line-height: 39px;
    color: #666;
    text-indent: 15px;
    font-size: 18px;
    background: #fff;

}

.server_pop .d3 .textarea_box textarea{

    width: 590px;

    height: 70px;

    padding: 10px;

    border: 1px solid #ececec;

    resize:none;

}



.server_pop .d4{

    padding-left: 160px;

}
.section3 .bd .item .box_2 .btn_box a{
    margin: 0 auto;
}

.server_pop .d4 input{

    border: 0 none;

    cursor: pointer;

    background: #167d64;

    font-size: 18px;

    color: #fff;

    width: 166px;

    height: 44px;

    line-height: 44px;

    text-align: center;
    border-radius: 5px;

}

input,textarea{

    font-family: "微软雅黑";

}



.info_pop{

    position: fixed;

    top: 50%;

    left: 50%;

    width: 1000px;


    margin: -250px 0 0 -500px;

    background: #fff;
    z-index: 9999;
    padding:  30px 30px 60px;
    display: none;


}

.info_pop .inner{
    position: relative;

}

.info_pop .close_btn{

    position: absolute;

    top: -30px;

    right: -10px;

    font-size: 40px;

    color: #82828b;

}
.info_pop .hd{
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
    color: #333;
}
.info_pop .bd img{
    width: 240px;
}
.info_pop .bd .text{
    width: 700px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}
.news_list_main .bd li .box .img a:after,.search_main .bd li .box .img a:after{
    display: none;
}

.user_info_pop .bd img{
    width: 360px;
}
.user_info_pop .bd .text{
    width: 600px;
}
.user_info_pop{
    margin-top: -350px;
    display: none;
}
.section5 .logo_modal .swiper-slide {
    width: 33%!important;
}


.info_modal .white_btn{
    display: none;
}

.section4 .bd .ft{
    margin-top: 40px;
}
.nav_box .bd li .p2{
    line-height: 30px;
}






@media all and (min-width: 1180px){
   .section3 .bd .item .box_2{
    -webkit-animation: s1-1 0.7s ease;
    -ms-animation: s1-1 0.7s ease;
    -moz-animation: s1-1 0.7s ease;
    -o-animation: s1-1 0.7s ease;
    animation: s1-1 0.7s ease;
   }
}








@media all and (max-width: 1600px){
   
}


@media all and (max-width: 1380px){
   
}



@media all and ( max-width: 1000px ){
    .header{
        padding: 0 5%;
        width: 90%;
    }
    .header .r_box .tel_btn{
        background-size: 20px;
        margin-left: 10px;
        margin-top: 2px;
    }
    .header .r_box .tel_btn:hover{
        background-size: 20px;
    }
    .header .r_box .search_btn{
        background-size: 18px;
        margin-top: 2px;
    }
    .header .r_box .search_btn:hover{
        background-size: 18px;
    }
    .section4 .hd img{
        height: 36px;
    }
    .header .nav_btn{
        background-size: 16px;
        top: 26px;
        left: 90px;
    }
    .header .in{
        width: auto;
    }
    .header .in{
        padding: 10px 0;
    }
    .header .in .logo img{
        width: 70px;
    }
    .header .r_box{
        padding-top: 11px;
    }
    .header .r_box .search_btn{
        margin-left: 13px;
    }
    .section1 .header .r_box .tel_btn{
        margin-left: 17px;
    }
    .section1 .inner{
        width: auto;
        left: 3%;
        margin-left: 0;
    }
    .section1  .swiper-container-horizontal>.swiper-pagination-bullets, .section1  .swiper-pagination-custom, .section1  .swiper-pagination-fraction{
        width: auto;
        margin-left: 0;
        left: 5%;
    }
    .section1 .banner_text {
        margin-left: 20px;
    }
    .section1 .banner_text .p1 {
        font-size: 26px;
        margin-bottom: 14px;
        line-height: 48px;
        margin-top: 40%;
    }
    .section1 .banner_text .p2{
        font-size: 22px;
    }
    .com_more_btn{
        margin-left: 20px;
    }
    #fp-nav{
        display: none;
    }
    .nav_box .in{
        padding-left: 0;
        padding-top: 10px;
    }
    .nav_box{
        width: auto;
        padding:0 5%;
        left: 0;
        margin-left: 0;
    }
    .nav_box .logo img{
        width: 80px;
    }
    .nav_box .hd {
        margin-bottom: 20px;
    }
    .com_more_btn{
        width: 180px;
        height: 56px;
        line-height: 56px;
    }
    .section2 .inner{
        width: auto;
        position: static;
        margin: 0;
    }
    .section2 .text .p1 img{
        height: 40px;
    }
    .section2 .inner .img{
        display: none;
    }
    .section2 .text .s1{
        font-size: 30px;
    }
    .section2 .text .s2{
        font-size: 24px;
        top: 18px;
        left: 16px;
    }
    .section2 .text{
        width: auto;
        margin-top: 90px;
        padding: 0 20px;
        margin-right: 0;
    }
    .section2 .text .p2 {
        margin-top: 20px;
        text-indent: 2em;
        font-size: 14px;
        color: #3d4241;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .section2 .text{
        margin-top: 60px;
    }
    .section2 .text .p3 a {
        float: left;
        width: 30%;
        height: 40px;
        margin-right: 3%;
        text-indent: 34px;
        line-height: 40px;
        font-size: 12px;
    }
    .section2 .text .p3 .a3 {
            background: url(../images/i7.png) #f2f8f7 no-repeat 10px center;
        background-size: 16px;
    }
    .section2 .text .p3 .a2 {
            background: url(../images/i6.png) #f2f8f7 no-repeat 10px center;
        background-size: 16px;
    }
    .section2 .text .p3 .a1 {
            background: url(../images/i5.png) #f2f8f7 no-repeat 10px center;
        background-size: 16px;
    }
    .main{
        padding-top: 70px;
    }
    .news_d_main{
        width: auto;
    }
    .news_d_main .hd .tit{
        font-size: 16px;
        height: auto;
        line-height: 26px;
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .news_d_main .hd .time{
        font-size: 12px;
    }
    .news_d_main .hd{
        margin-bottom: 20px;
    }
    .news_d_main .bd p{
        font-size: 12px;
        line-height: 24px;
    }
    .news_d_main .bd .img img{
        width: 100%;
    }
    .news_d_main .ft a{
        font-size: 12px;
        margin-bottom: 6px;
    }
    .news_d_main .ft .back_btn{
        background-size: 14px;
        padding-left: 20px;
    }
    .info_modal .inner{
        width: 100%;
    }
    .info_modal{
        height: 140px;
        background-size: cover;
    }
    .info_modal .s1 {
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 22px;
    }
    .info_modal .s2 {
        position: absolute;
        top: 10px;
        left: 0;
        font-size: 12px;
        color: #fff;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .info_modal .inner .l_box{
        width: 100%;
    }
    .main{
        padding-bottom: 20px;
    }
    .white_btn {
        display: block;
        width: 126px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        font-size: 12px;
    }
    .white_btn img {
        margin-right: 10px;
        vertical-align: -4px;
        width: 15px;
    }
    .info_modal .inner {
        padding-top: 50px;
        padding-right: 20px;
    }
    .news_d_main .inner{
        padding-bottom: 20px;
    }
    .footer .inner{
        width: auto;
        padding: 60px 20px 0;
    }
    .footer{
        height: auto;
    }
    .footer .nav_list dt{
        margin-bottom: 10px;
    }
    .footer .nav_list dt a{
        font-size: 14px;
    }
    .footer .nav_list dd a{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .footer .nav_list {
        display: none;
    }
    .footer .logo img{
        width:100px;
    }
    .footer .logo {
        margin-bottom: 10px;
    }
    .footer .l_box{
        float: none;
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .footer .l_box ul{
       
    }
    .footer .l_box li{
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .footer .l_box li img{
        width: 18px;
        vertical-align: -2px;
        margin-right: 6px;
    }
    .footer .l_box{
        margin-right: 0;
    }
    .footer .ewm_box{
        float: none;
        display: block;
        text-align: center;
        position: absolute;
        top: 60px;
        right: 10px;
        width: 122px;
    }
    .footer .ewm_box img{
        width: 100%;
    }
    .footer .b_box{
        margin-top: 30px;
    }
    .footer .b_box{
        font-size: 12px;
    }
    .search_modal .in{
        width: auto;
        padding: 0;
    }
    .search_modal{
        top: 0;
    }
    .tel_num{
        top: 64px;
    }
    .news_d_main .inner{
        padding: 0 15px 20px;
    }
    .section5 .logo_modal{
        position: static;
    }
    .section5 .info_modal{
        position: static;
    }
    .section5 .footer{
        position: static;
    }
    .section5,.section5 .fp-tableCell{
        width: 100%;
        display: block!important;
    }
    .section5 .logo_modal{

    }
    .section5 .logo_modal .inner{
        width: 100%;
    }
    .section5 .logo_modal .swiper-slide img{
        width: 100%;
    }
    html,body{
        width: 100%;
        overflow-x:hidden;
    }
    .section5 .swiper-wrapper{
        padding:  40px 0 0;
    }
    .section5 .swiper-button-next, .section5 .swiper-button-prev{
        margin-top: -7px;
    }
    .section5 .swiper-button-prev{
        left: 17px;
    }
    .section5 .swiper-button-next{
        right: 17px;
    }
    .section4 .inner{
        width: auto;
        margin: 0;
        position: static;
        left: 0;
        top: 0;
    }
    .section4 .hd{
        position: static;
        margin-top: 150px;
        margin-left: 20px;
    }
    .section4 .hd .tit .s1{
        font-size: 24px;
    }
    .section4 .hd .tit .s2{
        font-size: 20px;
        top: 90px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .section4 .hd .tit{
        text-align: center;
        float: none;
        display: block;
        width: 100%;
    }
    .section4 .hd{
        margin-bottom: 20px;
    }
    .section4 .hd .r_box{
        float: none;
        display: block;
        margin-top: 20px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .section4 .hd .r_box a {
        width: 90px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-size: 12px;
        float: none;
        display: inline-block;
    }
    .section4 .hd .r_box{
        float: none;
        display: block;
    }
    .section4 .bd li .time{
        font-size: 12px;
    }
    .section4 .bd li .intro{
        font-size: 14px;
    }
    .section4 .bd li{
        width: 48%;
        margin-bottom: 10px;
    }
    .section4 .bd li:nth-child(1),.section4 .bd li:nth-child(2){
      
    }
    .section4 .bd li .box .b_box .text{
        font-size: 12px;
        line-height: 20px;
    }
    .section4 .bd li .w_box{
        padding: 10px;
    }
    .section4 .bd li .intro a{
        font-size: 14px;
    }
    .section4 .bd li .time{
        margin-bottom: 10px;
    }
    .section4 .bd li .intro{
        margin-bottom: 10px;
        padding-bottom: 10px;
        height: 36px;
    }
    .section4 .bd li .box .b_box .text{
        height: 40px;
        margin-bottom: 10px;
    }
    .section4 .bd li .box .b_box a{
        font-size: 12px;
    }
    .section4 .bd li .box .b_box{
        height: auto;
    }
    .section4 .bd li .box{
        padding-top: 10px;
    }
    .section4 .bd li:hover .img{
        display: none;
    }
    .section4 .bd{
        position: static;
    }
    .section3 .bd .item .box_1 .img img{
        width: 88%;
    }
    .section3 .bd .item .box_1 .img{
        width: 100%;
    }
    .section3 .bd .item{
        width: 31.333%;
        padding: 0 1%;
    }
    .section3 .bd .item .box_1 .tit{
        font-size: 14px;
    }
    .section3 .bd .item .box_1{
        padding-top: 240%;
    }


    .section3 .hd .s1{
        font-size: 34px;
    }
    .section3 .hd{
        top: 21%;
    }
    .section3 .hd .s2{
        font-size: 26px;
    }
    .section3 .bd .item .box_2{
        position: absolute;
        left: 0;
        top: 0;
    }
    .section3 .bd .item .box_2 .text {
        font-size: 14px;
        line-height: 30px;
    }
    .section3 .bd .item .box_2 .tit{
        font-size: 22px;
    }
    .section3 .bd .item .box_2 .img img{
        width: 40%;
    }
    .section3 .bd .item .box_2 .img{
        top: 30%;
    }
    .section3 .bd .item .box_2 .text li{
        margin-bottom: 10px;
    }
    .section3 .bd .item .box_2 .img{
        padding-top: 30%;
    }
    .intro_pop{
        width: 100%;    
        left: 0;
        margin: 0;
        top: 64px;
    }
    .intro_pop .pop_in .b {
        font-size: 14px;
        line-height: 26px;
    }
    .intro_pop .pop_in .h {
        font-size: 22px;
        margin-bottom: 23px;
    }
    .intro_pop .pop_in {
        padding: 30px 20px 30px;
    }
    .intro_pop_2 li span{
        font-size: 14px;
    }
    .intro_pop_2 li .s1:after{
        right: -6px;
        top: 8px;
    }
    .intro_pop_2 li:nth-child(2n) .s2:after{
        right: -6px;
        top: 8px;
    }
    .intro_pop_2 li:nth-child(2n) .s1:after{
        display: none;
    }
    .intro_pop_3 th{
        font-size: 12px;
    }
    .intro_pop .pop_in .h{
        font-size: 16px;    
        margin-bottom: 10px;
    }
    .intro_pop_3 td,.intro_pop_3 th{
        padding: 4px;
    }
    .intro_pop_3 td{
        font-size: 12px;
    }
    .intro_pop_3 table{
        margin-bottom: 10px;
    }
    .o_banner{
        margin-top: 0;
        height: 180px;
        background-size: auto 180px!important;
    }
    .o_banner img{
        margin-top: 60px;
        height: 88px;
    }
    .news_main .inner{
        width: auto;
    }
    .news_main .hd{
        margin-bottom: 20px;
    }
    .news_main .hd .tit .s1{
        font-size: 24px;
    }
    .news_main .hd .tit .s2{
        font-size: 20px;
        top: 30px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .news_main .hd .tit{ 
        text-align: center;
        float: none;
        display: block;
        width: 100%;
    }
    .news_main .hd{
        margin-bottom: 20px;
    }
    .news_main .hd .r_box{
        float: none;
        display: block;
        margin-top: 30px;
        overflow: hidden;
        margin-bottom: 30px;
        text-align: center;
    }
    .news_main .hd .r_box a {
        width: 86px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-size: 11px;
        float: none;
        display: inline-block;
        margin-left: 3px;

    }
    .news_main .hd .r_box{
        float: none;
        display: block;
    }
    .news_main .bd li {
        margin-bottom: 10px;
    }
    .news_main .bd li .time{
        font-size: 12px;
    }
    .news_main .bd li .intro{
        line-height: 16px;
        height: 40px;
    }
    .news_main .bd li .intro a{
        font-size: 12px;
    }
    .news_main .bd li{
        width: 48%;
    }
    .news_main .bd li .box .img img{
        width: 100%;
        height: 100%;
    }
    .news_main .bd li .box .b_box .text{
        font-size: 12px;
        line-height: 20px;
    }
    .news_main .bd li .w_box{
        padding: 10px;
    }
    .news_main .bd li .time{
        margin-bottom: 10px;
    }
    .news_main .bd li .intro{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .news_main .bd li .box .b_box .text{
        height: 78px;
        margin-bottom: 10px;
    }
    .news_main .bd li .box .b_box a{
        font-size: 12px;
    }
    .news_main .bd li .box .b_box{
        height: auto;
    }
    .news_main .bd li:hover .img{
     
    }
    .news_main .ft{
        padding: 15px 0 30px;
    }
    .header.on{
        background: #fff;
    }
    .about_team .hd .r_box,.about_gw .hd .r_box{
        text-align: left;
    }
    .about_team .hd .r_box a,.about_gw .hd .r_box a{
        width: 85px;
         margin-left: 20px;
         margin-bottom: 7px;
    }

    .about_team .team_person .img{
        float: none;
        display: block;
        width: 100%;
    }
    .about_team .team_person .img img{
        width: 100%;
    }
    .about_team .team_person{
        width: auto;
        padding: 0 15px 30px;
    }
    .about_team .team_person .text{
        float: none;
        display: block;
        width: 100%;
    }
    .about_team .team_person .text .p1{
        font-size: 12px;
        margin-bottom: 16px;
    }
    .about_team .team_person .text .p1 span{
        font-size: 18px;
    }
    .about_team .team_person .text .p2{
        font-size: 12px;
        line-height: 20px;
    }
    .about_friend{
        padding: 15px;
    }
    .about_friend .item_a{
        padding: 15px;
        margin-bottom: 10px;
    }
    .about_friend .item_a .img{
        float: none;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
    .about_friend .item_a .img img{
        width: 100%;
    }
    .about_friend .item_a .text{
        width: 100%;
        float: none;
        display: block;
    }

    .about_friend .item_a .text .d1{
        margin-bottom: 10px;
    }
    .about_friend .item_a .text .d1 a{
        font-size: 16px;
    }
    .about_friend .item_a .text .d2{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .about_friend {
        padding-bottom: 30px;
    }
    .about_friend .item_a .text .d3 a{
        font-size: 12px;
    }
    .about_gw .kxgw_list{
        padding: 0 10px 20px;
    }
    .about_gw .kxgw_list .js_one .h{
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .about_gw .kxgw_list .js_one {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .about_gw .kxgw_list .js_one .img img{
        width: 100px;
        height: 100px;
    }
    .about_gw .kxgw_list .js_one .img {
        text-align: center;
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .about_gw .kxgw_list .js_one .b{
        padding-top: 10px;
        height: auto;
        padding-bottom: 15px;
    }
    .about_gw .kxgw_list .js_one .text{
        width: auto;
        float: none;
        display: block;

    }
    .about_gw .kxgw_list .js_one .text .p1{
        font-size: 13px;
        margin-bottom: 10px;
    }
    .about_gw .kxgw_list .js_one .text .p2{
        font-size: 12px;
        height: auto;
    }
    .o_banner .search_item{
        width: 300px;
    }
    .o_banner .search_in .text{
        width: 220px;
        height: 40px;
        line-height: 40px;
        background-size: 15px;
        text-indent: 45px;
    }
    .o_banner .submit_btn{
        width: 80px;
        height: 40px;
        text-indent: 40px;
        background: url(../images/i28.png) #167d64 no-repeat 15px center;
        background-size: 15px;
    }
    .o_banner .search_item{
        margin-top: 65px;
    }
    .header {
      
    }
    .o_banner {
        background-attachment: inherit!important;
    }
    .contact_main .contact_box {
        padding: 0 15px;
    }

    .contact_main {
        padding-bottom: 50px;
    }
    .contact_main .contact_box .addr_box .p1{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact_main .contact_box .addr_box .p2{
        font-size: 14px;
    }
    .values_main .inner{
        width: auto;
        padding: 20px 15px;
    }

    .common_hd{
        margin-bottom: 20px;
    }
    .common_hd .s1 {
        font-size: 30px;
    }
    .common_hd .s2 {
        font-size: 18px;
        top: 20px;
    }
    .common_hd .info{
        padding-top: 15px;
        font-size: 12px;
        line-height: 20px;
    }
    .values_main .list li{
        margin-bottom: 10px;
    }
    .values_main .list li .img {
        float: none;
        display: block;
    }
    .values_main .list li .img img{
        width: 100%;
        height: auto;
    }
    .values_main .list li .text{
        padding:15px;
        width: auto;
    }
    .values_main .list li .text .p1{
        margin-bottom: 5px;
        display: none;
    }
    .values_main .list li .text .p2{
        margin-bottom: 5px;
        font-size: 18px;
    }
    .values_main .list li .text .p3{
        font-size: 12px;
    }


    .recruitment_list li{
        width: 98%;
        margin-bottom: 10px;
    }
    .recruitment_list li .box{
        background: #fff;
        padding: 15px 0 0 55px;
        height: 95px;
    }
    .recruitment_list li .img{
        margin-right: 22px;
    }
    .recruitment_list li .text{
        padding-top: 12px;
        padding-left: 22px;
    }
    .recruitment_list li .text .p1{
        font-size: 20px;
        color: #3d4241;
    }
    .recruitment_list li .text .p2 a{
        font-size:16px;
        color: #167d64;
    }

    .scxg_main .hd{
        width: auto;
        padding-top: 20px;
        margin-bottom: 10px;
    }

    .scxg_main .hd .tit .s1{
        font-size: 24px;
    }
    .scxg_main .hd .tit .s2{
        font-size: 20px;
        top: 28px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .scxg_main .hd .tit{ 
        text-align: center;
        float: none;
        display: block;
        width: 100%;
    }
    .scxg_main .bd .in{
        width: auto;
        padding:60px 15px 0;
    }
    .scxg_main .bd .img{
        float: none;
        display: block;
        width: 100%;
    }
    .scxg_main .bd .img img{
        width: 100%;
    }
    .scxg_main .bd .text{
        display: block;
        float: none;
        width: 100%;
    }
    .scxg_main .bd .text .d1{
        font-size: 18px;
        margin-bottom: 16px;
    }
    .scxg_main .bd .text li img{
        width: 40px;
        vertical-align: -15px;
        margin-right: 10px;
    }
    .scxg_main .bd .text li span{
        font-size: 18px;
        margin-left: 6px;
    }
    .scxg_main .bd .text li{
        margin-bottom: 10px;
    }
    .scxg_main .bd .in{
        padding: 15px;
    }
    .kygx_main .team_person{
        padding: 15px;
    }
    .kygx_main .team_person .img{
        float: none;
        display: block;
        width: 100%;
    }
    .kygx_main .team_person .img img{
        width: 100%;
    }
    .kygx_main .team_person .text{
        width: 100%;
        float: none;
        display: block;
    }
    .kygx_main .team_person .text .p1{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .kygx_courses_main{
        padding: 15px;
    }
    .kygx_courses_main .inner{
        width: auto;
    }

    .section4 .bd li:hover .b_box{
        display: block;
    }
    .section4 .bd .ft{
        margin-top: 0;
    }
    .section4 .bd li:hover .img{
        display: none;
    }
    .about_intro_main .team_person .p3 .li_1,
    .about_intro_main .team_person .p3 .li_2{
        padding-left: 0;
        padding-top: 80px;
        background-size: 150px;
    }
    .pc-slide{
        width: auto!important;
    }
    .preview .swiper-container{
        width: auto!important;
        margin-left: 0!important;
    
    }
    .preview .swiper-slide{
        font-size: 12px!important;
        background-size: 50px!important;
    }
    .view .swiper-container{
        width: 100%!important;
    }
    .section5 .logo_modal img{
        height: auto;
        width: 100%!important;
    }
    .section5 .logo_modal{
        padding-top: 0;
    }
    .section5 .logo_modal{
        padding: 0 20px;
        width: auto;
    }
    .section5 .swiper-button-prev{
        left: 0;
    }
    .section5 .swiper-button-next{
        right: 0;
    }
    .section5 .logo_modal{
        height: 145px;
    }
    .server_pop{
        width: 90%;
        height: auto;
        margin: 0;
        top: 10%;
        left: 5%;
        padding: 0;
    }
    .server_pop .inner{
        padding-bottom: 0;
    }
    .server_pop .d1{
        font-size: 16px;
    }
    .server_pop .d2{
        font-size: 10px;
    }
    .server_pop .close_btn{
        font-size: 32px;
        right: 10px;
    }
    .server_pop .d1{
        padding-top: 34px;
    }
    .server_pop .d1{
        margin-bottom: 10px;
    }
    .server_pop .d2{
        margin-bottom: 10px;
    }
    .server_pop .d3 li label{
        font-size: 14px;
    }
    .server_pop .d3{
        padding-left: 0;
    }
    .server_pop .d3 li label{
        width: 65px;
        margin-top: 3px;
        margin-right: 10px;
    }
    .server_pop .d3 .text{
        width: 230px;
        height: 14px;
        line-height: 14px;
        padding: 5px;
        font-size: 12px;

    }
    .server_pop .select_box select{
        width: 70px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .server_pop .d3 .textarea_box textarea{
        width: 222px;
        font-size: 12px;
    }
    .server_pop .d4{
        padding-left: 75px;
    }
    .server_pop .d4 input{
        width: 104px;
        line-height: 32px;
        height: 32px;
        margin-bottom: 30px;
        font-size: 14px;
    }



    .info_pop{

        width: 90%;
        height: 80%;
        margin: 0;
        top: 10%;
        left: 5%;
        padding: 0;
    }
    .info_pop .inner{
        padding: 30px 30px;
    }

    .info_pop .close_btn{
        font-size: 32px;
        top: 0;
        right: 5px;
    }


    .info_pop .hd{
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px;
        color: #333;
    }
    .info_pop .bd{
        height: 482px;
        overflow: hidden;
        overflow-y:scroll;
    }
    .info_pop .bd img{
        width: 120px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .info_pop .bd .text{
        float: none;
        display: block;
        width: auto;
    }
    .section3 .bd .item .box_2 .close_btn{
        display: block;
        left: 15%;
        width: 100%;
        text-align: left;
        top: 80px;
        font-size: 30px;
    }
    .o_banner{
        margin-top: 40px;
        padding-top: 0;
    }
    .section3 .bd .item .box_2{
        padding: 0 5%;
        width: 90%;
    }
    .info_pop_a .bd{
        height: 415px;
    }
    .nav_box .bd li .p2 {
        overflow: hidden;
    }
    .nav_box .bd li .p2 a{
        float: left;
        width: 33%;
        margin-right: 0;
    }
    .nav_box .bd li .p2 a{
        font-size: 15px;
    }

}