.all {
    position: relative;
    transition: all 1s;
}

/* #navbar-body a {
    color: #fff;
} */

.title {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #424864;
}


/* page1 */

.page1 {
    position: relative;
    background: url(../images/01.jpg) no-repeat;
    color: #fff;
    background-size: 100% 100%;
    /* padding-bottom: 370px; */
    height: 100vh;
}

.mask {
    position: absolute;
    left: 2%;
    right: 2%;
    background: rgb(0, 0, 0, 0.5);
}

/* .page1 .box {
    width: 95%;
} */

.page1 .txt {
    margin: 235px 0 0 90px;
}

.page1 .txt h1 {
    font-size: 64px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255);
    font-weight: bold;
}

.page1 .txt p {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255);
    margin-top: 80px;
    width: 51%;
    line-height: 2;
}


/* page2 */

.page2 {
    padding-top: 79px;
}

.page2 .icons {
    margin-top: 90px;
}

.page2 .icons img {
    height: 46px;
    margin-bottom: 10px;
}

.page2 .content {
    height: 50%;
    background: #424864;
    margin-top: 100px;
}

.page2 .content .box {
    padding-top: 100px;
}

.page2 .content .box>div {
    width: 50%;
}

.page2 .content .c_left {
    background: #fff;
    padding: 60px 70px;
}

.page2 .content .c_left p {
    font-size: 30px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 20, 28, 62);
    margin-top: 40px;
}

.page2 .content .c_left .txt {
    font-size: 10px;
    color: #c56769;
    line-height: 2;
}

.page2 .content .c_left .more,
.page4 .more,
.page7 .more {
    width: 155px;
    color: #fff;
    background: #b6282c;
    border-radius: 20px;
    justify-content: center;
    margin-top: 40px;
    padding: 7px 0;
}

.page2 .content .c_left .more span,
.page4 .more span,
.page7 .more span {
    width: 20px;
    line-height: 20px;
    height: 20px;
    background: #fff;
    color: #b6282c;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
}

.page2 .bg {
    height: 125px;
    background: #fff;
    margin-top: -124px;
}

.page3 {
    margin-top: 90px;
}

.page3 img {
    width: 100%;
}

.page4 {
    padding: 90px 0;
    background: #fafafa;
    position: relative;
}

.page4 .slide {
    position: relative;
    overflow: hidden;
}

.page4 .box>span {
    width: 60px;
    line-height: 60px;
    position: absolute;
    top: 50%;
    /* left: 9%; */
    z-index: 9;
    background: #5d504d;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 27px;
    cursor: pointer;
}

.page4 .leftBtn {
    left: 9%;
}

.page4 .rightBtn {
    right: 9%;
}

.page4 ul {
    width: 100%;
    margin-top: 80px;
    overflow: hidden;
}

.page4 li {
    /* width: 30%; */
    width: 485px;
    position: relative;
    margin-right: 80px;
}

.page4 li img {
    width: 485px;
}

.page4 .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgb(73, 81, 109, .5);
    text-align: center;
    padding: 100px 50px;
}

.page4 .mask .tit {
    position: relative;
    font-size: 24px;
    margin-bottom: 20px;
}

.page4 .mask .tit::after {
    content: '';
    position: absolute;
    bottom: -7px;
    height: 2px;
    width: 21%;
    background: #fff;
    left: 41%;
}

.page4 .mask .more {
    margin: 0 auto;
}

.page5 {
    margin-top: 100px;
}

.page5 .nav {
    margin-top: 70px;
}

.page5 .nav .title {
    position: relative;
    font-size: 26px;
    padding-bottom: 10px;
}

.page5 .nav .active::after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 4px;
    height: 2px;
    background: #141c3e;
    left: 0;
}

.page5 .list5 {
    margin-top: 80px;
}

.page5 img {
    width: 100%;
}

.page6 {
    margin: 100px 0;
}

.page6 .nav,
.page7 .nav {
    font-size: 25px;
    color: rgb( 51, 51, 51);
    margin-top: 60px;
}

.page5 .nav li,
.page6 .nav li,
.page7 .nav li {
    padding: 5px 24px;
    flex-shrink: 0;
}

.page6 .active,
.page7 .active {
    color: #fff;
    background: #434965;
    border-radius: 20px;
}

.page6 .logos li {
    width: 100%;
    text-align: center;
}

.page6 .logos li a {
    margin-top: 55px;
    width: calc(100% /7);
}

.page7 {
    background: #fafafa;
    padding: 100px 0;
}

.page7 .nav {
    width: 25%;
    margin: 55px auto 50px;
}

.page7 .list7 li {
    width: 30%;
}

.page7 .list7 li .describe {
    font-size: 24px;
    margin: 30px 0 40px;
    color: #7b7b7b;
}

.page7 .list7 li p {
    font-size: 16px;
    color: rgb( 153, 153, 153);
}

.page7 .list7 li:hover p {
    color: #bb4043;
}

.page7 .list7 li:hover .detail::after {
    content: '>';
    color: #fff;
    background: #b6282c;
    border-radius: 50%;
    margin-left: 10px;
    padding: 0px 2px;
}

.page7 .more {
    margin: 0 auto;
    text-align: center;
    margin-top: 95px;
}

@media screen and (max-width:750px) {
    .page1 {
        padding-bottom: 99px;
        height: auto;
    }
    .page1 .txt {
        margin: 75px 0 0 45px;
    }
    .page1 .txt h1 {
        font-size: 33px;
    }
    .page1 .txt p {
        font-size: 13px;
        margin-top: 41px;
        width: 67%;
    }
    .page4 li {
        margin-right: 30px;
    }
    .page4 li img {
        width: 255px;
    }
}

@media screen and (max-width: 1280px) {
    .icons li {
        width: 50%;
        text-align: center;
        margin-bottom: 50px;
    }
    .page2 .content {
        font-size: 12px;
    }
    .page2 .content .box>div {
        width: 100%;
    }
    .page2 .content .c_left p {
        font-size: 30px;
        margin-top: 20px;
    }
    .page2 .content .c_left .txt {
        font-size: 23px;
    }
    .page6 .logos li a {
        width: calc(100% /3);
    }
    .page5 .nav,
    .page6 .nav,
    .page7 .nav {
        /* font-size: 25px; */
        overflow-x: scroll;
    }
    .page7 .nav {
        width: 50%;
    }
    .page7 .list7 li p {
        font-size: 24px;
    }
    .page7 .list7 li .describe {
        font-size: 30px;
        margin: 12px 0 12px;
    }
    .page7 .list7 li {
        width: 80%;
        margin-bottom: 30px;
    }
    /* img {
        margin: auto;
    } */
}
.clearfix {clear:both;float:none;}
.clearfix::before{content:""; width:0; height:0; font-size:0;clear:both;float:none;}
.clearfix::after{content:""; width:0; height:0; font-size:0;clear:both;float:none;}
.cf::after,.cf::before {content: "";display: table;}
.cf::after {clear: both;}

/**首页**/
.title{ font-size: 36px; line-height: 36px;}

.page1{ background:none; height: auto;}
.page1 .txt{ margin: 0; padding:327px 0 0 0;}
.page1 .txt h1{ font-size: 64px; line-height: 64px;}
.page1 .xians{ width:124px; height: 4px; background-color: #FFFFFF; margin-top:27px;}
.page1 .txt p{ font-size: 24px; line-height: 36px; margin-top:48px;}

.index_bannera_s ul li{ height: 100vh; background-position: top center; background-repeat: no-repeat; background-size:100% 100%; }

.page2{ padding-top: 100px;}
.page2 .icons li{ cursor: pointer; transition:transform 0.5s; border-radius:6px; padding: 10px; }
.page2 .icons li img{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.page2 .icons li img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
/*.page2 .icons li:hover{ transform: translateY(-10px);box-shadow:2px 2px 6px rgba(0,0,0,0.1);}*/
/*.page2 .icons li.on{ box-shadow:0 0 10px rgba(0,0,0,0.3);}*/
.page2 .icons img{ margin-bottom: 0;}
.page2 .content{ margin-top: 90px;height: auto; }
.page2 .content .page2_cons{ background-color: #FFFFFF; }
.page2 .content .box>div{ width: auto;}
.page2 .content div.c_left{ padding:60px 0px 60px 80px; width: 724px; }
.page2 .content .c_left .img-responsive{ display: block; height:46px;}
.page2 .content .c_left p{ font-size: 30px; line-height: 30px; margin: 40px 0 50px; font-weight: bold;}
.page2 .content .c_left .txt{ font-size: 16px; color: #666666;line-height: 36px; overflow: hidden; }
.page2 .content .c_left .more{ line-height:52px; display: block; padding: 0 0 0 30px; border-radius: 52px; font-size: 16px; width: 160px; margin-top: 62px; }
.page2 .content .c_left .more .imgs{ margin-right:32px; margin-top: 14px; height: 24px;}
.page2 .content .page2_cons_r{ width: 800px; }
.page2 .content .page2_cons_r .carousel_inners .imgs{ display: block; width: 100%; height: auto;}
.page2 .bg{ height: 121px; margin-top: -121px;}


.carousel-inner>.item{ display: block;}
.carousel_inners{}
.carousel-inner-js .swiper-button-next, .carousel-inner-js .swiper-button-prev{ width: 62px; height: 62px;}
.carousel-inner-js .swiper-button-next span, .carousel-inner-js .swiper-button-prev span{ display: none;}
.carousel-inner-js .swiper-button-next:after, .carousel-inner-js .swiper-button-prev:after{ display: none;}
.carousel-inner-js .swiper-button-next{ background: url(../images/but_right.png) no-repeat center center;}
.carousel-inner-js .swiper-button-prev{ background: url(../images/but_left.png) no-repeat center center;}
.cpjz_hd .cpjz_kj{ width:auto; height: 0; overflow: hidden;}
.cpjz_hd .cpjz_kj.on{ width: auto; height: auto; overflow: overlay;}

.index_page3{ background: url(../images/index3.jpg) no-repeat center center ; margin-top: 94px; height: 700px; padding: 1px 0; text-align: center; }
.index_page3 .title1{ font-size: 36px; line-height: 36px; color: #FFFFff; font-weight: bold; margin:160px 0 154px;}
.index_page3 .title2{  }
.index_page3 .title2 .kj{ color: #fff; cursor: pointer; text-align: left; }
.index_page3 .title2 .t1{  }
.index_page3 .title2 .t1 b{display: inline-block; font-size:100px; line-height: 100px; }
.index_page3 .title2 .t1 em{display: inline-block; font-style: normal; font-size:20px; margin-left:20px; }
.index_page3 .title2 .t2{ font-size:20px; line-height: 20px; text-align: left; padding-left:0; margin-top:24px; }
.index_page3 .title2 .kj:hover .t1 b{ color: #b6282c; }

.index_banner_ico{ position: absolute; left: 50%; bottom:46px; margin-left: -46px; animation: myfirst 1s infinite; -webkit-animation: myfirst 1s infinite; z-index: 9;}
.index_banner_ico .text{ font-size: 14px; color: rgba(255,255,255,0.3); line-height: 16px; display: block; margin-bottom:18px; }
.index_banner_ico .imgs{ display: block; margin: 0 auto;}
@keyframes myfirst{0%   { bottom:46px; }50%  { bottom:36px;}100% { bottom:46px; }}
@-webkit-keyframes myfirst{0%   { bottom:46px; }50%  { bottom:36px;}100% { bottom:46px; }}

.page4{ padding:100px 0;}
.page4 .page4_js{ margin-top: 80px; }
.page4 .page4_ws{ position: relative;}
.page4 li{ margin-right: 0;}
.page4 ul{ width: auto; overflow: initial;margin-top: 0; }
.page4 li img{ width:100%; height: auto; display: block; }
.page4 .mask{ background-color: rgba(66,72,100,0.9); padding: 0; display: flex; justify-content: center; align-items: center; }
.page4 .mask .kj{ padding: 0 10%;}
.page4 .mask .tit{ line-height: 26px; margin-bottom: 34px;}
.page4 .mask .tit::after{ width: 14%; left: 50%; transform: translateX(-50%); bottom: -18px; }
.page4 .mask .tit1{ font-size: 14px; line-height:24px; height: 72px; overflow: hidden;}
.page4 .mask .more{ display: block; width: 160px; font-size: 16px; padding:0 30px; text-align: left; line-height:52px; border-radius:52px; margin-top:72px;}
.page4 .mask .more .imgs{ width: 24px; height: 24px; float: right; margin-top: 14px; }
.page4 .box .btnlr{ font-size: 0; margin-top:-31px; width: 62px; height: 62px; position: absolute; top: 50%; z-index: 9; cursor: pointer; }
.page4 .box .btnlr.leftBtn{background: url(../images/but_left.png) no-repeat center center;left:30px; }
.page4 .box .btnlr.rightBtn{background: url(../images/but_right.png) no-repeat center center;right:30px; }

.page5 .list5{ margin-top: 80px;}
.page5_bot_con{background: #fff; position: relative; background-repeat: no-repeat; background-position: center center; padding: 0 0 0 0; }
.page5_bot_con .kjas .kjas_d{position: relative;z-index: 100;top: 30%;;}
.page5_bot_con .kjas .kjas_img{position:static; top:0; left: 0;float:none;z-index: 1; display:block;}
.page5_bot_con .box .t_icos{ z-index: 100;bottom:30px;margin-top:0;}
.page5 .nav{ margin-top:62px;}
.page5 .nav .title{ padding: 0; line-height: 66px; cursor: pointer; margin: 0; font-size: 26px; color: #333333; font-weight: inherit; }
.page5 .nav .title.active{ font-weight: bold;}
.page5 .nav .title.active::after{ height: 3px; background-color: #141c3e; width: 100%; position: absolute; left: 0; bottom: 0; }
.page5 .nav .title:hover::after{ display: block; height: 3px; background-color: #141c3e; width: 100%; position: absolute; left: 0; bottom: 0; }

.list5 .t1{ text-align: center; color: #FFFFFF; font-size:36px; line-height:36px; display: block; font-weight: bold;}
.list5 .t2{ display: block; text-align: center; font-size:18px; line-height:32px; color: #FFFFFF; margin-top:44px; }
.list5 .t_icos{ text-align: center; margin-top:0; position: absolute; left: 0; width: 100%; bottom:100px; }
.list5 .t_icos ul{ display: inline-block;}
.list5 .t_icos li{ float: left; width: 100px; height: 100px; border-radius: 50%; background-color: #646980;font-size:18px; line-height:1.5; color: #FFFFFF; display: flex; justify-content: center; align-items: center; margin: 0 33px; cursor: pointer;transition:all 0.5s ease-out; }
.list5 .t_icos li:hover{ background-color: #b6282c; transform: scale(1.2);}
.list5 .t_icos li.on{ background-color: #b6282c; transform: scale(1.2);}
.page5 .nav li{ padding-left:0; padding-right: 0; margin: 0 24px;}

.page6 { padding: 100px 0 100px; margin: 0;}
.page6 .logos li a img:nth-child(1){ display: block; }
.page6 .logos li a img:nth-child(2){ display: none; }
.page6 .logos li a:hover img:nth-child(1){ display: none; }
.page6 .logos li a:hover img:nth-child(2){ display: block; }
.page6 .nav_ws{ text-align: center;}
.page6 .nav_ws .nav{ display: inline-block; }
.page6 .nav_ws .nav li{ font-size: 18px; padding: 0 22px; line-height: 41px; float: left; margin: 0 10px; cursor: pointer; }
.page6 .logos li{ justify-content: left;}

.page7_ws{ text-align: center; margin-top: 50px;}
.page7 .nav{ display: inline-block; width: auto; margin: 0; }
.page7 .nav li{ float: left; font-size: 18px; line-height: 41px; border-radius: 41px; padding: 0 21px;margin: 0 40px; cursor: pointer; }
.page7_con{ margin-top: 50px; overflow: hidden; }
.page7 .page7_con .list7{ width: 100%; }
.page7 .list7 li{ float: left; width:31.3%; margin-right: 3%; }
.page7 .list7 li:nth-child(3n){margin-right: 0;}
.page7 .list7 li p{overflow: hidden;}
/*.page7 .list7 li:last-child{ margin-right: 0;}*/
.page7 .list7 li .img-responsive{ display: block; width: 100%;}
.page7 .list7 li:hover .detail::after{ display: none;}
.page7 .list7 li .more_ico{ display: none;}
.page7 .list7 li:hover .more_ico{ width: 20px; height: 20px; margin-left: 10px; display: inline-block;}
.page7 .list7 li .describe{ font-size: 24px; line-height: 24px; height: 24px; overflow: hidden; color: #333333; margin: 38px 0 44px; display: block;}
.page7 .list7 li:hover .describe{ color: #b6282c; }
.page7 .more {width: 160px;color: #fff;background: #b6282c;border-radius: 20px;justify-content: center; padding: 0px 0; line-height: 52px; border-radius: 52px; font-size: 16px; text-align: left; padding-left: 30px; display: block; margin:106px auto 0; }
.page7 .more .imgs{ margin-left:0px; margin-right: 30px; margin-top: 14px;}

.page6 .logos li a{ margin-top:12px;}
.page6 .logos li a img{ max-width: 100%; height: auto;}

.navbar-nav>li>.dropdown-menu{ left:-21px;background: rgb(255,255,255,.4); min-width: 170px; }
#navbar-body .dropdown-menu li{ margin: 0;}

@media screen and (max-width: 1440px) {
	.list5 .t1{font-size: 0.18rem;}
	.list5 .t2{ font-size: 0.1rem; }
	.list5 .t_icos li{ font-size:0.1rem;}
	
	.page4 .mask .more{ line-height: 0.3rem;}
	
	.navbar-nav>li>.dropdown-menu{ left:-16px;  min-width: 150px; }
	.navbar-nav>li>.dropdown-menu a{ font-size: 16px;}
}

@media screen and (max-width: 750px) {
	body{ min-width: 100%; }
	
	
}
@media (max-width:1680px){
    .page5_bot_con .box .t_icos{bottom:30px;margin-top:0;}

}
@media (max-width:1600px){
	.page1 .txt h1 {font-size: 53px;line-height: 53px;}
	.page1 .txt p {font-size: 20px;line-height: 30px;margin-top: 40px;}
	.page1 .xians {width: 104px;height: 3px; margin-top: 22px;}
	.page1 .txt{ padding-top:273px;}
	
	.page2{ padding-top:84px;}
	.title{font-size: 30px;line-height: 30px;}
	.page2 .icons{ margin-top:75px;}
	.page2 .icons li{ padding: 8px;}
	.page2 .icons img{ height: 39px;}
	.page2 .content{ margin-top: 75px;}
	.page2 .content div.c_left{ padding:50px 0px 50px 67px; width: 604px;}
	.page2 .content .page2_cons_r{width: 670px;}
	.page2 .content .c_left .img-responsive{ height:39px;}
	.page2 .content .c_left p { font-size:25px;line-height:25px;margin:34px 0 42px;}
	.page2 .content .c_left .txt {font-size: 15px; line-height: 30px;height: 150px; }
	.page2 .content .c_left .more {line-height:44px; padding: 0 0 0 25px;border-radius: 44px;font-size: 14px;width: 134px;margin-top: 52px;}
	.page2 .content .c_left .more .imgs {margin-right: 27px;margin-top: 12px;height: 20px; width: 20px;}
	.carousel-inner-js .swiper-button-next, .carousel-inner-js .swiper-button-prev {width: 52px;height: 52px; background-size: 100%; margin-top: -26px;}
	.page2 .bg{ height: 100px; margin-top: -100px;}
	
	.index_page3{ margin-top:80px; height: 584px;}
	.index_page3 .title1{ font-size: 30px; line-height: 30px; margin:134px 0 130px;}
	.index_page3 .title2 .t1 b{ font-size: 84px; line-height: 84px;}
	.index_page3 .title2 .t1 em{ font-size: 18px; margin-left: 18px;}
	.index_page3 .title2 .t2{ font-size: 18px; line-height: 18px; margin-top: 20px;}
	
	.page4{ padding:84px 0;}
	.page4 .box .btnlr{width: 52px;height: 52px;  margin-top: -26px;}
	.page4 .box .btnlr.leftBtn,.page4 .box .btnlr.rightBtn{background-size: 100%;}
	.page4 .mask .tit{ font-size:22px; margin-bottom:28px;}
	.page4 .mask .tit1{ font-size: 13px; line-height:20px; height:60px;}
	.page4 .mask .more{line-height:44px; padding: 0 0 0 25px;border-radius: 44px;font-size: 14px;width: 134px;margin-top: 52px;}
	.page4 .mask .more .imgs{ margin-right: 27px;margin-top: 12px;height: 20px; width: 20px; }
	
	.page5{ margin-top:84px;}
	.page5 .nav{ margin-top:52px;}
	.page5 .nav .title{ line-height: 55px; font-size: 22px;}
	.page5 .list5{ margin-top:66px;}
	.page5_bot_con{padding-top:0;}
	.list5 .t1{ font-size: 30px; line-height: 36px; }
	.list5 .t2{ font-size: 16px; line-height:28px; margin-top:38px;}
	.list5 .t_icos{ margin-top:0;}
	.list5 .t_icos li{ float: left; width:88px; height: 88px;font-size:17px; line-height:1.5; margin: 0 27px; }
	
	.page6{ padding:100px 0 100px;}
	.page6 .nav, .page7 .nav{ font-size: 22px; margin-top: 50px;}
	.page6 .nav_ws .nav li{ font-size: 16px; padding: 0 18px; line-height: 34px;margin: 0 8px; }
	.page6 .logos li a{ margin-top: 8px;}
	
	.page7{ padding:84px 0;}
	.page7_ws{ margin-top:42px;}
	.page7 .nav li{ font-size: 16px; line-height: 34px; padding: 0 16px; margin: 0 34px;}
	.page7 .list7 li{ }
	.page7 .list7 li .describe{ font-size: 21px; height: 21px; line-height: 21px; margin: 30px 0 35px; }
	.page7 .list7 li p{ font-size: 15px;}
	.page7 .list7 li:hover .more_ico{ width: 17px; height: 17px; margin-left:8px;}
	.page7 .more{line-height:44px; padding: 0 0 0 25px;border-radius: 44px;font-size: 14px;width: 134px; margin-top: 88px; }
	.page7 .more .imgs{ margin-right: 27px;margin-top: 12px;height: 20px; width: 20px; }
	
}
@media (max-width:1440px){
	.page1 .txt h1 {font-size: 48px;line-height:48px;}
	.page1 .txt p {font-size: 18px;line-height: 26px;margin-top:36px;}
	.page1 .xians {width:96px;height: 3px; margin-top:18px;}
	.page1 .txt{ padding-top:243px;}
	
	.page2{ padding-top:74px;}
	.page2 .content .box{ padding-top:80px;}
	.title{font-size:26px;line-height:26px;}
	.page2 .icons{ margin-top:68px;}
	.page2 .icons li{ padding:7px;}
	.page2 .icons img{ height: 36px;}
	.page2 .content{ margin-top: 70px;}
	.page2 .content div.c_left{ padding:40px 0px 40px 58px; width:570px;}
	.page2 .content .page2_cons_r{width: 570px;}
	.page2 .content .c_left .img-responsive{ height:34px;}
	.page2 .content .c_left p { font-size:23px;line-height:23px;margin:30px 0 38px;}
	.page2 .content .c_left .txt {font-size: 14px; line-height: 26px;height: 130px; }
	.page2 .content .c_left .more {line-height:40px; padding: 0 0 0 22px;border-radius: 40px;font-size: 14px;width: 126px;margin-top: 46px;}
	.page2 .content .c_left .more .imgs {margin-right: 20px;margin-top: 11px;height: 18px; width: 18px;}
	.carousel-inner-js .swiper-button-next, .carousel-inner-js .swiper-button-prev {width: 52px;height: 52px; background-size: 100%; margin-top: -26px;}
	.page2 .bg{ height:90px; margin-top: -90px;}
	
	.index_page3{ margin-top:70px; height: 500px;}
	.index_page3 .title1{ font-size:28px; line-height: 28px; margin:120px 0 110px;}
	.index_page3 .title2 .t1 b{ font-size:78px; line-height: 78px;}
	.index_page3 .title2 .t1 em{ font-size:16px; margin-left:16px;}
	.index_page3 .title2 .t2{ font-size:16px; line-height:16px; margin-top:14px;}
	
	.page4{ padding:72px 0;}
	.page4 .box .btnlr{width:48px;height:48px;  margin-top: -24px;}
	.page4 .box .btnlr.leftBtn,.page4 .box .btnlr.rightBtn{background-size: 100%;}
	.page4 .mask .tit{ font-size:20px; margin-bottom:22px;}
	.page4 .mask .tit1{ font-size: 12px; line-height:18px; height:54px;}
	.page4 .mask .more{ line-height:40px; padding: 0 0 0 18px;border-radius: 40px;font-size: 14px;width: 124px;margin-top:46px;}
	.page4 .mask .more .imgs{ margin-right: 20px;margin-top: 11px;height:18px; width:18px; }
	
	.page5{ margin-top:74px;}
	.page5 .nav{ margin-top:42px;}
	.page5 .nav .title{ line-height:46px; font-size:20px;}
	.page5 .list5{ margin-top:56px;}
	.page5_bot_con{padding-top:0;}
	.list5 .t1{ font-size:26px; line-height: 30px; }
	.list5 .t2{ font-size: 14px; line-height:24px; margin-top:32px;}
	.list5 .t_icos{ margin-top:0;}
	.list5 .t_icos li{ float: left; width:82px; height: 82px;font-size:16px; line-height:1.5; margin: 0 24px; }
	
	.page6{padding:100px 0 100px;}
	.page6 .nav, .page7 .nav{ font-size: 20px; margin-top:42px;}
	.page6 .nav_ws .nav li{ font-size: 14px; padding: 0 16px; line-height: 30px;margin: 0 6px; }
	.page6 .logos li a{ margin-top: 6px;}
	
	.page7{ padding:74px 0;}
	.page7_ws{ margin-top:36px;}
	.page7 .nav li{ font-size: 14px; line-height: 30px; padding: 0 14px; margin: 0 30px;}
	.page7 .list7 li{ }
	.page7 .list7 li .describe{ font-size: 21px; height: 21px; line-height: 21px; margin: 30px 0 35px; }
	.page7 .list7 li p{ font-size: 15px;}
	.page7 .list7 li:hover .more_ico{ width: 17px; height: 17px; margin-left:8px;}
	.page7 .more{ line-height:40px; padding: 0 0 0 18px;border-radius: 40px;font-size: 14px;width: 124px;margin-top:70px; }
	.page7 .more .imgs{ margin-right: 20px;margin-top: 11px;height:18px; width:18px;}
    .page5_bot_con .box .t_icos{bottom:30px;margin-top:0;}

}
@media (max-width:1360px){
    /*.page5_bot_con .box .t_icos{bottom:-30px;}*/
    .page6{padding:100px 0 100px;}
}
@media (max-width:1280px){
	.page1 .txt h1 {font-size: 40px;line-height:40px;}
	.page1 .txt p {font-size: 16px;line-height: 24px;margin-top:30px;}
	.page1 .xians {width:90px;height: 3px; margin-top:14px;}
	.page1 .txt{ padding-top:228px;}
	
	.page2{ padding-top:64px;}
	.page2 .content .box{ padding-top:60px;}
	.title{font-size:26px;line-height:26px;}
	.page2 .icons{ margin-top:50px;}
	.page2 .icons li{ width: 20%; padding:7px; margin-bottom: 0;}
	.page2 .icons img{ height: 32px;}
	.page2 .content{ margin-top:50px;}
	.page2 .content div.c_left{ padding:30px 0px 30px 40px; width:520px;}
	.page2 .content .page2_cons_r{width: 520px;}
	.page2 .content .c_left .img-responsive{ height:30px;}
	.page2 .content .c_left p { font-size:20px;line-height:20px;margin:20px 0 28px;}
	.page2 .content .c_left .txt {font-size: 13px; line-height: 24px;height:96px; }
	.page2 .content .c_left .more {line-height:40px; padding: 0 0 0 20px;border-radius: 40px;font-size: 13px;width: 120px;margin-top: 46px;}
	.page2 .content .c_left .more .imgs {margin-right: 20px;margin-top: 11px;height: 18px; width: 18px;}
	.carousel-inner-js .swiper-button-next, .carousel-inner-js .swiper-button-prev {width: 52px;height: 52px; background-size: 100%; margin-top: -26px;}
	.page2 .bg{ height:90px; margin-top: -90px;}
	
	.index_page3{ margin-top:50px; height:420px;}
	.index_page3 .title1{ font-size:26px; line-height: 26px; margin:100px 0 90px;}
	.index_page3 .title2 .t1 b{ font-size:68px; line-height: 68px;}
	.index_page3 .title2 .t1 em{ font-size:16px; margin-left:16px;}
	.index_page3 .title2 .t2{ font-size:16px; line-height:16px; margin-top:14px;}
	
	.page4{ padding:62px 0;}
	.page4 .page4_js{ margin-top: 50px;}
	.page4 .box .btnlr{width:48px;height:48px;  margin-top: -24px;}
	.page4 .box .btnlr.leftBtn,.page4 .box .btnlr.rightBtn{background-size: 100%;}
	.page4 .mask .tit{ font-size:18px; margin-bottom:20px;}
	.page4 .mask .tit::after{ bottom:-10px; }
	.page4 .mask .tit1{ font-size: 12px; line-height:18px; height:54px;}
	.page4 .mask .more{ line-height:40px; padding: 0 0 0 20px;border-radius: 40px;font-size: 13px;width: 120px;margin-top:46px;}
	.page4 .mask .more .imgs{ margin-right: 20px;margin-top: 11px;height:18px; width:18px; }
	
	.page5{ margin-top:54px;}
	.page5 .nav{ margin-top:32px;}
	.page5 .nav .title{ line-height:40px; font-size:18px;}
	.page5 .list5{ margin-top:46px;}
	.page5_bot_con{padding-top:0;}
	
	.list5 .t1{ font-size:26px; line-height: 30px; }
	.list5 .t2{ font-size: 14px; line-height:24px; margin-top:32px;}
	.list5 .t_icos{ margin-top:0;}
	.list5 .t_icos li{ width:76px; height: 76px;font-size:14px; line-height:1.5; margin: 0 20px; }
	
	.page5 .nav, .page6 .nav, .page7 .nav{ overflow: initial;}
	
	.page6{ padding:100px 0 100px;}
	.page6 .nav, .page7 .nav{ font-size: 20px; margin-top:32px;}
	.page6 .nav_ws .nav li{ font-size: 14px; padding: 0 16px; line-height: 30px;margin: 0 6px; }
	.page6 .logos li a{ margin-top: 6px;width: calc(100% /5);}
	
	.page7{ padding:54px 0;}
	.page7_ws{ margin-top:0px;}
	.page7_con{ margin-top:30px;}
	.page7 .nav li{ font-size: 14px; line-height: 30px; padding: 0 14px; margin: 0 30px;}
	.page7 .list7 li{ }
	.page7 .list7 li .describe{ font-size: 21px; height: 21px; line-height: 21px; margin:20px 0 25px; }
	.page7 .list7 li p{ font-size: 15px;}
	.page7 .list7 li:hover .more_ico{ width: 17px; height: 17px; margin-left:8px;}
	.page7 .more{ line-height:40px; padding: 0 0 0 18px;border-radius: 40px;font-size: 13px;width: 120px;margin-top:20px; }
	.page7 .more .imgs{ margin-right: 20px;margin-top: 11px;height:18px; width:18px;}
	.page7 .list7 li .more_ico{ float: right; margin-top: 3px; margin-left: 4px;}
}
@media (max-width:750px){
	.index_bannera_s ul li{ height:6rem; background-size: auto 100%;}

	.title{ font-size: 0.4rem; line-height: 0.4rem;}

	.page1 .txt{ margin-top:1.6rem; margin-left: 0rem; padding: 0;}
	.page1 .txt h1{ font-size: 0.4rem;}
	.page1 .xians{ width:0.8rem; margin-top: 0.14rem;}
	.page1 .txt p{ font-size: 0.22rem; line-height: 0.3rem; margin-top: 0.3rem; }
	.page1 {padding-bottom:0rem;background-size: auto 100%;}
	.index_banner_ico{ margin-left: -0.4rem; bottom: 0.1rem;}
	.index_banner_ico .text{ font-size: 0.2rem; line-height: 0.2rem; margin-bottom: 0.1rem;}
	.index_banner_ico .imgs{ width: 0.24rem; height: auto;}
	
	.page2 .icons{ flex-wrap: wrap;}
	.page2 .icons li{ width:50%; margin-bottom: 0.2rem; }
	.page2 .content .box{ padding-top: 0.6rem;}
	.page2 .content div.c_left{ width:100%; padding: 0.3rem;}
	.page2 .content .c_left .img-responsive{ height: 0.5rem;}
	.page2{padding-top:0.8rem;}
	.page2 .icons{ margin-top: 0.6rem;}
	.icons li{margin-bottom: 0.3rem;}
	.page2 .icons img{ height:0.5rem;}
	.page2 .content{margin-top: 0.1rem;}
	.page2 .content .c_left{ padding: 0.3rem 0.4rem;}
	.page2 .content .c_left p{ font-size: 0.34rem; line-height: 0.34rem; margin: 0.2rem 0 0.28rem;}
	.page2 .content .c_left .txt{ font-size: 0.24rem; line-height: 0.34rem; height:1.02rem; }
	.page2 .content .c_left .more{ line-height:0.6rem;font-size: 0.24rem; width:2rem; padding: 0 0.3rem; margin-top: 0.6rem; text-align: left;}
	.page2 .content .c_left .more .imgs{ width: 0.3rem; height: 0.3rem; margin-right: 0; margin-top: 0.13rem;}
	.page2 .content .page2_cons_r{ width: 100%;}
	.page2 .bg{ height: 0.9rem; margin-top: -0.9rem;}
	
	.all .index_page3 .title1{ font-size: 0.40rem; line-height: 0.4rem; margin: 0.8rem 0 0.7rem; }
	.all .index_page3{ height:3.6rem; padding: 1px 0; text-align: center; }
	.all .index_page3 .title2 .t2{ font-size: 0.22rem;padding-left: 0rem; }
	.all .index_page3 .title2 .t1 b{ font-size:0.42rem; line-height: 0.36rem; }
	.all .index_page3 .title2 .t1 em{ font-size:0.2rem; margin-left: 0.1rem; }
	
	.page4{ padding: 0.8rem 0;}
	.page4 .page4_js{ margin-top: 0;}
	.page4 ul{ margin-top: 0.6rem;}
	.page4 .mask .kj{ width: 80%;}
	.page4 .mask .more{ line-height: 0.6rem; border-radius: 0.6rem;}
	.page4 .mask .more .imgs{ width: 20px; height: 20px; margin-left: 4px;}
	.page4 .mask .tit{ font-size:0.3rem; margin-bottom:0.2rem;}
	.page4 .mask .tit::after{ bottom:-0.1rem; }
	.page4 .mask .tit1{ font-size:0.22rem; line-height:0.32rem; height:1.28rem;}
	.page4 .mask .more{ line-height:0.55rem; padding: 0 0.3rem;border-radius:0.5rem;font-size:0.22rem;width:1.9rem;margin-top:0.3rem;}
	.page4 .mask .more .imgs{margin-right: 0; margin-top: 0.13rem; width: 0.30rem; height: 0.30rem;}
	.page4 .box .btnlr.leftBtn{ left: 0.3rem;}
	.page4 .box .btnlr.rightBtn{ right: 0.3rem;}
	
	.page5{margin-top: 0.8rem;}
	.page5 .nav{ margin-top: 0.5rem; }
	.page5 .nav .title{ font-size: 0.3rem;width:50%; line-height: 0.7rem;}
	.page5 .nav .title.active::after{ width:70%; left: 15%;}
	.list5 .t1{ font-size: 0.3rem;}
	.list5 .t2{ font-size: 0.24rem; line-height: 0.4rem; height: 1.2rem; overflow: hidden; }
	.page5_bot_con .box .t_icos{ bottom: -0.5rem;}
	.list5 .t_icos{ margin-top: 0rem;}
	.list5 .t_icos li{ width:1rem; height:1rem; margin: 0 0.1rem;font-size: 0.12rem; padding: 0.1rem; line-height: 1; }
	.page5 .list5{ margin-top: 0.3rem;}
	.page5_bot_con{ height: auto; padding: 0 0 0;}
    .page5_bot_con .kjas .kjas_d{width: 95%;left: 2.5%;top: 12%;}
    .page5_bot_con .kjas .kjas_d .t2{margin-top: .2rem;}
	.page5 .nav, .page6 .nav, .page7 .nav{ overflow: initial; flex-wrap: wrap; justify-content: left; }
	
	.page6{ margin: 1.2rem 0 0.4rem; padding: 0;}
	.page6 .logos li{ margin-top: 0.2rem;}
	.page6 .nav_ws .nav li{ font-size: 0.3rem; padding: 0 0rem; line-height: 0.55rem; border-radius: 0.55rem; margin: 0; width:25%; }
	.page6 .logos li a{width: calc(100% /4); margin-top: 0;}
	
	.page7{padding: 0.7rem 0 0.4rem;}
	.page7 .nav{ width:100%; text-align: center; margin:0.4rem 0rem; }
	.page7 .nav li{ font-size: 0.3rem; line-height:0.55rem; padding: 0 0.35rem; margin: 0 0.3rem;float: none; display: inline-block; }
	.page7 .list7 li{ margin-bottom: 0.3rem; width: 100%; margin-right: 0;}
	.page7 .list7 li .describe{ font-size: 0.26rem; line-height: 0.28rem; height: 0.28rem; margin: 0.2rem 0 0.22rem; }
	.page7 .list7 li p{ font-size: 0.24rem;}
	.page7 .list7 li:hover .more_ico{ width: 0.24rem; height: 0.24rem; margin-top: 0.05rem; margin-left: 0.15rem;}
	.page7 .img-responsive{ width: 100%;}
	.page7 .more .imgs{ width: 24px; height: 24px;}
	.page7 .more{line-height:0.6rem;font-size: 0.24rem; width:2rem; padding: 0 0.3rem; margin-top: 0; text-align: left;}
	.page7 .more .imgs{ width: 0.30rem; height: 0.30rem; margin-right: 0; margin-top: 0.15rem;}
	.page7_con{ margin-top: 0;}
	
}

/********/
.list_banner{}
.list_banner>img{ width: 100%; height: auto; display: block;}

/**about**/
.about.main{ margin-bottom: 100px;}
.about.main .title {
    position: relative;
    text-align: center;
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 40px;
    font-size: 48px;
}
.about.main .title::after {
    content: '';
    position: absolute;
    bottom:0px;
    left:50%;
    width:60px;
    height:4px;
    margin-left: -30px;
    background: #424864;
}
.about.main>div {
	
}

.about.main>div>p {
    line-height: 2;
}

.about.main p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #666;
    line-height: 36px;
}
.about.main .first{ margin-top: 100px;}
.about.main .p1{ font-size: 16px; color: #666666; line-height:2; margin-top: 60px;}

.about.main .first .list {
    text-align: center;
    margin-top:70px;
}

.about.main .first .list>div {
    width: 31.2%;
    background: #f5f5f5;
    padding: 20px 35px;
}

.about.main .first .list>div:hover {
    color: #fff;
    background: #424864;
}
.about.main .first .list>div:hover p{color:#fff;}
.about.main .first .list strong {
    display: block;
    font-size: 24px;
    font-family: "MicrosoftYaHeiSemibold";
    /* color: rgb( 51, 51, 51); */
    margin-bottom:16px;
	line-height: 1;
}
.about.main .first .list p{
	line-height: 1.5;
}

.about.main .second {
    background: #f5f5f5;
    padding:100px 0 12px;
	margin-top: 100px;
}

.about.main .second .content .box>div {
    width: 50%;
}

.about.main .second .content .box>div>p {
    width: 75%;
	line-height: 2;
}
.about.main .second .content .second_con{ margin-top: 98px;}
.about.main .second .content .second_con.second_con1{ margin-top: 0;}
.about.main .second .content .list {
    width: 33%;
	margin-bottom: 62px;
}

.about.main .second .content .list strong {
    font-size: 70px;
    font-family: "CenturyGothic";
    color: rgb( 66, 72, 100);
    margin-right: 10px;
}

.about.main .second .content .list p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
}

.about.main .second .box .list5 {
    padding-left: 60px;
}
.about.main .third{
	margin-top: 100px;
}

.about.main .third .list div {
    width: 31.5%;
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 30px 65px;
    margin-bottom: 40px;
}
.about.main .third .list div:hover{box-shadow: 2px 2px 5px #f1f1f1;}
/*.about.main .third .list.list1{margin-top:60px;}*/
.about.main .third p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    margin-top: 20px;
    line-height: 24px;
}
.about.main .third .box{margin-top:60px;}
.about.main .fourth{
	margin-top: 60px;
}
.about.main .fourth .box{margin-top:60px;}
.about.main .fourth .content>.fourth_l {
    width: 47%;
}
.about.main .fourth .content>.fourth_r {
    width: 49%;
}
.about.main .fourth .content>div img{ display: block; width: 100%; height: auto;}

.about.main .fourth .content strong {
    display: block;
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    margin-top: 20px;
	line-height: 1;
}
.about.main .fourth .content .str2{ margin-top: 70px;}

.about.main .fourth .content h5 {
    font-size: 18px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 85, 85, 85);
    margin: 20px 0 0;
}
.about.main .fourth_r_text{ margin-top: 22px;}
.about.main .fourth .content .text {
    line-height: 2;
}

.about.main .second .content .box .imgs{ width: 50%;}

@media screen and (max-width:1600px) {
	.list_head_height{ height: 83px;}
	.about.main .first{ margin-top: 83px;}
	.about.main .title{ margin-bottom: 68px;}
	.about.main .p1{ font-size: 15px; margin-top: 26px;}
	.about.main .first .list{ margin-top:58px; }
	.about.main .second{padding:83px 0 12px;margin-top: 83px;}
	.about.main p{ font-size: 14px;}
	.about.main .second .content .second_con{margin-top:83px;}
	.about.main .second .content .list {margin-bottom:54px;}
	.about.main .third{margin-top: 83px;}
	.about.main .fourth .content .str2{margin-top:40px;}
}
@media screen and (max-width:1440px) {
	.about.main .second .box .list5{ padding-left: 30px;}
	.about.main .second .content .list strong{ font-size: 50px; margin-right: 8px;}
	
	.list_head_height{ height:70px;}
	.about.main .first{ margin-top: 70px;}
	.about.main .title{ margin-bottom: 60px;}
	.about.main .p1{ font-size: 14px; margin-top: 24px;}
	.about.main .first .list{ margin-top:48px;}
	.about.main .second{padding:70px 0 12px;margin-top: 70px;}
	.about.main .second .content .second_con{margin-top:70px;}
	.about.main .second .content .list {margin-bottom:48px;}
	.about.main .third{margin-top: 70px;}
	.about.main .fourth .content .str2{margin-top:30px;}
    .about.main .fourth .content strong{margin-top: 0}
	
}
@media screen and (max-width:1280px) {
	.list_head_height{ height:62px;}
	.about.main .first{ margin-top: 62px;}
	.about.main .title{ margin-bottom: 52px;}
	.about.main .p1{ font-size: 14px; margin-top: 20px;}
	.about.main .first .list{ margin-top:38px;}
	.about.main .second{padding:62px 0 12px;margin-top: 62px;}
	.about.main .second .content .second_con{margin-top:62px;}
	.about.main .second .content .list strong{ font-size:42px; margin-right:6px;}
	.about.main .second .content .list {margin-bottom:40px;}
	.about.main .third{margin-top: 62px;}
	.about.main .fourth .content .str2{margin-top:40px;}
    .about.main .fourth .content strong{font-size: 20px;}
    .about.main .fourth .content h5,.about.main .fourth_r_text{font-size:14px;margin-top:10px;}
    .about.main .fourth .content .str2{margin-top:20px;}

}

@media screen and (max-width:750px) {
		
	.about.main>div{ margin: 0.8rem auto;}
	.about.main .title{ margin-bottom: 0.7rem;}
	.about.main .first .list{ display: block;}
	.about.main .first .list>div{margin-bottom:0.3rem; width: 100%;}
	.about.main .second .box{ display: block;}
	.about.main .second .content .box>div{ width: 100%;}
	.about.main .second .content .box .imgs{ width: 100%;}
	
	.about.main .third .list div{ width: 100%; padding: 0.3rem 0.65rem;margin-bottom:20px;}
    .about.main .third .list.list1{display: inline-block;margin-top:10px;}
	.about.main .fourth .content{ width: 100%; display: block;}
	.about.main .fourth .content>div{ width:100%;}
	.about.main .third .list>div .img-responsive{ width:60%;}
	
	.about.main p, .about.main .second .content .list p{-webkit-line-clamp: 8; font-size: 0.24rem;line-height: 0.3rem;}
	.about.main .first .list strong{ font-size: 0.40rem;}
	
	.list_head_height{ height:50px;}
	.about.main .first{ margin-top:0.5rem;}
	.about.main .title{ margin-bottom:0.44rem;font-size:.6rem;line-height: 1;padding-bottom:20px;}
	.about.main .p1{ font-size:0.24rem; margin-top:0.2rem;}
	.about.main .first .list{ margin-top:0.38rem;}
	.about.main .second{padding:0.52rem 0 0.12rem; margin-top:0.52rem;}
	.about.main .second .content .second_con{margin-top:0.52rem;}
	.about.main .second .content .box>div>p{ width: 100%;}
	.about.main .second .content .list strong{ font-size:0.42rem; margin-right:0.06rem;}
	.about.main .second .content .list {margin-bottom:0.40rem;}
	.about.main .third{margin:0.8rem 0 0.2rem;}
	.about.main .third p{ font-size: 0.24rem; margin-top: 0.2rem;}
	.about.main .fourth{ margin-top: 0;}
    .about.main .fourth .box{margin-top:0;}
	.about.main .fourth .content>.fourth_l{ width: 100%;}
	.about.main .fourth .content>.fourth_r{ width: 100%;}
	.about.main .fourth .content strong{ font-size: 0.4rem; margin-top: 0.4rem;}
	.about.main .fourth .content h5{ font-size: 0.28rem; margin-top: 0.16rem;}
	.about.main .fourth .content .str2{ margin-top: 0.5rem;}
	.about.main .fourth_r_text{ margin-top: 0.16rem;}
	.about.main{ margin-bottom: 0rem;}
}

/**academy**/

.academy .content {margin-top: 100px;}

.academy .content .title {
    position: relative;
    text-align: center;
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-transform: uppercase;
	padding-bottom: 40px;
    font-size: 48px;
}

.academy .content .title::after {
    content: '';
    position: absolute;
    bottom:0px;
    left:50%;
    width:60px;
    height:4px;
	margin-left: -30px;
    background: #424864;
}
.academy .content img:nth-child(2){margin-top: 80px;}
.academy .content img {
    margin-top: 100px;
}

.academy .content .txt {
    margin-top: 70px;
    border-bottom: 1px solid #e4e4e4;
}

.academy .content .page strong {
    font-size: 48px;
    color: rgb(51, 51, 51);
}

.academy .content .txt div {
    font-size: 16px;
    margin: 25px 0 90px;
    color: rgb( 102, 102, 102);
    line-height: 2;
}

.academy .content strong.sed_title {
    font-size: 20px;
}

.academy .content .txt .bfckbzc_text{display: inline-block; margin-right:8%;margin-top: 0;margin-bottom:0;}
.academy .content img{ display: block; max-width: 100%;}
.academy .txt2{ position: relative;}
.academy .txt_xian2{ width: 50%; border-bottom: 2px solid #b6282c; position: absolute; bottom: -1px; }

@media screen and (max-width:1600px) {
	.academy .content {margin-top:83px;}
	.academy .content .title{ padding-bottom: 26px;}
	.academy .content img{ margin-top: 62px;}
	.academy .content .txt{ margin-top:68px; }
	.academy .content strong{ font-size: 42px;}
	.academy .content .txt>div{margin: 40px 0 83px; font-size: 16px;}
	.academy .content .title::after {bottom:-8px;}
}
@media screen and (max-width:1440px) {
	.academy .content {margin-top:70px;}
	.academy .content .title{ padding-bottom: 22px;}
	.academy .content .title::after{ height:3px;}
	.academy .content img{ margin-top:56px;}
	.academy .content .txt{ margin-top:60px; }
	.academy .content strong{ font-size:36px;}
	.academy .content .txt>div{margin:34px 0 70px; font-size: 15px;}
}
@media screen and (max-width:1280px) {
	.academy .content {margin-top:63px;}
	.academy .content .title{ padding-bottom:16px;}
	.academy .content .title::after{ left: 50%; width: 12%; height: 10%;}
	.academy .content img{ margin-top:50px;}
	.academy .content .txt{ margin-top:50px; }
	.academy .content strong{ font-size:30px;}
	.academy .content .txt>div{margin:24px 0 63px; font-size: 14px;}
}
@media screen and (max-width:750px) {
    .open::after {
        background: none;
    }
    .academy .content {
        margin: .6rem auto;
    }
    .academy .content img:nth-child(2){
        margin-top: 0px;
    }
    .academy .content .title,
    .academy .content strong {
        font-size: 40px;
    }
    .academy .content .txt {
        margin-top: 40px;
    }
    .academy .content .txt>div {
        font-size: 25px;
        margin: 23px 0 50px;
    }
    .academy .content strong.sed_title {
        font-size: 30px;
    }
	
	.academy .banner h1{ font-size: 0.3rem;}
	.academy .banner{ }
	.academy .bfckbzc_text{ margin-left: 0px;}
	.academy .content .title, .academy .content strong{ font-size: 0.4rem; margin-bottom: 30px;}
	.academy .content .txt>div{ font-size: 0.26rem; margin:0.23rem 0 0.50rem;}
	.academy2 .content .rules_str{padding-bottom:20px;}
	.academy .content strong.sed_title{ font-size: 0.3rem;}
	.academy .content p.text_o{ font-size: 0.24rem;}
}

/**academy2**/
.academy2{ margin-bottom:70px;}
.academy2 .content p {
    text-indent: 2em;
    line-height: 2.4;
    -webkit-line-clamp: 7;
}

.academy2 .content h3 {
	position: relative;color: #424864;margin-bottom: 40px;font-size: 30px; line-height: 1; margin-top: 60px;
}

.academy2 .content h3::after {
    content: '';
    width:4em;
    height:2px;
    position: absolute;
    bottom: -14px;
    left: 0;
    background: #424864;
}

.academy2 .content .rules div {
    width: 47%;
    background: #f5f5f5;
    text-align: center;
    padding: 45px 0;
}

.academy2 .content .rules strong {
    display: block;
    font-size: 20px;
    color: rgb( 66, 72, 100);
    margin-bottom: 25px;
}
.academy2 .content .rules .rules_str::after{
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    margin-left: -27px;
    background: #424864;
    top: 70px;
}   

.academy2 .content .second img {
    margin: 30px 0;
}

.academy2 .content .third .rules>div {
    width: 23%;
    padding: 40px 0px;
}

.academy2 .content .third .rules p {
    width: 85%;
    margin: 0 auto;
    line-height: 1.5;
    -webkit-line-clamp: 9;
}

.academy2 .content .fourth .rules>div {
    text-align: left;
    padding: 45px 35px;
    margin-bottom: 30px;
}
.academy2 .aqyzr_text{ margin-top: 70px;}

.academy2 p{ font-size: 16px; line-height: 2; color: #666666;}
.academy2 .content h3{ }
.academy2 .rules{ margin-top: 50px;}
.academy2 .rules_f{display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.academy2 .content .rules_f div{width: 49%;}
.academy2 .rules_f div:nth-child(odd){margin-right:2%;}
@media screen and (max-width:1600px) {
	.academy2 .aqyzr_text{ margin-top: 60px;}
	.academy2 p{ font-size:15px;}
	.academy2 .content h3 {margin-bottom:30px;font-size:28px;margin-top:50px;}
	.academy2 .rules{ margin-top: 40px;}
	.academy2 .content .rules div{padding:38px 0;}
	.academy2 .content .rules strong{ margin-bottom: 22px;}
	.academy2{ margin-bottom: 60px;}
	.academy2 .content .third .rules>div{ padding-top:36px;}
	.academy2 .content h3::after{ bottom:-12px;}
}
@media screen and (max-width:1440px) {
	.academy2 .aqyzr_text{ margin-top:54px;}
	.academy2 p{ font-size:14px;}
	.academy2 .content h3 {margin-bottom:26px;font-size:26px;margin-top:38px;}
	.academy2 .rules{ margin-top:30px;}
	.academy2 .content .rules div{padding:30px 0;}
	.academy2 .content .rules strong{ margin-bottom:18px;}
	.academy2 .content p{ line-height: 1.8;}
	.academy2{ margin-bottom:50px;}
	.academy2 .content .third .rules>div{ padding-top:30px;}
	.academy2 .content h3::after{ bottom:-10px;}
    .academy2 .content .rules .rules_str::after{top: 60px;} 
}
@media screen and (max-width:1280px) {
	.academy2 .aqyzr_text{ margin-top:38px;}
	.academy2 .content h3 {margin-bottom:22px;font-size:24px;margin-top:30px;}
	.academy2 .rules{ margin-top:24px;}
	.academy2 .content .rules div{padding:24px 0;}
	.academy2 .content .rules strong{ margin-bottom:16px;}
	.academy2{ margin-bottom:40px;}
	.academy2 .content .third .rules>div{ padding-top:24px;}
    .academy2 .content .rules .rules_str::after{top: 50px;} 
}

@media screen and (max-width:750px) {
    .academy2 .content .rules strong {
        font-size: 29px;
        margin-bottom: 10px;
    }
    .academy2 .content p {
        font-size: 21px;
    }
    .academy2 .content .third .rules>div {
        padding: 20px 0;
        width: 47%;
        margin-bottom: 25px;
    }
    .academy2 .content h3 {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: bold;
    }
    .academy2 .content h3::after {
        width: 19%;
    }
	.academy2 .content .rules{ display: block;}
	.academy2 .content .rules div{ width:100%; padding: 0.5rem; margin: 0.2rem 0;}
	.academy2 .content p{text-indent: 0; font-size: 0.26rem;}
	.academy2 .content .rules strong{ font-size: 0.28rem;}
   /* .academy2 .content .rules_f strong{ margin-bottom:-10px;}*/
	.academy2 .content .third .rules>div{ position: relative;width: 100%;}
	.academy2 .aqyzr_text{ margin-top:0.6rem;}
	.academy2 .content h3{ font-size: 0.3rem;}
	.academy2 .aqyzr_text{ margin-top:0.48px;}
	.academy2 .content p{ font-size: 0.24rem;}
}

/**careerDevelop**/
/* 成长与培训 */

.careerDevelop .tabs {
    width: 20%;
    margin: 0 auto;
    line-height: 75px;
    font-size: 18px;
}

.careerDevelop .active {
    color: rgb( 66, 72, 100);
}


/* 人才培养 */

.careerDevelop .people_main .title,
.careerDevelop .interpretation_main .title {
    font-size: 48px;
    font-weight: bold;
    color: rgb( 66, 72, 100);
    text-align: center;
	position: relative;
	padding-bottom: 30px;
}
.careerDevelop .people_main .title span,
.careerDevelop .interpretation_main .title span {
    position: relative;
	padding-bottom: 30px;
}

.careerDevelop .people_main .title span::after,
.careerDevelop .interpretation_main .title span::after {
	content: '';
    position: absolute;
    bottom:0px;
    left:50%;
    width:60px;
    height:4px;
	margin-left: -30px;
    background: #424864;
}

.careerDevelop .people_main>div,
.careerDevelop .interpretation_main>div {
    padding: 90px 0 100px;
    text-align: center;
}

.careerDevelop .people_main .first img,
.careerDevelop .people_main .third img,
.careerDevelop .interpretation_main .first img {
    margin: 0 auto;
    margin-top: 60px;
	display: block;
	max-width: 100%;
}

.careerDevelop .people_main .second,
.careerDevelop .interpretation_main .second {
    background: #f5f5f5;
}

.careerDevelop .people_main .second .content>p {
    margin: 16px 0 70px;
    font-size: 16px;
}

.careerDevelop .people_main .second .rules>div,
.careerDevelop .interpretation_main .second .content>div {
    background: #fff;
    padding: 50px 40px;
}

.careerDevelop .people_main .second .rules strong.title {
    display: block;
    margin-bottom: 40px;
    font-size: 24px;
    color: rgb( 51, 51, 51);
}

.careerDevelop .people_main .second .rules span {
    background-size: cover;
    padding: 10px 23px;
    color: #fff;
    font-size: 18px;
}

.careerDevelop .people_main .second .rules span:nth-child(1) {
    background-image: url(../images/icon_bg_01.png);
}

.careerDevelop .people_main .second .rules span:nth-child(2) {
    background-image: url(../images/icon_bg_02.png);
}

.careerDevelop .people_main .second .rules span:nth-child(3) {
    background-image: url(../images/icon_bg_03.png);
}

.careerDevelop .people_main .second .rules span:nth-child(4) {
    background-image: url(../images/icon_bg_04.png);
}

.careerDevelop .people_main .second .rules span:nth-child(5) {
    background-image: url(../images/icon_bg_05.png);
}

.careerDevelop .people_main .second .rules .list strong {
    font-size: 18px;
    color: rgb( 182, 40, 44);
    display: block;
    margin-bottom: 20px;
}

.careerDevelop .people_main .second .rules .list p {
    font-size: 16px;
    text-align: left;
    color: rgb( 136, 136, 136);
}

@media screen and (max-width:1600px){
    /*.careerDevelop .people_main .second .rules>div:nth-child(-n+2) {
        width: 48%;
        margin-bottom: 20px;
    }*/
    .careerDevelop .people_main .second .rules>div:nth-child(-n+2) .list {
        width: 59%;
    }
}

@media screen and (max-width:1440px) {
    .careerDevelop .people_main .second .rules span {
        padding: 5px 14px;
    }
}

@media screen and (max-width:1280px) {
    .careerDevelop .people_main .second .rules span {
        padding: 5px 12px;
        font-size: 16px;
    }
    .careerDevelop .people_main .second .rules .list strong {
        font-size: 15px;
    }
    .careerDevelop .people_main .second .rules .list p {
        font-size: 13px;
    }
}

@media screen and (max-width:750px) {
    .careerDevelop .banner .tabs {
        width: 50%;
    }
    .careerDevelop .banner .tabs,
    .careerDevelop .people_main .second .rules .list strong,
    .careerDevelop .people_main .second .rules span {
        font-size: 20px;
    }
    .careerDevelop .people_main .title {
        font-size: 24px;
    }
    .careerDevelop .people_main>div {
        padding: 45px 0 50px;
    }
    .careerDevelop .people_main .second .content>p {
        margin: 19px 0 35px;
        font-size: 20px;
    }
    .careerDevelop .people_main .second .rules>div {
        padding: 20px 35px;
        width: 100%;
        margin-bottom: 30px;
    }
    .careerDevelop .people_main .second .rules>div:nth-child(-n+2) .list {
        width: 59%;
    }
    .careerDevelop .people_main .second .rules strong.title {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .careerDevelop .people_main .second .rules .list p {
        font-size: 18px;
    }
}


/* 人才培养 end */


/* 价值观解读 */

.careerDevelop .interpretation_main .content {
    margin-top: 60px;
}

.careerDevelop .interpretation_main .second .content>div {
    width: 30%;
}

.careerDevelop .interpretation_main .second .content strong,
.careerDevelop .interpretation_main .third .content strong,
.careerDevelop .interpretation_main .sixth .content strong {
    display: block;
    margin: 40px 0 20px;
    font-size:20px;
    color: rgb( 51, 51, 51);
}
 .careerDevelop .interpretation_main .sixth .content img{ width:auto; height:70px;}

.careerDevelop .interpretation_main .second .content p,
.careerDevelop .interpretation_main .third .content p,
.careerDevelop .interpretation_main .sixth .content p {
    font-size:16px;
    color: rgb( 102, 102, 102);
	line-height: 1.6;
}

.careerDevelop .interpretation_main .third .content>div {
    width: 49%;
}

.careerDevelop .interpretation_main .third .content .txt>div {
    width: 30%;
}

.careerDevelop .interpretation_main .fourth .content>div {
    width: 49%;
}
.careerDevelop .interpretation_main .fourth .content>div img{ max-width: 100%; }

.careerDevelop .interpretation_main .fourth .content .txt {
    background: #f5f5f5;
    padding: 80px 0 0px 80px;
    text-align: left;
}

.careerDevelop .interpretation_main .fourth .content .txt strong {
    display: block;
    font-size: 26px;
    color: rgb( 51, 51, 51);
    margin-bottom:44px;
}

.careerDevelop .interpretation_main .fourth .content .txt p {
    font-size:18px;
	line-height: 1;
    color: rgb( 102, 102, 102);
	margin-top: 18px;
}

.careerDevelop .interpretation_main .fourth .content .txt p span {
    background-color: rgb( 182, 40, 44);
    width: 7px;
    height: 7px;
    margin-right: 10px;
}

.careerDevelop .interpretation_main .fifth,
.careerDevelop .interpretation_main .seventh {
    background: #f5f5f5;
}

.careerDevelop .interpretation_main .fifth .box>p,
.careerDevelop .interpretation_main .seventh .box>p {
    margin:30px 0 45px;
    font-size:16px;
	color: #666666;
}

.careerDevelop .interpretation_main .fifth .content>div,
.careerDevelop .interpretation_main .seventh .content>div {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.careerDevelop .interpretation_main .fifth .content strong,
.careerDevelop .interpretation_main .seventh .content strong {
    display: block;
    font-size:20px;
    color: rgb( 51, 51, 51);
    margin: 20px 0;
}

.careerDevelop .interpretation_main .fifth .content p,
.careerDevelop .interpretation_main .seventh .content p {
    font-size: 16px;
    color: rgb( 51, 51, 51);
}

@media screen and (max-width:1600px) and (min-width:1280px) {
    .careerDevelop .interpretation_main .fifth .content>div,
    .careerDevelop .interpretation_main .seventh .content>div {
        width: 49%;
    }
}

@media screen and (max-width:750px) {
    .careerDevelop .people_main .title,
    .careerDevelop .interpretation_main .title {
        font-size: 40px;
    }
    .careerDevelop .interpretation_main .second .content strong,
    .careerDevelop .interpretation_main .third .content strong,
    .careerDevelop .interpretation_main .sixth .content strong {
        margin: 20px 0 10px;
        font-size: 30px;
    }
    .careerDevelop .interpretation_main .second .content p,
    .careerDevelop .interpretation_main .third .content p,
    .careerDevelop .interpretation_main .sixth .content p {
        font-size: 25px;
    }
    .careerDevelop .people_main>div,
    .careerDevelop .interpretation_main>div {
        padding: 45px 0 50px;
    }
    .careerDevelop .interpretation_main .second .content>div {
        background: #fff;
        padding: 20px 26px;
        width: 100%;
        margin-bottom: 20px;
    }
    .careerDevelop .interpretation_main .third .content>div,
    .careerDevelop .interpretation_main .fourth .content>div {
        width: 100%;
    }
    .careerDevelop .interpretation_main .third .content>div img,
    .careerDevelop .interpretation_main .fourth .content>div img{
        width: 100%;
    }
	.careerDevelop .interpretation_main .third .content>div.txt img{
	    width:1rem;
	}
    .careerDevelop .interpretation_main .fourth .content>div img{
        width: 100%;
    }
    .careerDevelop .interpretation_main .third .content .txt>div {
        width: 50%;
    }
    .careerDevelop .interpretation_main .fourth .content .txt {
        padding: 25px;
        margin-bottom: 20px;
    }
    .careerDevelop .interpretation_main .fourth .content .txt strong {
        margin-bottom: 5px;
    }
    .careerDevelop .interpretation_main .fifth .content strong,
    .careerDevelop .interpretation_main .seventh .content strong {
        font-size: 27px;
        margin: 15px 0;
    }
    .careerDevelop .interpretation_main .fifth .content p,
    .careerDevelop .interpretation_main .seventh .content p {
        font-size: 19px;
    }
    .careerDevelop .interpretation_main .fifth .content>div,
    .careerDevelop .interpretation_main .seventh .content>div {
        width: 49%;
        margin-bottom: 10px;
    }
    .careerDevelop .interpretation_main .fifth .content>div img,
    .careerDevelop .interpretation_main .seventh .content>div img{
        width:100%;
        margin-bottom: 10px;
    }
    .careerDevelop .interpretation_main .seventh .content::after {
        content: '';
        width: 47%;
    }
    .careerDevelop .interpretation_main .sixth .content>div {
        width: 49%;
		margin-bottom: 0.2rem;
    }
}


/* 价值观解读 end */


/* 弹窗 */

.careerDevelop_popup .mask,.careerDevelop_popup .maskjoin {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.careerDevelop_popup .popup {
    width:600px;
    margin: 0 auto;
    background: #fff;
    border-radius:22px;
}

.careerDevelop_popup .popup .title {
    position: relative;
    font-size: 30px;
    background: #7a7f92;
    color: #fff;
    text-align: center;
    padding: 30px 0;
	border-radius: 18px 18px 0 0;
}

.careerDevelop_popup .popup .title span {
    position: absolute;
    right: 50px;
	cursor: pointer;
}

.careerDevelop_popup .popup .content {
    padding: 55px 65px 80px 40px;
}

.careerDevelop_popup .popup .content div {
    margin-bottom: 30px;
}

.careerDevelop_popup .popup .content span {
    display: inline-block;
    font-size: 18px;
    color: rgb( 0, 0, 24);
    margin-right: 20px;
}

.careerDevelop_popup .popup .content input,
.careerDevelop_popup .popup textarea {
    width: 85%;
    font-size: 15px;
    color: rgb( 119, 119, 119);
    line-height: 3;
    border: 1px solid rgb( 219, 219, 219);
    padding-left: 20px;
    outline: none;
}

.careerDevelop_popup .popup textarea {
    line-height: normal;
    padding-top: 10px;
}

.careerDevelop_popup .popup button {
    display: block;
    font-size: 18px;
    border-radius: 4px;
    color: #fff;
    background-color: rgb( 182, 40, 44);
    border: none;
    margin: 0 auto;
    width: 50%;
    line-height:54px;
}

.careerDevelop .rcpy_jzg_tab{ width: 100%; border-bottom: 1px solid #e7e7e7; text-align: center;}
.careerDevelop .rcpy_jzg_tab strong{ display: inline-block;font-weight: normal; margin: 0 35px; cursor: pointer; }
.careerDevelop .rcpy_jzg_tab strong.active{ font-weight: bold; }

.careerDevelop .interpretation_main .third .content>div img{ width: 100%;}
.careerDevelop .interpretation_main .third .content>div.txt img{ width:30%;}
.careerDevelop .interpretation_main>div.third{ padding-bottom: 0;}

@media (max-width:1600px){
	.careerDevelop .people_main>div,.careerDevelop .interpretation_main>div {padding:76px 0 90px;}
	.careerDevelop .people_main .title span,.careerDevelop .interpretation_main .title span {padding-bottom: 26px;}
	.careerDevelop .people_main .first img,.careerDevelop .people_main .third img,.careerDevelop .interpretation_main .first img { margin-top:54px; }
	.careerDevelop .interpretation_main .content{ margin-top:54px;}
	.careerDevelop .interpretation_main .second .content strong,.careerDevelop .interpretation_main .third .content strong,.careerDevelop .interpretation_main .sixth .content strong { margin:34px 0 20px;font-size:28px; }
	.careerDevelop .interpretation_main .second .content p,.careerDevelop .interpretation_main .third .content p,.careerDevelop .interpretation_main .sixth .content p {font-size:15px; }
	
	.careerDevelop .interpretation_main .second .content strong,
	.careerDevelop .interpretation_main .third .content strong,
	.careerDevelop .interpretation_main .sixth .content strong {
	    margin:30px 0 16px;
	    font-size: 26px;
	}
	.careerDevelop .people_main .title,
	.careerDevelop .interpretation_main .title {
	    font-size: 40px;
	}
	.careerDevelop .interpretation_main .second .content>div img{ width:90px; height: auto;}
	.careerDevelop .interpretation_main .fourth .content .txt{ padding:60px 0 0px 60px;}
	.careerDevelop .interpretation_main .fourth .content .txt strong{ margin-bottom:34px;}
	.careerDevelop .interpretation_main .seventh .content>div{ width: 31%;}
	.careerDevelop .interpretation_main .seventh .content>div img{ width: 100%; display: block;}
	.careerDevelop .interpretation_main .sixth .content img{ width: auto; height:60px;}
}
@media (max-width:1440px){
	.careerDevelop .people_main>div,.careerDevelop .interpretation_main>div {padding:70px 0 80px;}
	.careerDevelop .people_main .title span,.careerDevelop .interpretation_main .title span {padding-bottom: 24px;}
	.careerDevelop .people_main .first img,.careerDevelop .people_main .third img,.careerDevelop .interpretation_main .first img { margin-top:50px; }
	.careerDevelop .interpretation_main .content{ margin-top:50px;}
	.careerDevelop .interpretation_main .second .content strong,.careerDevelop .interpretation_main .third .content strong,.careerDevelop .interpretation_main .sixth .content strong { margin:28px 0 16px;font-size:26px; }
	.careerDevelop .interpretation_main .second .content p,.careerDevelop .interpretation_main .third .content p,.careerDevelop .interpretation_main .sixth .content p {font-size:14px; }
	.careerDevelop .people_main .title,
	.careerDevelop .interpretation_main .title {
	    font-size:32px;
	}
	.careerDevelop .interpretation_main .second .content>div img{ width:80px; height: auto;}
	.careerDevelop .interpretation_main .fourth .content .txt{ padding:50px 0 0px 50px;}
	.careerDevelop .interpretation_main .fourth .content .txt strong{ margin-bottom:30px;}
	.careerDevelop .interpretation_main .sixth .content img{ width: auto; height:50px;}
}
@media (max-width:1280px){
	.careerDevelop .people_main>div,.careerDevelop .interpretation_main>div {padding:60px 0 70px;}
	.careerDevelop .people_main .title span,.careerDevelop .interpretation_main .title span {padding-bottom: 20px;}
	.careerDevelop .people_main .first img,.careerDevelop .people_main .third img,.careerDevelop .interpretation_main .first img { margin-top:40px; }
	.careerDevelop .interpretation_main .content{ margin-top: 40px;}
	.careerDevelop .interpretation_main .second .content strong,.careerDevelop .interpretation_main .third .content strong,.careerDevelop .interpretation_main .sixth .content strong { margin:20px 0 12px;font-size:22px; }
	.careerDevelop .interpretation_main .second .content p,.careerDevelop .interpretation_main .third .content p,.careerDevelop .interpretation_main .sixth .content p {font-size:14px; }
	.careerDevelop .people_main .title,
	.careerDevelop .interpretation_main .title {
	    font-size:28px;
	}
	.careerDevelop .interpretation_main .second .content>div img{ width:70px; height: auto;}
	.careerDevelop .interpretation_main .fourth .content .txt{ padding:40px 0 0px 40px;}
	.careerDevelop .interpretation_main .fourth .content .txt strong{ margin-bottom:24px;}
	.careerDevelop .interpretation_main .fifth .content>div{ width: 49%;}
}
@media (max-width:750px){
	.careerDevelop .popup .content {
	    padding: 20px;
	}
	.careerDevelop .popup .content span {
	    font-size: 12px;
	}
	.careerDevelop .popup .title {
	    font-size: 20px;
	    padding: 15px 0;
	}
	.careerDevelop .popup .content div {
	    margin-bottom: 15px;
	}
	.careerDevelop .popup .content input,
	.careerDevelop .popup textarea {
	    width: 80%;
	    font-size: 12px;
	    line-height: 2;
	}
	.careerDevelop .people_main .title, .careerDevelop .interpretation_main .title{ font-size: 0.4rem; padding-bottom: 0.3rem;}
	.careerDevelop .people_main>div,.careerDevelop .interpretation_main>div {padding:0.5rem 0 0.6rem;}
	.careerDevelop .people_main .second .content>p{ font-size: 0.26rem;}
	.careerDevelop .people_main .second .rules>div:nth-child(-n+2) {width:100%;margin-bottom:0.2rem;}
	.careerDevelop .people_main .second .rules>div:nth-child(-n+2) .list {width:100%;}
	.banner .tabs,.careerDevelop .people_main .second .rules .list strong,.careerDevelop .people_main .second .rules span {font-size:0.2rem;}
		
	.careerDevelop .interpretation_main .second .content strong,.careerDevelop .interpretation_main .third .content strong,.careerDevelop .interpretation_main .sixth .content strong {margin: 0.20rem 0 0.10rem;font-size:0.3rem;}
	.careerDevelop .interpretation_main .second .content p,.careerDevelop .interpretation_main .third .content p,.careerDevelop .interpretation_main .sixth .content p {font-size: 0.24rem;}
	
	.careerDevelop .people_main .second .rules strong.title{ font-size: 0.3rem; margin-bottom: 0; padding-bottom: 0.3rem;}
	.careerDevelop .people_main .second .rules>div{ padding: 0.3rem 0.2rem;}
	.careerDevelop .people_main .second .rules>div:last-child{ margin-bottom: 0;}
	.careerDevelop .people_main .second .rules .list p{ font-size: 0.2rem; margin-bottom: 0;}
	
	.careerDevelop .people_main .first img,.careerDevelop .people_main .third img,.careerDevelop .interpretation_main .first img { margin-top:0.4rem; }
	.careerDevelop .interpretation_main .fourth .content .txt{ padding:0.40rem 0 0.40rem 0.40rem;}
	.careerDevelop .interpretation_main .seventh .content>div{ width:49%;}
	.careerDevelop .interpretation_main .fifth .content strong,.careerDevelop .interpretation_main .seventh .content strong {font-size:0.3rem;margin: 0.15rem 0;}
	.careerDevelop .interpretation_main .fifth .content p,
	.careerDevelop .interpretation_main .seventh .content p {
		font-size:0.24rem;
	}
	.careerDevelop .interpretation_main .fifth .box>p,
	.careerDevelop .interpretation_main .seventh .box>p {
	    margin:0.26rem 0 0.36rem;
	    font-size:0.24rem;
	}
	
	.careerDevelop .interpretation_main .fourth .content .txt strong{ font-size: 0.3rem;}
	.careerDevelop .interpretation_main .fourth .content .txt p{ font-size: 0.24rem;}
	.careerDevelop .interpretation_main .content{ margin-top: 0.3rem;}
	.careerDevelop .interpretation_main .fifth .content>div,
	.careerDevelop .interpretation_main .seventh .content>div { padding:0.2rem;margin-bottom:0.2rem;}
	.careerDevelop .people_main .second .rules .list strong{ margin-top: 0.2rem;}
	
	.careerDevelop_popup .popup{ width: 90%;}
	.careerDevelop_popup .popup .title {
	    font-size: 0.30rem;
	    padding: 0.30rem 0;
		border-radius: 18px 18px 0 0;
	}
	
	.careerDevelop_popup .popup .title span {
	    right: 0.50rem;
	}
	
	.careerDevelop_popup .popup .content {
	    padding: 0.55rem 0.65rem;
	}
	
	.careerDevelop_popup .popup .content div {
	    margin-bottom:0.3rem;
	}
	
	.careerDevelop_popup .popup .content span {
	    font-size: 0.24rem;
	    margin-right: 0.2rem;
	}
	
	.careerDevelop_popup .popup .content input,
	.careerDevelop_popup .popup textarea {
	    width: 85%;
	    font-size:0.24rem;
	    padding-left:0.20rem;
	}
	
	.careerDevelop_popup .popup textarea {
	    padding-top: 0.10;
	}
	
	.careerDevelop_popup .popup button {
	    font-size:0.24rem;
	    border-radius: 4px;
	    width: 50%;
	    line-height:0.74rem;
	}
	
}
/* 弹窗 end */

/**contactUs**/
.contactUs .main {
    margin-bottom: 90px;
}

.contactUs .main .title {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-align: center;
    margin-top: 95px;
}

.contactUs .main h3 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    text-align: center;
    margin: 60px 0 40px;
}

.contactUs .main .content img {
    margin-bottom: 40px;
}

.contactUs .main .content .list {
    text-align: center;
	width: 24%;
}

.contactUs .main .content .list p {
    font-size: 18px;
	line-height:1.6;
    color: rgb( 102, 102, 102);
}

.contactUs .main .second strong {
    display: block;
    font-size: 24px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 51, 51, 51);
    margin-bottom: 15px;
}

.contactUs .main .second .list {
    background: #f5f5f5;
    padding: 30px 0;
	width: 23%;
}
.contactUs .main .second .list p{ line-height: 1;}

.contactUs .con_lxwm_s{background-color: #e6e6e6;text-align: center;padding: 65px 0;}

@media screen and (max-width:1600px) {
	.contactUs .main .content img{ width:100px; height: 100px; margin-bottom: 20px;}
	.contactUs .main .content .list p{ font-size: 14px;}
	.contactUs .main .title{ font-size: 38px; line-height: 1; margin-top: 78px;}
	.contactUs .main h3{ margin:40px 0 30px;}
	.contactUs .main .second .list{ padding: 28px 0;}
	.contactUs .main .second strong{ font-size:22px; margin-bottom:14px;}
	.contactUs .main{ margin-bottom: 70px;}
}
@media screen and (max-width:1440px) {
	.contactUs .main .content img{ width:90px; height: 90px; margin-bottom: 18px;}
	.contactUs .main .content .list p{ font-size: 14px;}
	.contactUs .main .title{ font-size: 30px; line-height: 1; margin-top:68px;}
	.contactUs .main h3{ margin:30px 0 20px;}
	.contactUs .main .second .list{ padding: 22px 0;}
	.contactUs .main .second strong{ font-size:22px; margin-bottom:12px;}
	.contactUs .main{ margin-bottom:60px;}
	.contactUs .con_lxwm_s{ padding:40px 0; }
}
@media screen and (max-width:1280px) {
    .contactUs .main .content .list p {
        font-size: 14px;
    }
	.contactUs .main .content img{ width:70px; height: 70px; margin-bottom: 14px;}
	.contactUs .main .content .list p{ font-size: 14px;}
	.contactUs .main .title{ font-size: 30px; line-height: 1; margin-top:48px;}
	.contactUs .main h3{ margin:40px 0 30px;}
	.contactUs .main .second .list{ padding: 22px 0;}
	.contactUs .main .second strong{ font-size:22px; margin-bottom:12px;}
	.contactUs .main{ margin-bottom:40px;}
}
@media screen and (max-width:1280px) {
	.contactUs .main .content .list{ width: 46%; margin: 0 2% 20px; }
	.contactUs .main .second .list{ width: 46%; margin: 0 2% 20px; }
}
@media screen and (max-width:750px) {
    .contactUs .main .title {
        font-size: 30px;
        margin-top: 50px;
    }
    .contactUs .main h3 {
        font-size: 18px;
        margin: 30px 0 20px;
    }
    .contactUs .main .content .list p {
        font-size: 12px;
    }
    .contactUs .main .content img {
        margin-bottom: 20px;
    }
    .contactUs .main .second .list {
        padding: 0.15rem 0.40rem;
    }
    .contactUs .main .second strong {
        font-size: 18px;
    }
	.contactUs .main{ margin-bottom:0.5rem;}
	.contactUs .main .title{ font-size: 0.3rem; margin-top: 0.3rem;}
	.contactUs .main h3{ font-size: 0.3rem; margin: 0.3rem 0 0.2rem;}
	.contactUs .con_lxwm_s{ padding:0.4rem 0;}
	.contactUs .main .content .list p{ font-size: 0.24rem; line-height: 0.34rem;}
	.contactUs .main .content img{ width: 1.2rem; height: auto;}
	.contactUs .main .second strong{ font-size: 0.24rem;}
	.contactUs .banner{ height: auto;}
	
}


/**developHistory**/

.developHistory .main .title {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
	line-height: 1;
}

.developHistory .first {
    margin: 90px 0 100px;
}

.developHistory .first .content .left,
.developHistory .first .content .right {
    width: 46%;
}
.developHistory .first .content .left{ width: 100%;}

.developHistory .first .content .right>div:nth-child(1) {
    margin-top: 180px;
}

.developHistory .first .content .left>div:nth-child(2) {
    margin-top: 50px;
}
.developHistory .first .content .left>div:nth-child(even){
	float: right;
}
.developHistory .first .content .left>div:nth-child(odd){
	float: left;
}

.developHistory .first .content .right>div:nth-child(2) {
    margin-top: 50px;
}


/* .first .content .left>div,
.first .content .right>div {
    margin-top: 220px;
} */

.developHistory .first .content strong {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 73, 80, 115);
}

.developHistory .first .content .left strong {
    margin-left: 20px;
}

.developHistory .first .content .right strong {
    margin-right: 20px;
}

.developHistory .first .content strong b {
    font-size: 48px;
    margin-right: 15px;
}

.developHistory .first .content p {
    font-size: 15px;
    font-family: "MicrosoftYaHeiUI";
    color: rgb( 102, 102, 102);
}

.developHistory .first .content .middle {
    width: 3px;
    /* height: 1079px; */
    background-color: rgb( 192, 196, 202);
    position: relative;
}

.developHistory .first .content .middle span.top {
    border: 2px solid rgb(66, 72, 100);
    border-radius: 50%;
    width: 17px;
    height: 17px;
    position: absolute;
    left: -7px;
    top: -15px;
}

.developHistory .first .content .middle span.bottom {
    width: 23px;
    height: 20px;
    transform: rotate( 90deg);
    color: #fff;
    background-color: rgb( 10, 54, 128);
    border-radius: 50%;
    padding: 0px 7px;
    position: absolute;
    bottom: 0;
    left: -9px;
}

.developHistory .first .content .middle span {
    border: 1px solid rgb( 73, 80, 115);
    border-radius: 50%;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -5px;
}

.developHistory .first .content .middle span b {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgb( 10, 54, 128);
    text-align: center;
    margin: 3px;
}

.developHistory .first .content .middle span:nth-child(2) {
    top: 3%;
}

.developHistory .first .content .middle span:nth-child(3) {
    top: 20%;
}

.developHistory .first .content .middle span:nth-child(4) {
    top: 38%;
}

.developHistory .first .content .middle span:nth-child(5) {
    top: 60%;
}

.developHistory .first .loadMore {
    text-align: center;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    margin-top: 15px;
}

.developHistory .second {
    background: #495073;
    padding-top: 90px;
}

.developHistory .second .information {
    background: #fff;
    padding: 77px;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	position: relative;
	z-index: 2;
}

.developHistory .second .information img {
    width: 30%;
    margin-right: 80px;
}

.developHistory .second .information strong {
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    display: block;
    margin-bottom: 20px;
}

.developHistory .second .information b {
    font-size: 25px;
    margin-left: 20px;
    color: #495073;
}

.developHistory .second .information p {
    font-size: 18px;
    color: rgb( 102, 102, 102);
	line-height: 1.8;
}

.developHistory .second .lists {
    background: #fff;
    margin-top: -180px;
    padding: 230px 0 80px;
	position: relative;z-index: 1;
}

.developHistory .second .lists .box {
    overflow: hidden;
    position: relative;
}


/* .developHistory .second .lists .leftBtn,
.developHistory .second .lists .rightBtn {
    position: absolute;
} */

.developHistory .second .lists strong,
.developHistory .third strong {
    display: block;
    font-size: 20px;
    font-family: "MicrosoftYaHeiUISemibold";
    color: rgb( 51, 51, 51);
    margin: 22px 0 10px;
    text-align: center;
}

.developHistory .second .lists p {
    font-size: 15px;
    font-family: "MicrosoftYaHeiUI";
    color: rgb( 102, 102, 102);
    text-align: center;
}

.developHistory .second .lists img {
    border: 1px solid #d1d1d1;
}

.developHistory .second .active img {
    border: 1px solid rgb( 182, 40, 44);
}

.developHistory .third {
    background: #f5f5f5;
    padding-top: 90px;
    /*text-align: center;*/
	padding-bottom: 100px;
}

.developHistory .third .lists>div {
    margin-bottom: 55px;
}
.developHistory .third .lists>div img{ display: block; max-width: 100%;}

.developHistory .third button {
    color: #fff;
    border-radius: 26px;
    background-color: rgb( 182, 40, 44);
    border: none;
    margin: 60px auto;
    padding: 9px 15px;
}

.developHistory .third button span {
    background: #fff;
    border-radius: 50%;
    transform: rotate( 90deg);
    font-size: 12px;
    font-family: "SimSun";
    color: rgb( 182, 40, 44);
    padding: 2px 5px;
    margin-left: 10px;
}

.developHistory .third .lists{ justify-content: left;}
.developHistory .third .lists div{ margin: 0 1% 40px; width: 14.3%; display: inline-block;}
.developHistory .gltd_hd_li img{ width: 100%;}

.fzlc_lc_w{ padding: 1px 0;}
.fzlc_lc{position: relative;}
.fzlc_lc .cxian{border-right:2px solid #c0c4ca; position: absolute; left: 50%;height: 100%; }
.fzlc_lc .cxian::after{ content: ""; position: absolute; top:-20px; left: 50%; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #424864; margin-left: -10px; }
.fzlc_lc .ycbf{display: none;}
.fzlc_lc li{padding-right: 53%; text-align:right; position: relative;margin-top:3%;}
.fzlc_lc li .kj{}
.fzlc_lc li .kj .t1{ font-size: 48px; line-height: 1; font-weight: bold; padding-bottom:10px;}
.fzlc_lc li .kj .t1 em{ font-size:18px;}
.fzlc_lc li .kj .t2{ font-size: 15px; line-height:30px; color:#666666; margin-top:15px;padding-right: 56px; position: relative; }
.fzlc_lc li .kj .t2 p{ }
.fzlc_lc li .kj .t2 span{display: block; font-size: 18px; color: #495073; font-weight: bold; position: absolute; right: 0; top: 0; }
.fzlc_lc li:nth-child(even){padding-right:0%;  padding-left: 53%; text-align:left;}
.fzlc_lc li:nth-child(even) .kj .t2{padding-right:0;padding-left:56px;}
.fzlc_lc li:nth-child(even) .kj .t2 span{right: auto; left: 0;}
.fzlc_lc li .dian{ position: absolute; top:16px; left:50%; margin-left: -7px; width: 16px; height: 16px; border: 1px solid #424864; border-radius: 50%;}
.fzlc_lc li .dian::after{ content: ""; width: 8px; height: 8px; background-color: #424864; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; }
.fzlc_lc li:nth-child(even) .dian{ }
.fzlc_jian{position: relative;z-index: 1;text-align:center;}
.fzlc_jian_s{ display: inline-block; cursor: pointer;}
.fzlc_jian_s .texts{ font-size: 15px; color: #999999; line-height: 15px; margin-top: 20px; }
.jzgd p{font-size: 18px;}
.developHistory .second .lists .gltd_hd_li{width: 19%;}



@media screen and (max-width:1680px) {
    .developHistory .second .lists .gltd_hd_li{width: 19%;}
}
@media screen and (max-width:1600px) {
	.developHistory .main .title{ font-size: 40px; margin-bottom: 60px;}
	.fzlc_lc li .kj .t1{ font-size: 42px;}
	.developHistory .first{ margin: 80px 0 90px;}
	.developHistory .second .information strong{ margin-bottom:30px;}
	.developHistory .second .information p{ font-size: 16px;}
	.developHistory .second .information strong{ font-size: 26px;}
	.developHistory .second .information strong b{ font-size: 23px;}
	.developHistory .second .information{ padding: 66px;}
	.developHistory .second .lists{ margin-top: -140px;padding: 180px 0 80px;}
	.developHistory .second .lists strong,.developHistory .third strong {font-size:18px;}
	.developHistory .third{ padding: 80px 0 90px; }
    .developHistory .second .lists .gltd_hd_li{width: 19%;}
}
@media screen and (max-width:1440px) {
	.developHistory .main .title{ font-size: 36px; margin-bottom: 50px;}
	.fzlc_lc li .kj .t1{ font-size:36px;}
	.fzlc_lc li .kj .t2{ font-size: 14px; line-height: 24px; margin-top: 10px;}
	.developHistory .first{ margin:60px 0 70px;}
	.developHistory .second .information strong{ margin-bottom:24px;}
	.developHistory .second .information p{ font-size: 14px;}
	.developHistory .second .information strong{ font-size: 24px;}
	.developHistory .second .information strong b{ font-size: 21px;}
	.developHistory .second .information{ padding: 58px;}
	.developHistory .second .lists{ margin-top: -120px;padding: 160px 0 40px;}
	.developHistory .second .lists strong,.developHistory .third strong {font-size:16px;}
	.developHistory .third{ padding:60px 0 70px; }
	/*.fzlc_lc .cxian{top: -3%;height: 106%;}*/
	/*.fzlc_lc .cxian::after{top:-2.4%}*/
}

@media screen and (max-width:1280px) {
	.developHistory .third .lists>div{ margin: 0 1%; width:22.5%;}
	.developHistory .third .lists>div:nth-child(9){ display: none; }
	.developHistory .third .lists>div:nth-child(10){ display: none; }
	.developHistory .main .title{ font-size: 32px; margin-bottom:40px;}
	.fzlc_lc li .kj .t1{ font-size:30px;}
	.developHistory .first{ margin:50px 0 60px;}
	.developHistory .second .information strong{ margin-bottom:18px;}
	.developHistory .second .information strong{ font-size: 22px;}
	.developHistory .second .information strong b{ font-size:18px;}
	.developHistory .second .information{ padding: 50px;}
	.developHistory .second .lists{ margin-top: -100px;padding: 140px 0 40px;}
	.developHistory .second .lists strong,.developHistory .third strong {font-size:15px;}
	.developHistory .third .lists{ margin-bottom: 40px;}
	.developHistory .third{ padding:40px 0 50px; }
}

@media screen and (max-width:750px) {
    .developHistory .second .information img {
        width: 100%;
        margin: 0;
    }
	
	.developHistory .third{ padding-top: 0.8rem;}
	.developHistory .main .title{ font-size: 0.4rem; margin-bottom: 0.4rem;}
	.developHistory .third .lists>div{ width: 47%; margin-bottom: 0.2rem;}
	.developHistory .second .lists strong, .developHistory .third strong{ font-size: 0.24rem; line-height: 0.32rem;}
	.developHistory .third button{ margin: 0.3rem 0;}
	.banner{ padding: 1rem 0 1rem 0.4rem;}
	.developHistory .first .content strong b{ font-size: 0.44rem;}
	.developHistory .first{ margin: 0.8rem 0 1rem;}
	.developHistory .second{ padding-top: 0.6rem;}
	.developHistory .second .information{ padding: 0.6rem;}
	.developHistory .second .information img{ margin-bottom: 0.3rem;}
	.developHistory .second .information strong{ margin-bottom: 0.4rem;}
	.developHistory .second .lists .box{}
	
	.developHistory .third .lists>div:nth-child(9){ display: block; }
	.developHistory .third .lists>div:nth-child(10){ display: block; }
	
	.developHistory .second .information .kj{ width: 100%; }
	.developHistory .second .information strong{ font-size: 0.36rem;}
	.developHistory .second .information b{ font-size: 0.3rem;}
	.developHistory .second .information p{ font-size: 0.26rem;}
	
	.developHistory .second .lists .box{ height: auto;}
	.developHistory .second .lists .b{ display: block; overflow-x: scroll; white-space: nowrap;}
	.developHistory .gltd_hd_li{ width:2.6rem; display: inline-block; margin-right: 0.2rem;}
	.developHistory .second .lists{ padding-top:0.8rem; margin-top: -1.1rem;}
	.fzlc_lc{ margin-top:0.8rem;}
	.fzlc_jian_s{ margin-top: 0.36rem;}
	.fzlc_jian_s .texts{ margin-top: 0.1rem;}
	.fzlc_lc .cxian::after{width: 0.18rem;height: 0.18rem; top: -0.18rem; margin-left: -0.09rem;}

}

/**joinUs**/
.joinUs .main {
    width: 80%;
    margin: 100px auto;
}

.joinUs .main .title {
    text-align: center;
    /* margin-bottom: 55px; */
    margin: 100px 0 80px;
}

.joinUs .main .title h1 {
    font-size: 72px;
    font-family: "PLBernhardt";
    color: rgba( 126, 130, 149, 0.102);
}

.joinUs .main .title h3 {
    font-size: 48px;
    font-family: "FZJINGKHS";
    color: rgb( 126, 130, 149);
    margin-top: -44px;
}

.joinUs .main .first .content>div {
    width: 23%;
    padding: 40px 40px 55px 50px;
    text-align: center;
    border-radius: 20px;
}

.joinUs .main .content strong {
    display: block;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 74, 83, 122);
    font-weight: bold;
}

.joinUs .main .first .content p { text-align: left;}

.joinUs .main .content p {margin-bottom: 0;line-height: 2;font-size: 16px;line-height: 24px;color: #4a537a;}

.joinUs .main .second .content {
    text-align: center;
}

.joinUs .main .second .content>div {
    width: 32%;
}

.joinUs .main .third .content>div {
    width: 49%;
    padding: 40px 80px;
    border-radius: 20px;
}

.joinUs .main .third .content strong {
    position: relative;
    font-size: 36px;
    font-family: "Microsoft YaHei";
    color: rgb( 74, 83, 122);
}

.joinUs .main .third .content strong::after {
    content: '';
    width: 34%;
    height: 3px;
    background: #606782;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.joinUs .main .third .content p {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 96, 103, 130);
    padding-top: 50px;
}
.joinUs .main .second .content img{ max-width: 100%;}
.joinUs .main .first .content>div img{ max-width: 100%;}

@media screen and (max-width:1600px) {
   .joinUs .main .title h3{ font-size: 42px;}
   .joinUs .main .title h1{ font-size: 66px;}
   .joinUs .main .third .content strong{ font-size:32px;}
	
}
@media screen and (max-width:1440px) {
    .joinUs .main .content strong {
        font-size: 20px;
    }
    .joinUs .main .third .content p {
        font-size: 18px;
    }
	.joinUs .main .title h3{ font-size:36px;}
	.joinUs .main .title h1{ font-size: 62px;}
	.joinUs .main .third .content strong{ font-size:28px;}
}

@media screen and (max-width:1280px) {
    .joinUs .main .content strong {
        font-size: 17px;
    }
    .joinUs .main .first .content p {
        font-size: 12px;
    }
    .joinUs .main .third .content p {
        font-size: 16px;
    }
    .joinUs .main .third img {
        width: 45%;
    }
	.joinUs .main .title h3{ font-size:30px;}
	.joinUs .main .title h1{ font-size:54px;}
	.joinUs .main .third .content strong{ font-size:26px;}
}

@media screen and (max-width:750px) {
    
    .joinUs .main {
        margin: 45px auto;
    }
    .joinUs .main .title h1 {
        font-size: 66px;
    }
    .joinUs .main .content strong {
        font-size: 40px;
    }
    .joinUs .main .first .content p {
        font-size: 25px;
    }
    .joinUs .main .first .content>div,
    .joinUs .main .second .content>div {
        width: 100%;
        margin-bottom: 40px;
    }
    .joinUs .main .content p,
    .joinUs .main .third .content p {
        font-size: 30px;
    }
    .joinUs .main .third .content>div {
        width: 100%;
        margin-bottom: 30px;
    }
    .joinUs .main .third .content strong {
        font-size: 42px;
    }
    .joinUs .main .second img {
        width: 100%;
    }
	
	.joinUs .main{width: 90%; margin: 0.4rem auto; }
	.joinUs .main .title{ margin:0.8rem 0 0.7rem ;}
	.joinUs .main .title h1{ font-size: 0.6rem;}
	.joinUs .main .title h3{ font-size: 0.5rem;}
	.joinUs .main .content strong{ font-size: 0.4rem;}
	.joinUs .main .first .content p{ font-size: 0.28rem;}
	.joinUs .main .content p, .joinUs .main .third .content p{ font-size: 0.28rem;}
}
/**makeReserve**/
.makeReserve .navs {
    background-color: rgb( 255, 255, 255);
    box-shadow: 1.06px 1.696px 8px 0px rgb( 130, 130, 130);
}

.makeReserve .navs .nav_active {
    position: relative;
}

.makeReserve .navs .nav_active::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #b6282c;
}

.makeReserve .box {
    padding: 40px 0 80px;
}

.makeReserve .top {
    line-height: 70px;
    padding-left: 60px;
    background: #fff;
    margin-bottom: 20px;
}

.makeReserve .top .left {
    width: 80%;
}
.makeReserve .top .left div:nth-child(2){display:none;}
.makeReserve .top .left .left_inp{
    width: 60%;
}
.makeReserve .top .left .a {
    width: 22px;
}

.makeReserve .top .left .b {
    width: 30px;
    cursor: pointer;
}

.makeReserve .top input {
    border: none;
    outline: none;
    font-size: 16px;
    width: 60%;
}

.makeReserve .top .left span {
    font-size: 20px;
    font-family: "MicrosoftYaHeiUI";
    color: rgb( 67, 73, 100);
    cursor: pointer;
}

.makeReserve .top .right {
    width: 15%;
    background: #c22525;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}

.makeReserve .middle {
    background: #fff;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    line-height: 2;
    padding: 40px;
}

.makeReserve .middle ul li,
.makeReserve .middle span {
    margin: 0 15px 10px;
    padding: 0 10px;
}

.makeReserve .middle span {
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    float: left;
}

.makeReserve .m_active {
    background: #434964;
    color: #fff;
}

/*.makeReserve .list:last-child:nth-child(4n - 1) {*/
/*    margin-right: calc(24% + 4% / 3);*/
/*}*/

/*.makeReserve .list:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}*/

.makeReserve .list {
    background: #fff;
    padding: 20px 20px 40px;
    margin: 15px 0;
    width: 24.25%;
    margin-right: 1%;
}
.makeReserve .list:nth-child(4n){
    margin-right: 0;
}
.makeReserve .list strong:nth-child(1) {
    font-size: 20px;
    font-family: "Microsoft YaHei";
}
.makeReserve .list .make_list_text_s div{
    font-size:14px;
    margin-top: 3px;
    color: rgb( 194, 37, 37 );
}
.makeReserve .list .make_list_text_s div strong{
    font-size: 24px;
    font-family: "Microsoft YaHei";
}

.makeReserve .list .address {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    margin: 2px 0 10px;
	display: block;
}

.makeReserve .list .address img {
    width: 14px;
    margin-right: 10px;
    margin-bottom:4px;
}

.makeReserve .list .tags span {
    border: 1px solid rgb( 210, 210, 210);
    font-size: 14px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 153, 153, 153);
    margin-right: 10px;
    padding: 0 10px;
    line-height: 24px;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 10px;
}
.makeReserve .list .tags span:hover{
    background: #434964;
    color: #fff;
    border: 1px solid #434964;
}
.makeReserve .make_list_text{position: relative;margin-bottom: 30px;}
.makeReserve .make_list_text p{position: absolute;bottom:20px;color: #fff;left: 13px;font-size:14px;}

.makeReserve .content{ margin-top: 30px; margin-bottom: 60px;}
.makeReserve .list .img-responsive{ width: 100%;}

@media screen and (min-width:1280px) and (max-width:1600px) {
    .makeReserve .list {
        width: 32%;
        margin-right: 2%;

    }
    .makeReserve .list:nth-child(4n){
        margin-right:2%;
    }  
    .makeReserve .list:nth-child(3n){
        margin-right:0;
    }
      
} 

@media screen and (max-width:1280px) {
	.makeReserve .content_s{ width: 100%;overflow: hidden;}
	.makeReserve .list { width:29%; margin-right: 1.9%; }
    .makeReserve .list strong:nth-child(1){font-size:16px;}
    .makeReserve .make_list_text{margin-bottom:20px;}
}

@media screen and (max-width:750px) {
    .makeReserve .top,
    .makeReserve .top .right {
        font-size: 15px;
    }
    .makeReserve .middle {
        font-size: 22px;
    }
    .makeReserve .list {
        width: 100%;
    }
    .makeReserve .list img {
        width: 37%;
        float: left;
        margin-right: 15px;
    }
    .makeReserve .list strong {
        font-size: 26px;
    }
    .makeReserve .list .address img {
        display: none;
    }
    .makeReserve .list .tags {
        display: none;
    }
    .makeReserve .list .address {
        font-size: 19px;
    }
	
	.makeReserve .top{padding-left:0.4rem;}
	.makeReserve .top .left span{ font-size: 0.24rem;}
	.makeReserve .top .left{ display: block;}
	.makeReserve .top .left>div{ line-height: 0.8rem;}
	.makeReserve .top .left>div:nth-child(1){ border-bottom: 1px solid #dedede;}
	.makeReserve .middle{ font-size: 0.28rem; padding: 0.3rem;}
	.makeReserve .top, .makeReserve .top .right{ font-size: 0.26rem; line-height: 2; padding: 0.2rem 0.1rem; }
	.makeReserve .middle ul li, .makeReserve .middle span{ font-size: 0.24rem; padding: 0 0.12rem; margin: 0 0.1rem 0.1rem;}
	.makeReserve .make_list_text { float: left; width:100%;}
	.makeReserve .make_list_text .img-responsive{ width: 100%;}
	.makeReserve .make_list_text p{ display: none; }
	.makeReserve .make_list_text_s{ display: block;}
	
	.makeReserve .content{ width:100%; padding:0 3%; overflow: visible;}
}

/**newsCenter**/

.newsCenter .main h1 {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    color: rgb( 66, 72, 100);
    margin: 90px 0 30px;
    text-align: center;
}

.newsCenter .main .tabs {
    margin: auto;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    margin-bottom: 70px;
    text-align: center;
}

.newsCenter .main .tabs span {
    padding: 8px 10px;
    display: inline-block;
}

.newsCenter .main .tabs .active {
    color: #fff;
    border-radius: 20px;
    background-color: rgb( 20, 28, 62, .8);
}

.newsCenter .main ul li {
    width: 31.4%;
    margin-bottom: 50px;
}
.newsCenter .main ul li .img-responsive{ width: 100%;}

.newsCenter .main ul li .describe {
    font-size: 24px;
    margin: 30px 0 40px;
    color: #7b7b7b;
}

.newsCenter .main ul li p {
    font-size: 18px;
    color: rgb( 153, 153, 153);
}

.newsCenter .main ul li:hover p {
    color: #bb4043;
}

.newsCenter .main ul li:hover .detail::after {
    content: '>';
    color: #fff;
    background: #b6282c;
    border-radius: 50%;
    margin-left: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-family: 'SimSun';
	display: block;
	float: right;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
    margin-top: 2px;
}

.newsCenter .list {
    background: #f5f5f5;
    padding: 80px 0;
}

.newsCenter .list .box>div {
    margin-bottom: 60px;
}

.newsCenter .list img {
    height: 100%;
    margin-right: 55px;
}

.newsCenter .list .title {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
	text-align: left;
}
.newsCenter .list .time{margin-top:10px ;}
.newsCenter .list p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 119, 119, 119);
    line-height: 2;
}

.newsCenter .list .describe {
    margin-top: 30px;
}

.newsCenter .list button {
    color: #fff;
    background-color: rgb( 67, 73, 101);
    border-radius: 52px;
    border: none;
    margin-top: 40px;
    width: 160px;
    line-height: 52px;
}

.newsCenter .list button span {
    font-size: 12px;
    font-family: "SimSun";
    color: rgb( 67, 73, 101);
    background: #fff;
    padding: 2px 5px;
    border-radius: 50%;
    margin-left: 6px;
}

.newsCenter .list .box>div:hover button {
    background: #b6282c;
}

.newsCenter .list .box>div:hover .title {
    color: #b6282c;
}

@media screen and (max-width:750px) {
    .newsCenter .main .tabs {
        width: 45%;
        font-size: 24px;
    }
    .newsCenter .main ul li {
        width: 78%;
        margin: auto;
        margin-bottom: 50px;
    }
    .newsCenter .list img {
        margin-right: 30px;
        width: 45%;
    }
    /* .newsCenter .list .box>div>div {
        width: 50%;
    } */
    .newsCenter .list .describe,
    .newsCenter .list button {
        display: none;
    }
    .newsCenter .list .time {
        margin-top: 25px;
    }
}


/* 新闻详情 */

.newsDetail .box>p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    margin: 30px 0 80px;
}

.newsDetail .top h1 {
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    font-weight: bold;
    text-align: center;
}

.newsDetail .top {
    border-bottom: 2px solid rgb( 234, 234, 234);
    padding-bottom: 20px;
    margin-bottom: 55px;
    font-size: 16px;
    color: rgb( 51, 51, 51);
}

.newsDetail .top div {
    text-align: center;
    margin-top: 50px;
}

.newsDetail .top span {
    margin-right: 40px;
}

.newsDetail .top img {
    width: 20px;
    margin-right: 5px;
}

.newsDetail .middle {
    border-bottom: 2px solid rgb( 234, 234, 234);
    margin-bottom: 25px;
}
.newsDetail .middle img{max-width: 100%;}
.newsDetail .middle p,
.newsDetail .bottom p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    line-height: 2;
}

.newsDetail .middle p {
    margin-bottom: 50px;
}

.newsDetail .middle img {
    margin-right: 30px;
    margin-bottom: 20px;
}

.newsDetail .bottom {
    margin: 30px 0 100px;
}

.newsDetail .bottom button {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255);
    border-radius: 26px;
    background-color: rgb( 182, 40, 44);
    padding: 15px 20px;
    border: none;
}

.newsDetail .bottom button span {
    margin-right: 10px;
}

@media screen and (max-width:750px) {
    .newsDetail .middle p,
    .newsCenter .bottom p {
        font-size: 23px;
    }
    .newsCenter .bottom p {
        width: 70%;
    }
}


.newsCenter .main .tabs span{ line-height:50px; border-radius: 50px; padding: 0 28px; cursor: pointer;}
.newsCenter .main .tabs .active{ border-radius: 50px;}

.newsCenter .list img{ width: 100%; height: auto; display: block; margin-right:0;}
.newsCenter .list .img_w{ width:30%; margin-right: 55px;}
.newsCenter .list .text_w{ width:70%;}

@media screen and (max-width:1600){
	.newsCenter .list .describe{ margin-top:32px;}
	.newsCenter .list button{ margin-top: 44px;}
	.newsCenter .list .img_w{ margin-right: 46px;}
}
@media screen and (max-width:1440){
	.newsCenter .list .describe{margin-top:28px;}
	.newsCenter .list button{ margin-top:34px;}
	.newsCenter .list .img_w{ margin-right: 40px;}
}
@media screen and (max-width:1280px){
	.newsCenter .list .describe{margin-top:24px;}
	.newsCenter .list button{ margin-top:24px;}
	.newsCenter .list .img_w{ margin-right:30px;}
}

@media screen and (max-width:750px) {
	.newsCenter .list .img_w{ width:3rem; margin-right:15px;}
	.newsCenter .list .time{ margin-top: 0.1rem;}
	.newsCenter .list .title{ font-size: 0.26rem; line-height: 0.35rem; height: 1.05rem; overflow: hidden; }
	
	.newsCenter .main h1{ font-size: 0.4rem; margin-top: 0.8rem;}
	.newsCenter .main .tabs{ width:70%; font-size: 0.26rem; margin-bottom: 0.6rem;}
	.newsCenter .main ul li{ width: 100%; margin-bottom: 0.3rem;}
	.newsCenter .main ul li .describe{ margin: 0.2rem 0 0.1rem; font-size: 0.28rem;}
	.newsCenter .main ul li p{ font-size: 0.24rem;}
	
	.newsCenter .list{ padding: 0.6rem 0;}
	.newsCenter .list .box>div{ margin-bottom: 0.3rem;}
	.newsCenter .main .content .f{ flex-wrap:wrap; }
}

/**propertyCooper**/
.propertyCooper .main>div {
    padding: 80px 0 100px;
}

.propertyCooper .main .content {
    width: 90%;
    margin: 0 auto;
}

.propertyCooper .main .second {
    background: #f5f5f5;
}

.propertyCooper .main .title {
    position: relative;
    text-align: center;
    font-size: 48px;
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 70px;
	padding-bottom:30px;
	line-height: 1;
}

.propertyCooper .main .title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 48%;
    width: 4%;
    height: 7%;
    background: #424864;
}

.propertyCooper .first .content>div {
    width: 48%;
}

.propertyCooper .first .content strong {
    margin-bottom: 15px;
}

.propertyCooper .first .content .txt {
    margin-bottom: 50px;
	font-size: 18px;
    color:#666;
}

.propertyCooper .main .content .txt{font-size: 16px;line-height: 32px;color:#666;}
.propertyCooper .main .content p.txt {font-size: 18px;line-height: 40px;color:#666;}

.propertyCooper .second .content>div {
    width: 32%;
    text-align: center;
    background: #fff;
    padding: 30px;
}

.propertyCooper .second .content strong {
    margin: 35px 0 20px 0;
}

.propertyCooper .third .content>div {
    width: 23%;
    background: #f5f5f5;
    text-align: center;
    padding: 20px 0;
}

.propertyCooper .third .content strong {
    color: rgb( 51, 51, 51);
}

.propertyCooper .content strong {
    display: block;
    font-size: 24px;
    margin-top:12px;
}
.propertyCooper .third .content .adv1{
    width: 19%;
}
.propertyCooper .second .content .adv2{
    width: 24%;
}
@media screen and (max-width:1680px) {
    .propertyCooper .first .content strong{ font-size: 26px;}
    .propertyCooper .main .title{ font-size: 42px;}
    .propertyCooper .content strong{margin-top: 0}
    .propertyCooper .first .content .txt{margin-bottom:20px;}
}
@media screen and (max-width:1600px) {
	.propertyCooper .first .content strong{ font-size: 26px;}
	.propertyCooper .main .title{ font-size: 42px;}
    .propertyCooper .content strong{margin-top: 0}
    .propertyCooper .first .content strong{margin-bottom:0;}
    .propertyCooper .first .content .txt{margin-bottom:20px;}
}
@media screen and (max-width:1440px) {
	.propertyCooper .first .content strong{ font-size: 22px;}
	.propertyCooper .main .content .txt{ font-size: 14px;}
	.propertyCooper .main .title{ font-size:36px;}
    .propertyCooper .content strong{margin-top: 0}
    .propertyCooper .first .content strong{margin-bottom:0;}
    .propertyCooper .first .content .txt{margin-bottom:10px;}    
}
@media screen and (max-width:1280px) {
	.propertyCooper .first .content strong{ font-size:18px;}
	.propertyCooper .main .title{ font-size:32px;}
    .propertyCooper .first .content strong{margin-bottom:0;}
    .propertyCooper .first .content .txt{margin-bottom:10px;}    
}

@media screen and (max-width:750px) {
    .propertyCooper .first .content>div,
    .propertyCooper .second .content>div {
        width: 100%;margin-bottom: 20px;
    }
    .propertyCooper .first .content>div:nth-child(2) {
        margin-top: 30px;
    }
    .propertyCooper .content .txt {
        font-size: 21px;
    }
    .propertyCooper.second .content>div {
        margin-bottom: 40px;
    }
    .propertyCooper.third .content>div {
        width: 46%;
        margin-bottom: 40px;
    }
	
	.propertyCooper .main>div{ padding: 0.6rem 0 0.8rem;}
	.propertyCooper .main .title{ font-size: 0.4rem; padding-bottom:10px;margin-bottom: 30px;}
	.propertyCooper .main .title::after{left: 45%;width: 10%;height: 10%;}
	.propertyCooper .first .content strong{ font-size: 0.3rem; margin-bottom: 0.1rem;}
	.propertyCooper .first .content .txt{ font-size: 0.24rem;}
	.propertyCooper .second .content strong{ margin:0.3rem 0 0.2rem 0; font-size: 0.3rem;}
	.propertyCooper .content .txt{ font-size: 0.24rem;}
	.propertyCooper .third .content strong{ font-size: 0.3rem;}
	.propertyCooper .third .content .txt{ margin-bottom: 0;}
	
	.propertyCooper .main .content{ flex-wrap: wrap;}
	.propertyCooper .third .content>div{ width: 100%; margin-bottom: 0.4rem;}
	
}

/**recruit**/
.recruit .pager{ margin:50px 0;}

.recruit .title {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    color: rgb( 66, 72, 100);
    font-weight: bold;
    margin-bottom: 95px;
	margin-top: 100px;
    line-height: 48px;
}

.recruit .title strong {
    position: relative;
}

.recruit .title strong::after {
    content: '';
    background-color: rgb( 66, 72, 100);
    position: absolute;
    bottom: -20px;
    left: 26%;
    width: 50%;
    height: 10%;
}

.recruit .top input,
.recruit .top select {
    height: 58px;
    padding: 0 20px;
    outline: none;
    width: 200px;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    color:#666;
}

.recruit .table {
    margin-top: 16px;
    text-align: center;
}

.recruit .table .thead {
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: "MicrosoftYaHeiUISemibold";
    color: rgb( 255, 255, 255);
    background: #7a7f92;
}

.recruit .table .tbody li {
    line-height: 60px;
    color: #999999;
    border-bottom: 1px solid #f9f9f9;
	font-size: 16px;
}


/* .table #thead th,
.table .thead {
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: "MicrosoftYaHeiUISemibold";
    color: rgb( 255, 255, 255);
    background: #7a7f92;
}

.table #tbody {
    position: relative;
}

.table #tbody td {
    line-height: 50px;
    font-size: 14px;
    font-family: "MicrosoftYaHeiUI";
    color: rgb( 153, 153, 153);
} */

.recruit .detail {
    background: #f5f5f5;
    padding: 50px 6%;
    text-align: left;
    color: #a5a5a5;
}

.recruit .detail strong {
    display: block;
    padding: 40px 0px 20px;
    line-height: 24px;
    font-size: 16px;
    font-family: "MicrosoftYaHeiUISemibold";
    color: rgb( 51, 51, 51);
}
.recruit .detail strong:nth-child(1){
    padding-top: 0px;
}
.recruit .detail p{line-height: 30px;font-size: 15px;}
.recruit .detail .zplist_boxp1{font-size: 18px;color: #000;font-weight: 600;}
.recruit .detail .button {
    font-size: 16px;
    font-family: "MicrosoftYaHeiUI";
    color: rgb( 255, 255, 255);
    border-radius: 4px;
    background-color: rgb( 182, 40, 44);
    border: none;
    margin-top: 37px;
    text-align: center;
    width: 16%;
    cursor: pointer;
}

.recruit .mask {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

.recruit .popup {
    width: 42%;
    margin: 150px auto;
    background: #fff;
    border-radius: 10px;
}

.recruit .popup .pop_title {
    position: relative;
    font-size: 30px;
    background: #7a7f92;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    border-radius: 10px 10px 0 0;
}

.recruit .popup .pop_title span {
    position: absolute;
    right: 50px;
}

.recruit .popup .content {
    padding: 80px 50px;
}

.recruit .popup .content div {
    margin-bottom: 30px;
}

.recruit .popup .content span {
    width: 88px;
    display: inline-block;
    font-size: 18px;
    color: rgb( 0, 0, 24);
    margin-right: 15px;
    text-align: right;
}

.recruit .popup .content span.wid1 {
    width: 72px;
}

.recruit .popup .content input,
.recruit .popup select {
    width: 87%;
    height: 47px;
    font-size: 15px;
    color: rgb( 119, 119, 119);
    line-height: 3;
    border: 1px solid rgb( 219, 219, 219);
    padding-left: 20px;
    outline: none;
}

.recruit .popup select,
.recruit #btn {
    width: 230px;
}

.recruit #btn {
    background: #7a7f92;
}

.recruit .popup button {
    border-radius: 4px;
    color: #fff;
    background-color: rgb( 182, 40, 44);
    border: none;
    width: 33%;
    line-height: 3;
}

.recruit .top input, .recruit .top select{ width: 100%;border:none;}
.recruit .top select{ width: 90%;}
.recruit .top li{ width: 12%;border: 1px solid #dbdbdb;}
.recruit .top .anns{background:#424864;padding: 15px 0; width:8%; text-align: center;}

@media screen and (max-width:1600px) {
    .recruit ul.top {
        /*overflow-x: scroll;*/
    }
}

@media screen and (max-width:1440px) {
	.recruit ul.top{ flex-wrap: wrap; justify-content: left; overflow: overlay;}
	.recruit .top li{ width: 24%; margin-right: 1%; margin-bottom: 10px;}
	.recruit .top .anns{ width:24%;}
}

.recruit .footer .box{ margin: 0 auto; text-align:left; }

@media screen and (max-width:750px) {
    .recruit .popup {
        width: 50%;
    }
    .recruit .popup .pop_title {
        font-size: 17px;
        padding: 15px 0;
    }
    .recruit .popup .content {
        padding: 30px 25px;
    }
    .recruit .popup .content div {
        margin-bottom: 15px;
    }
    .recruit .popup .content span {
        width: 70px;
        font-size: 14px;
    }
    .recruit .popup .content input,
    .recruit .popup select {
        height: 35px;
        font-size: 12px;
    }
    .recruit .popup select,
    .recruit #btn {
        width: 169px;
    }
    .recruit .popup .content span.wid {
        width: 55px;
    }
	
	.recruit .box{ margin: 0.4rem auto; }
	.recruit .title{ font-size: 0.4rem;margin-top: 0.4rem;margin-bottom: 0.6rem;}
	.recruit .top input, .recruit .top select{ padding: 0 10px;}
	.recruit .top select{ width: 98%; margin-right: 2%;}
	
}

/**roomDetail**/

.roomDetail .box {
    padding: 25px 0 100px;
}

.roomDetail p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
	margin-bottom: 8px;
}
.roomDetail .right p{margin-top:.06rem;}
.roomDetail .top {
    padding: 50px;
    background: #fff;
    margin-top: 20px;
}

.roomDetail .top>div {
    width: 49%;
}

.roomDetail .top .left>img {
    width: 100%;
    height: 437px;
}

.roomDetail .top .left .imgList {
    height: 87px;
    margin-top: 15px;
}

.roomDetail .top .left .imgList img {
    width: 164px;
    border: 1px solid #fff;
}

.roomDetail .top .left .imgList img.active {
    border: 1px solid #b6282c;
}

.roomDetail .top .right h1 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    font-weight: bold;
}

.roomDetail .top .right .tags {
    margin-top: 20px;
}

.roomDetail .top .right .tags span {
    padding: 0 10px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 153, 153, 153);
    text-align: justify;
    line-height: 24px;
    display: inline-block;
}
.roomDetail .top .right .tags span:hover{
    background: rgb( 51, 51, 51);
    color: #fff;
    border:1px solid rgb( 51, 51, 51);
}
.roomDetail .top .right .price {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 194, 37, 37);
    margin-top: 18px;
	margin-bottom:22px;
}
.roomDetail .top .right .price strong{ font-size: 36px;}

.roomDetail .top .right .roomInformation {
    padding: 20px 0 30px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.roomDetail .top .right .roomInformation .fypz_ico_list{
    height: auto;
}
.roomDetail .top .right .deploy div,
.roomDetail .middle .left .deploy {
    text-align: center;
}
.roomDetail .top .right .deploy div{text-align: left;}
.roomDetail .top .right .roomInformation .fypz_ico_list{margin-bottom:20px; display:inline-block;width: 100%;text-align: left;}
.roomDetail .top .right .roomInformation .fypz_ico_list div{display:inline-block;margin-top:0;margin-right: 24px;text-align:center;}

.roomDetail .top .right .deploy h3 {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    font-weight: bold;
	margin-bottom:16px;
}

.roomDetail .top .right .deploy img {
    width: 30px;
    /*margin-bottom:15px;*/
}

.roomDetail .top .right .address {
    margin-top: 0px;
	font-size: 16px;
}

.roomDetail .top .right .address img {
    width: 15px;
    margin-right: 10px;
}

.roomDetail .top .right .contactWay {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    padding-top: 15px;
}

.roomDetail .top .right .phone {
    font-size: 26px;
    font-family: "Microsoft YaHei";
    color: rgb( 254, 254, 254);
    font-weight: bold;
    border-radius: 4px;
    background-color: rgb( 20, 28, 62);
    opacity: 0.8;
    padding: 20px 25px;
    margin: 30px 0 0 0;
}

.roomDetail .middle .left {
    width: 70%;
}
.roomDetail .middle .left p{ line-height: 2; }

.roomDetail .middle .left>div:nth-child(-n+3) {
    padding: 50px 55px 60px;
    background: #fff;
    margin-top: 15px;
}

.roomDetail .middle .left strong.title {
    display: block;
    position: relative;
    font-size: 20px;
	line-height: 1;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    padding-left: 15px;
    margin-bottom: 30px;
	text-align: left;
}

.roomDetail .middle .left strong.title::after {
    content: '';
    background-color: rgb( 67, 73, 101);
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
}

.roomDetail .middle .left p.txt {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    line-height: 2;
}

.roomDetail .middle .left .sed_title {
    display: block;
    font-size: 20px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 51, 51, 51);
    margin-top:35px;
}

.roomDetail .middle .left .describe {
    margin-top: 20px;
}
.roomDetail .middle .left .describe .as{ width: 14.2%;}
.roomDetail .middle .left .fjpz .deploy{ justify-content:left; }
.roomDetail .middle .left .fjpz .deploy .dep_d{margin-right:.1rem;}
.roomDetail .middle .left .describe i {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    color: #fff;
    background: #434965;
    border-radius: 50%;
    padding: 0px 5px;
    margin-right: 10px;
}

.roomDetail .middle .left .describe span {
    /* margin-right: 50px; */
	font-size: 18px;
}

.roomDetail .middle .left .deploy div div {
    width: 70px;
    height: 70px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin: auto;
    margin-bottom: 15px;
}

.roomDetail .middle .left .deploy img {
    width: 40px;
}

.roomDetail .middle .left .tabs span {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    margin-right: 50px;
}

.roomDetail .middle .left .tab_active {
    position: relative;
}

.roomDetail .middle .left .tab_active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #c22525;
}

.roomDetail .middle .left #map {
    width: 100%;
    height: 500px;
    margin-top: 25px;
}

.roomDetail .middle .right {
    width: 26%;
    height: auto;
    padding: 40px;
    border: 1px solid rgb(67, 73, 101);
    background: #fff;
    margin: 16px 0 0 32px;
}

.roomDetail .middle .right h1 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    font-weight: bold;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding-bottom: 15px;
    margin: 0 0 20px;
}

.roomDetail .middle .right input {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    border: 1px solid rgb( 200, 200, 200);
    width: 100%;
    line-height: .19rem;
    padding-left: 10px;
}

.roomDetail .middle .right button {
    width: 100%;
    line-height: .28rem;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb( 254, 254, 254);
    background: #434964;
    border-radius: 4px;
    background: rgb( 20, 28, 62, .8);
    margin-top:20px;
}

.roomDetail .middle .right .rule {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    margin-top: 20px;
}
.roomDetail .middle .right .rule a{ color: #434964;}

.roomDetail .list {
    width: 32%;
    background: #fff;
    padding: 15px 15px 30px;
    margin: 15px 0;
}

.roomDetail .list strong {
    font-size: 18px;
    font-family: "Microsoft YaHei";
}
.roomDetail .list .f div strong{
    font-size:20px;
    margin-top: 2px;
}
.roomDetail .list .address {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    margin: 15px 0;
	display: block;
}

.roomDetail .list .address img {
    width: 15px;
    margin-right: 10px;
}

.roomDetail .list .tags span {
    border: 1px solid rgb( 210, 210, 210);
    font-size: 14px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 153, 153, 153);
    margin-right: 7px;
    padding: 0 7px;
    line-height: 24px;
    display: inline-block;    
}
.roomDetail .list .tags span:hover{
    background: #434964;
    border:1px solid #434964;
    color:#fff;
    line-height: 24px;
    display: inline-block;
}
@media screen and (max-width:1600px) {
    .roomDetail .middle .left .describe span {
        margin-right: 25px;
    }
}

@media screen and (max-width:1600px) and (min-width:1280px) {
    .roomDetail .middle .left .describe span {
        margin-right: 10px;
    }
}

@media screen and (max-width:750px) {
    .roomDetail .middle .left {
        width: 100%;
    }
    
}

.roomDetail .top .right .tags span.on{ color: #141c3e; border: 1px solid #141c3e;}
.roomDetail .top .right .deploy h3{ margin-top: 0px; display: block;}
.roomDetail .top .right .address{ margin-top:10px;}
.roomDetail .top .right .address span{margin-top: 4px}
.roomDetail .top .right .phone{ padding:16px 20px;}
.roomDetail .top div.left{ overflow: hidden; width:54%;}
.roomDetail .top div.right{ width: 43%;} 
.roomDetail .top .left .imgs{ height: auto; display: block; width: 100%; }
.roomDetail .top .left .imgList{ height: auto; padding:0 0 10px 0;}
.roomDetail .top .left .imgList img{ width: 100%; display: block; height: auto;}
.roomDetail .top .left .imgList img.active{ border: none;}
.roomDetail .top .left .imgList .swiper-slide-thumb-active img{ border: 1px solid #b6282c;}

.img-responsive{}
.img-responsive .swiper-slide{ height: 465px; overflow: hidden;}
.img-responsive .swiper-slide .imgs{ height: 100%; width: auto;}
.img-responsive .swiper-button-next:after, .img-responsive .swiper-button-prev:after{ display: none;}
.img-responsive .swiper-button-prev,.img-responsive .swiper-button-next{ width: 60px; height: 60px; background-size: 100%; }
.img-responsive .swiper-button-prev{background: url(../images/but_left.png) no-repeat center center;}
.img-responsive .swiper-button-next{background: url(../images/but_right.png) no-repeat center center;}

.roomDetail .middle .left .describe .imgs{ width: 20px; height: 20px; display: inline-block; margin-right: 6px;float: left;}

.roomDetail .middle .left .deploy{ justify-content: left;}

.roomDetail .middle .lists{ margin-top: 30px;}
.roomDetail .middle .lists .kj>div{ height: 340px; border: 1px solid #bfbfbf; }
.roomDetail .middle .left .tabs span{ cursor: pointer;}

.fytj_list{ margin-top: 30px;}
.fytj_list .list .img_w{position: relative;margin-bottom: 30px;}
.fytj_list .list .img_w .tsa{position: absolute;bottom:6px;color: #fff;left: 13px;font-size: 14px;}

@media screen and (max-width:1600px) {
	.roomDetail .top div.left{ width:60%;}
	.roomDetail .top div.right{ width:38%;} 
    .roomDetail .top .right .address{ margin-top: 10px;}
	.roomDetail .img-responsive .swiper-slide{ height: 430px;}
	.roomDetail .top .right .price strong{ font-size: 32px;}
	.roomDetail .top .right .price{ margin: 14px 0 16px;}
	.roomDetail .top .right .roomInformation{ padding: 10px 0;}
	.roomDetail .top .right .deploy img{ margin-bottom: 10px;}
	.fypz_ico_list>div{ margin-bottom:10px;}
	.roomDetail p{ font-size: 14px;}
	.roomDetail .middle .left .describe span{ font-size: 16px;}
	.roomDetail .list strong{ font-size: 16px;}
}
@media screen and (max-width:1440px) {
    #dr_yuyueshijian .dh_tb .form-date .date .input-group-btn .btn{line-height: .13rem;}
	.roomDetail .top div.left{ width:60%;}
	.roomDetail .top div.right{ width:38%;}
    .roomDetail .top .right .address{ margin-top: 0.0rem; font-size: 14px;}
	.roomDetail .img-responsive .swiper-slide{ height:364px;}
	.roomDetail .top .right .price strong{ font-size:26px;}
	.roomDetail .top .right .price{ margin:8px 0 10px;}
	.roomDetail .top .right .deploy img{ width: 30px;}
	.roomDetail .top .right .roomInformation{ padding: 10px 0;}
	.roomDetail .top .right .deploy img{ margin-bottom: 10px;}
	.fypz_ico_list>div{ margin-bottom:10px;}
	.roomDetail p{ font-size: 12px;}
	.roomDetail .middle .left .describe span{ font-size: 16px;}
	.roomDetail .list strong{ font-size: 16px;}
	.roomDetail p{ margin-bottom: 0;}
	.roomDetail .top .right .phone{ padding: 14px 16px;}
}
@media screen and (max-width:1280px) {
	.roomDetail .top{ display: block; }
	.roomDetail .top div.left{ width: 100%;}
	.roomDetail .top div.right{ width: 100%; margin-top:20px;}
	.roomDetail .middle{ display: block; }
	.roomDetail .middle .left{ width: 100%;}
	.roomDetail .middle .right{ width: 100%; margin-left: 0;}
	.roomDetail .middle .right p{ font-size: 16px; margin-bottom: 10px; }
}

@media screen and (max-width:750px) {
	.roomDetail p{ font-size: 0.24rem;}
	.roomDetail .top{ padding: 0.3rem;}
	.roomDetail .top div.left{ width:100%;}
	.roomDetail .top div.right{ width:100%;}
	.roomDetail .img-responsive .swiper-slide{ height: auto;}
	
	.roomDetail .top .right h1{ font-size: 0.32rem;}
	.roomDetail .top .right .tags span{ font-size: 0.24rem;}
	.roomDetail .top .right .price{ font-size: 0.28rem;}
	.roomDetail .top .right .deploy h3{ font-size: 0.28rem;}
	.roomDetail .top .right .deploy img{ width: 0.4rem; margin-bottom: 0.1rem;}
	.roomDetail .top .right .deploy p{ font-size: 0.22rem;}
	.roomDetail .top .right .roomInformation{ padding: 0.2rem 0 0.3rem;}
	.roomDetail .top .right .address{ font-size: 0.24rem;}
	.roomDetail .top .right .contactWay{ font-size: 0.24rem;}
	.roomDetail .top .right .phone{ padding: 0.2rem 0.4rem; font-size: 0.3rem; margin-top: 0.2rem;}
	.roomDetail .top .right .contactWay img{ width: 1.5rem; height: auto;}
	.roomDetail .middle .left>div:nth-child(-n+3){ padding: 0.3rem;}
	
	.roomDetail .middle .left strong.title{ font-size: 0.3rem; margin-bottom: 0.2rem;}
	.roomDetail .middle .left p.txt{ font-size: 0.24rem;}
	.roomDetail .middle .left .describe{ flex-wrap: wrap;}
	.roomDetail .middle .left .describe .as{ margin-bottom: 0.16rem;}
	.roomDetail .middle .left .describe span{ font-size: 0.22rem;}
	.roomDetail .middle .left .describe .imgs{ margin-right: 0.06rem;}
	
	.roomDetail .middle .left .deploy>div{ margin: 0 0.1rem;}
	
	.roomDetail .middle .lists .kj>div{ height:3rem; border: 1px solid #bfbfbf; }
	
	.roomDetail .fytj_list .list{ width: 100%;}
	.roomDetail .fytj_list .list .img-responsive{ width: 100%; }
	.roomDetail .fytj_list .list .img_w{ margin-bottom:0.25rem;}
	.roomDetail .fytj_list .list .img_w .tsa{ left:0.2rem;font-size:0.22rem;}
	.roomDetail .list strong{ font-size: 0.28rem;}
	.roomDetail .list .address{ font-size: 0.24rem;}
	.roomDetail .list .tags span{ font-size: 0.22rem;}
	.roomDetail .middle .right{ width: 100%; margin-left: 0; height: auto; padding: 0.4rem;}
	.roomDetail .middle .right h1{ font-size: 0.3rem;}
	.roomDetail .middle .right input{ font-size: 0.22rem; margin-bottom: 0.2rem;}
	.roomDetail .middle .right button{ margin-top: 0.4rem;}
	
	.roomDetail .box{ padding: 0.3rem 0 0.6rem;}
	.roomDetail .middle .right .rule{ font-size: 0.22rem;}
	
	.fytj_list .f{ display: block;}
	.roomDetail .middle .left .fjpz .deploy{ flex-wrap: wrap;}
	.roomDetail .middle .left .describe .as{ width: 25%;}
	.lis_wz{ padding: 0 3%;}
}

/***service***/
.service .top h1,
.service .title {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    color: rgb( 66, 72, 100);
    font-weight: bold;
    text-align: center;
    padding-bottom:12px;
	line-height: 1;
}

.service .title {
    position: relative;
}

.service .title::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: rgb( 66, 72, 100);
    position: absolute;
    left: 50%;
    bottom: -20px;
}

.service .main {
    margin-top: 50px;
}

.service .solution .title,
.service .case .title {
    margin-top: 90px;
}

.service .solution .main {
    background: url('../images/2_2.jpg');
    background-size: cover;
    margin-top: 60px;
    width: 100%;
    /* height: 647px; */
    padding: 100px 160px;
}

.service .solution .main .tabs {
    width: 20%;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 192, 200, 237);
    padding: 40px 0 100px;
    background: #353b5a;
}

.service .solution .main .tabs li {
    padding-left: 50px;
    line-height: 60px;
    position: relative;
    cursor: pointer;
}

.service .solution .main .tab_active {
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255);
    background: #3f4462;
    font-weight: bold;
}

.service .solution .main .tab_active::after {
    content: '';
    width: 4px;
    height: 61px;
    background-color: rgb( 182, 40, 44);
    position: absolute;
    left: 0;
}

.service .solution .main .content {
    margin-left: 8%;
    width: 72%;
    color: #fff;
}

.service .solution .main .content div strong {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 255, 255, 255);
    font-weight: bold;
}

.service .solution .main .content div .describe {
    margin-top: 50px;
}

.service .solution .main .content div p:nth-child(1) {
    font-size: 18px;
	/*margin-bottom: 30px;*/
}

.service .solution .main .content div p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
	line-height: 2;
}
.service .solution .main .content div .fens{ display: block; font-size: 16px; line-height: 2; }
.service .solution .main .content div .fens em{ margin-right: 60px;}

.service .solution .main .content div .more {
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 16px;
    font-family: "SourceHanSansSC";
    padding: 10px 20px;
    background: none;
    margin-top: 60px;
	color: #FFFFFF;
}

.service .solution .main .content div .more span {
    font-size: 12px;
    font-family: "SimSun";
    color: rgb( 66, 72, 100);
    background: #fff;
    border-radius: 50%;
    padding: 3px 6px;
    margin-left: 10px;
}

.service .middle {
    background: #f5f5f5;
    padding: 55px 0;
}

.service .middle .box>div {
    width: 31%;
    background: #fff;
    padding: 20px 20px 40px;
}

.service .middle strong {
    display: block;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    text-align: center;
    margin: 30px 0 13px;
}

.service .middle p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
}
.service .middle .box .tit,.service .middle .box p{text-align:left;}
.service .case {
    margin-bottom: 90px;
}

.service .case p {
    font-size: 20px;
    font-family: "MicrosoftYaHeiSemibold";
    color: rgb( 51, 51, 51);
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}

@media screen and (max-width:1280px) {
    
}

@media screen and (max-width:750px) {
    .service .solution .main {
        padding: 100px 80px;
    }
    .service .solution .main .tabs {
        width: 250px;
        font-size: 16px;
        padding: 40px 0 100px;
    }
    .service .solution .main .content {
        margin-left: 42px;
        width: 50%;
    }
    .service .solution .main .content div p {
        line-height: 2;
    }
    .service .middle .box>div {
        width: 100%;
        margin-bottom: 30px;
        padding: 40px;
    }
    .service .middle img {
        margin: auto;
    }
    .service .middle strong {
        font-size: 35px;
    }
    .service .middle p {
        font-size: 22px;
    }
	.service .top h1, .service .title{ font-size: 0.3rem; }
}
.service .title::after{ margin-left: -30px;}

.service .case .main{justify-content: space-between }
.service .case .main>div{ width:18.4%; margin:0 0.5%;}

@media screen and (max-width:1600px) {
	.service .top h1, .service .title{ font-size:38px;}
}
@media screen and (max-width:1440px) {
	.service .solution .main .content div p:nth-child(1){ font-size: 16px;}
	.service .top h1, .service .title{ font-size:32px;}
}
@media screen and (max-width:1280px) {
	.service .top h1, .service .title{ font-size:26px;}
	.service .case .main>div{ width:18.4%; margin:0 0.5%;}
}

@media screen and (max-width:750px) {
	.service .solution .title, .service .case .title{ margin-top: 0.8rem; }
	.service .solution .main{ padding: 0.5rem 0.2rem; }
	.service .solution .main .tabs li{ font-size: 0.24rem; padding-left: 0.2rem; padding-right: 0.3rem;}
	.service .solution .main .tabs{ width: auto; padding: 0.2rem 0 0.4rem;}
	.service .solution .main .content{ margin-left: 0.3rem;}
	.service .solution .main .content div .describe{ margin-top: 0.2rem; }
	.service .solution .main .content div strong{ font-size: 0.3rem;}
	.service .solution .main .content div p:nth-child(1){ font-size: 0.24rem;}
	.service .solution .main .content div p{ font-size: 0.20rem;}
	.service .solution .main .content div .more{ margin-top: 0.3rem; font-size: 0.22rem; padding: 0 0.3rem; line-height: 0.5rem; border-radius: 0.5rem; }
	
	.service .case .main>div{ width:47%; margin-bottom: 0.3rem;}
	/*.service .case .main>div img{ width: 100%;}*/
	.service .case .main>div p{ font-size: 0.24rem;}
	.service .case .main .main_div p.tit{font-size:14px;}
	.service .case .main .main_div p img{max-width:100%;}
	
	.service .case{ margin-bottom: 0.2rem;}
	.service .middle p{ font-size: 0.26rem;}
	
	.service .middle .box>div{ padding: 0.3rem;}
	.service .middle strong{ font-size: 0.3rem; }
	.service .case .main{ flex-wrap: wrap;}
}

/**service2**/

.service2 .banner button {
    border-radius: 26px;
    background-color: rgb( 182, 40, 44);
    border: none;
    padding: 10px 20px;
    margin-top: 70px;
	color: #FFFFFF;
}

.service2 .banner button span {
    color: rgb( 182, 40, 44);
    background: #fff;
    border-radius: 50%;
    padding: 0 3px;
    margin-left: 5px;
	font-family: SimSun;
}

.service2 .top {
    margin-top: 80px;
}

.service2 .top .carousel {
    height: 600px;
    margin: 70px 0;
}

.service2 .carousel .carousel-inner,
.service2 .carousel .item {
    height: 100%;
}


.service2 .top .mask {
    width: 49%;
    height: 100%;
    padding: 70px 60px;
    color: #fff;
    font-size: 19px;
    background-color: rgb( 20, 28, 62, .5);
    position: absolute;
    top: 0;
    left: 140px;
	font-size: 16px;
	line-height: 2;
}

.service2 .top .mask .describe {
    margin: 18px 0;
}


@media screen and (max-width:1280px) {
    .service2 .top .carousel {
        height: 500px;
    }
    .service2 .top .mask {
        font-size: 14px;
        padding: 46px 60px;
    }
}

@media screen and (max-width:750px) {
    .service2 .banner button {
        margin-top: 45px;
    }
    .service2 .top .carousel {
        height: 400px;
    }
    .service2 .top .mask {
        width: 57%;
        font-size: 18px;
        padding: 24px 30px;
    }
    .service2 .top .mask h1 {
        font-size: 30px;
    }
    .service2 .top .mask .describe {
        margin: 30px 0;
    }
}
.service2 .top .carousel{ height: auto;}
.service2 .carousel_js .swiper-button-next, .service2 .carousel_js .swiper-button-prev{ width: 62px; height: 62px;}
.service2 .carousel_js .swiper-button-next span, .service2 .carousel_js .swiper-button-prev span{ display: none;}
.service2 .carousel_js .swiper-button-next:after, .service2 .carousel_js .swiper-button-prev:after{ display: none;}
.service2 .carousel_js .swiper-button-next{ background: url(../images/but_right.png) no-repeat center center;}
.service2 .carousel_js .swiper-button-prev{ background: url(../images/but_left.png) no-repeat center center;}
.service2 .carousel_js .img-responsive{ width: 100%; display: block;}
.service2 .carousel_js .swiper-slide{ overflow: hidden;}
@media screen and (max-width:1440px) {
	.service2 .top .mask{ padding:40px 30px;}
	.service2 .top h1,.service2 .title{ font-size: 34px;}
	.service2 .top .mask .describe{ margin: 30px 0;}
}
@media screen and (max-width:750px) {
	
	.service2 .top{ margin-top: 0.4rem;}
	
	.service2 .top h1, .service2 .title{ font-size: 0.4rem;}
	.service2 .top .carousel{ margin: 0.4rem 0;}
	
	.service2 .top .mask h1{ font-size: 0.3rem;}
	.service2 .top .mask .text_o{ display: none;}
	.service2 .top .mask .describe{ display: block;}
	
	.service2 .middle strong{ font-size: 0.3rem;}
	.service2 .middle p{ font-size: 0.24rem;}
	
	.service2 .carousel .item { height: 4rem;}
	.service2 .carousel .item .img-responsive{ height: 4rem; width: auto;}
	.service .middle .f{ flex-wrap: wrap;}
	
}

/**service6**/
.service6 .middle {
    text-align: center;
}

.service6 .middle>p {
    width: 85%;
    margin: 50px auto;
}

.service6 .middle img {
    margin: auto;
}
.service6.service .middle p{ line-height: 2;}

/***serviceDetail**/

.serviceDetail .content .box>p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb( 102, 102, 102);
    margin: 30px 0 80px;
}

.serviceDetail .content .box>p span {
    color: #b6282c;
}

.serviceDetail .content .top h1 {
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb( 51, 51, 51);
    font-weight: bold;
}

.serviceDetail .content .top {
    border-bottom: 2px solid rgb( 234, 234, 234);
    padding-bottom: 20px;
    margin-bottom: 55px;
    font-size: 16px;
    color: rgb( 51, 51, 51);
}

.serviceDetail .content .top div {
    text-align: center;
    margin-top: 50px;
}

.serviceDetail .content .top span {
    margin-right: 40px;
}

.serviceDetail .content .top img {
    width: 20px;
    margin-right: 5px;
}

.serviceDetail .content ul,.carousel_c{
    width: 50%;
}

.serviceDetail .content ul {
    background: #fcfcfc;
    padding: 50px 85px 80px 75px;
}

.serviceDetail .content ul li {
    line-height: 48px;
}

.serviceDetail .content ul strong {
    font-size: 20px;
}

.serviceDetail .content ul span {
    font-size: 18px;
}

.serviceDetail .case {
    text-align: center;
}

.serviceDetail .case .title {
    font-size: 24px;
    font-family: "MicrosoftYaHeiSemibold";
    font-weight: 500;
    color: rgb( 51, 51, 51);
    border-bottom: 1px solid rgb( 234, 234, 234);
    padding-bottom: 20px;
}

.serviceDetail .case .title:after {
    width: 90px;
    height: 3px;
    left: 50%;
    bottom: -2px;
	margin-left: -45px;
}

.serviceDetail .case .main>div {
    margin-bottom: 30px;
}

.serviceDetail .case span {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb( 153, 153, 153);
    margin-top: 10px;
    display: inline-block;
}

@media screen and (max-width:1280px) {
    .serviceDetail .content ul li {
        line-height: 40px;
    }
    .serviceDetail .content ul strong {
        font-size: 17px;
    }
    .serviceDetail .content ul span {
        font-size: 15px;
    }
}

.serviceDetail .carousel_js .swiper-button-next, .serviceDetail .carousel_js .swiper-button-prev{ width: 62px; height: 62px;}
.serviceDetail .carousel_js .swiper-button-next span, .serviceDetail .carousel_js .swiper-button-prev span{ display: none;}
.serviceDetail .carousel_js .swiper-button-next:after, .serviceDetail .carousel_js .swiper-button-prev:after{ display: none;}
.serviceDetail .carousel_js .swiper-button-next{ background: url(../images/but_right.png) no-repeat center center;}
.serviceDetail .carousel_js .swiper-button-prev{ background: url(../images/but_left.png) no-repeat center center;}
.serviceDetail .carousel_js .img-responsive{ width: 100%; display: block;}
.serviceDetail .carousel_js .swiper-slide{ overflow: hidden;}

@media screen and (max-width:1280px) {
	.service .case .main div p{ font-size: 16px;}
	.serviceDetail .case .title{ margin-top: 0;}
}

@media screen and (max-width:750px) {
    .serviceDetail .content ul,
    .carousel {
        width: 100%;
    }
    .serviceDetail .content ul strong {
        font-size: 25px;
    }
    .serviceDetail .content ul span {
        font-size: 22px;
    }
    .serviceDetail .content ul li {
        line-height: 48px;
    }
	
	.serviceDetail .content .box>p{ font-size: 0.26rem; margin-bottom: 0.5rem;}
	.serviceDetail .content .top h1{ font-size: 0.4rem;}
	.serviceDetail .content .top div{ font-size: 0.22rem; margin-top: 0.3rem;}
	.serviceDetail .content .top{ margin-bottom: 0.3rem; font-size: 0.24rem;}
	.serviceDetail .content ul{ padding: 0.3rem;}
	.serviceDetail .content ul li{ font-size: 0.26rem;}
	.serviceDetail .case span{ font-size: 0.22rem;}
	
	.serviceDetail .content_ws{display: block;}
	.serviceDetail.service .case{ margin-top: 0.6rem;}
	.service .case .main div p{ font-size:0.26rem;}
	
	.developHistory .third .lists.jxry_lists>div:nth-child(9){ display: inline-block; }
	.developHistory .third .lists.jxry_lists>div:nth-child(10){ display: inline-block;}
	
}