@font-face {
    font-family: "Montserrat-Light";
    src: url("../font/Montserrat-Light.woff2") format("woff2"), url("../font/Montserrat-Light.woff") format("woff"), url("../font/Montserrat-Light.ttf") format("truetype"), url("../font/Montserrat-Light.eot") format("embedded-opentype"), url("../font/Montserrat-Light.svg") format("svg")
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../font/Montserrat-Bold.woff2") format("woff2"), url("../font/Montserrat-Bold.woff") format("woff"), url("../font/Montserrat-Bold.ttf") format("truetype"), url("../font/Montserrat-Bold.eot") format("embedded-opentype"), url("../font/Montserrat-Bold.svg") format("svg")
}

@font-face {
    font-family: 'PEOBIV_LL25TKBPQVI_A2W.WOFF2';
    src: url('../font/PEOBIV_LL25TKBPQVI_A2W.WOFF2.TTF');
}

html,
body {
    font-size: 0.14rem;
    color: #000000;
    width: 100%;
    /* height: 100%; */
    position: relative;
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}

.headbox_lxa .icon-yijin02-dianhuagoutong:before {
    content: "\260f";
    font-size: 0.24rem;
    text-align: center;
    color: #fff;
}
/* 导航条 */
.iconfanhui1:before {
    content: "\21bb";
}
.nymbxbox {
    height: 0.71rem;
    display: flex;
    align-items: center;
    line-height: 0.7rem;
}

.nymbxbox_l {
    width: 87%;
    display: flex;
    overflow: auto;
}

.nymbxbox_l .iconweizhi {
    font-size: 0.24rem;
    color: #9c9d9e;
}

.nymbxbox_l span {
    font-size: 0.18rem;
    color: #999999;
    margin: 0 0.05rem;
    flex-shrink: 0;
}

.nymbxbox_l a {
    font-size: 0.18rem;
    color: #999999;
    padding: 0 0.08rem;
    flex-shrink: 0;
}
.nymbxbox_l a:hover{
    color: #103b8a;
}

.nymbxbox_l i {
    margin-top: 0.02rem;
    font-size: 0.14rem;
    color: #999999;
}

.nymbxbox_r {
    width: 13%;
}


.nymbxbox_r .nymbxbox_rfh {
    display: block;
    height: 0.42rem;
    background-color: #e9e9e9;
    line-height: 0.42rem;
    text-align: center;
}

.nymbxbox_rfh i {
    font-size: 0.20rem;
    /* color: #111111; */
    margin-right: 10px;
}

.nymbxbox_rfh span {
    font-size: 0.15rem;
    /* color: #222333; */
   
}

.nymbxbox_r .nymbxbox_rfh:hover {
    background-color: #103b8a;
    color: #fff;
}

/* end */


/* 产品内容 */
.introduce_img_list{
    padding: 0.3rem;
    border: 1px dashed #e1e1e1;
    border-radius: 0.1rem;
    margin: 0.2rem 0;
}
/* end */


.box1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.nav_hide_meum2 .box1 {
    border-top: 1px solid #b8b8b8;
}

.nav_hide_meum2 .box1:first-of-type {
    border: none;
}
.nav_hide_meum2 .box1 i {
    width: 0.50rem;
    height: 0.50rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
}

.nav_hide_meum2 .box1:nth-of-type(1) i {
    background: url(../picture/icon_sycp1.jpg) no-repeat center center;
    background-size: 100%;
}

.nav_hide_meum2 .box1:nth-of-type(2) i {
    background: url(../picture/icon_sycp2.jpg) no-repeat center center;
    background-size: 100%;
}

.nav_hide_meum2 .box1:nth-of-type(3) i {
    background: url(../picture/icon_sycp3.jpg) no-repeat center center;
    background-size: 100%;
}


* {
    margin: 0;
    padding: 0;
}

.swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    outline: none;
}

.w {
    margin: 0 7.9612%;
}

.anchor {
    display: block;
    height: 1rem;
    margin-top: -1rem;
    visibility: hidden;
}


/* 导航??? */

.header {
    width: 100%;
    z-index: 999;
    transition: all 0.3s;
    background: #fff;
}

.fixedheader {
    position: fixed;
    box-shadow: 0px 3px 3px rgb(44 44 44 / 30%);
    background-color: #FFFFFF;
    top: 0rem;
    transition: all 0.3s;
}

.topnav .w {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topnav .logo img {
    /* width: 1.4rem; */
    height: 0.52rem;
}

.header .logo_green {
    display: none;
}

.header .logo_white {
    display: block;
}

.fixedheader .logo_green {
    display: block;
}

.fixedheader .logo_white {
    display: none;
}

.menu_btn {
    display: flex;
    align-items: flex-start;
}

.header .nav-menu {
    color: #FFFFFF;
    margin-right: 0;
    font-size: 0.18rem;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-family: "Montserrat-Bold", '??????雅黑';
    margin-right: 0.1rem;
}

.header .nav-menu {
    margin-right: 0;
    font-size: 0.18rem;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-family: "Montserrat-Bold", '??????雅黑';
    margin-right: 0.1rem;
    color: #333;
}

.menu_box .nav-menu {
    font-weight: 600;
}

.menu_btn #menu_trigger_button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transform: all 3s linear 3s;
    -moz-transform: all 3s linear 3s;
    -ms-transform: all 3s linear 3s;
    -o-transform: all 3s linear 3s;
    transform: all 3s linear 3s;
    z-index: 100 !important;
}

.menu_btn #menu_trigger_button.active,
.menu_btn #menu_trigger_button.hidden {
    opacity: 1;
    visibility: visible;
}

.menu_btn #menu_trigger_button.active {
    margin-top: 0;
}

.menu_btn #menu_trigger_button>span {
    position: absolute;
    display: block;
    /* margin-left: auto; */
    margin-right: auto;
    height: 2px;
    background-color: #333;
    z-index: 2;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

#menu_trigger_button span.line_1 {
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    width: 0.2rem;
}

#menu_trigger_button span.line_2 {
    margin-top: 0.08rem;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    width: 0.15rem;
    margin-left: 0.05rem;
}

#menu_trigger_button span.line_3 {
    margin-top: 0.16rem;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    width: 0.2rem;
}

#menu_trigger_button:hover span.line_1 {
    width: 0.15rem;
    margin-left: 0.05rem;
}

#menu_trigger_button:hover span.line_2 {
    width: 0.2rem;
    margin-left: 0;
}

#menu_trigger_button:hover span.line_3 {
    width: 0.15rem;
    margin-left: 0.05rem;
}

#menu_trigger_button.active {
    visibility: visible !important;
}

#menu_trigger_button.active span.line_1 {
    margin-top: 0.1rem;
    height: 0.02rem;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#menu_trigger_button.active span.line_3 {
    margin-top: 0.1rem;
    height: 0.02rem;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu_trigger_button.active span.line_2 {
    -webkit-transition: .2s all linear 0s;
    -moz-transition: .2s all linear 0s;
    -ms-transition: .2s all linear 0s;
    -o-transition: .2s all linear 0s;
    transition: .2s all linear 0s;
    width: 0;
    left: 50%;
}

#menu_trigger_button.invert {
    box-shadow: 0 0 24px 11px #FFFFFF;
    -webkit-box-shadow: 0 0 24px 11px #FFFFFF;
    -moz-box-shadow: 0 0 24px 11px #FFFFFF;
    -o-box-shadow: 0 0 24px 11px #FFFFFF;
    -ms-box-shadow: 0 0 24px 11px #FFFFFF;
}

#menu_trigger_button.invert.clicked {
    box-shadow: 0 0 24px 11px #FFFFFF;
    -webkit-box-shadow: 0 0 24px 11px #FFFFFF;
    -moz-box-shadow: 0 0 24px 11px #FFFFFF;
    -o-box-shadow: 0 0 24px 11px #FFFFFF;
    -ms-box-shadow: 0 0 24px 11px #FFFFFF;
}


/*菜单展开*/

.menu_box {
    width: 100%;
    height: 100%;
    background: url(../image/menu_bg.jpg)no-repeat center center;
    background-size: cover;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

#menu_container .menu_btn {
    margin: 0.46rem 1.53rem;
}

.menu_box.open {
    left: 0;
}

.contant {
    margin: 1.28rem 7.9612%;
}

.menu_box nav.pc_meum {
    position: relative;
}

.menu_box nav li {
    width: 100%;
    margin-bottom: 0.28rem;
    box-sizing: border-box;
}

.search_link .search_icon img {
    width: 0.22rem;
    height: 0.22rem;
    position: relative;
    left: 0.15rem;
}

.search_link .search {
    border: 1px solid #FFFFFF;
    padding: 0.2rem 0.07rem;
}

.search_box {
    margin-left: 0.44rem;
    position: relative;
    font-size: 0.16rem;
    opacity: .7;
    font-family: "Montserrat-Light", '??????雅黑';
}

.search_box:before {
    display: block;
    content: "";
    width: 0.01rem;
    height: 0.31rem;
    background-color: #FFFFFF;
    position: absolute;
    margin-top: -0.05rem;
    left: -0.13rem;
}

.search_box form input {
    background-color: transparent;
}

.search_box form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #FFFFFF;
}

.search_box form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FFFFFF;
}

.search_box form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFFFFF;
}

.search_box form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FFFFFF;
}

.link {
    color: #FFFFFF;
    margin-top: 75%;
}

.link dt {
    font-size: 0.16rem;
    line-height: 50px;
}

.link .top .tel {
    font-size: 0.36rem;
    margin-bottom: 0.33rem;
    font-family: "Montserrat-Bold";
}

.link .top {
    margin-bottom: 1rem;
}

.link .bottom .center_ul li {
    margin-right: 0.38rem;
}

.link .bottom .center_ul li:nth-of-type(4) {
    margin-right: 0;
}

.menu_box nav li>a {
    width: 100%;
    font-size: 0.25rem;
    color: #fff;
    line-height: 0.25rem;
    opacity: 0;
    -webkit-transition: all .7s linear 0.7s;
    -moz-transition: all .7s linear 0.7s;
    -ms-transition: all .7s linear 0.7s;
    -o-transition: all .7s linear 0.7s;
    transition: all .7s linear 0.7s;
    font-weight: bold;
}

.menu_box nav .hide_meum>dd {
    opacity: 0;
    -webkit-transition: all .9s linear 1.2s;
    -moz-transition: all .9s linear 1.2s;
    -ms-transition: all .9s linear 1.2s;
    -o-transition: all .9s linear 1.2s;
    transition: all .9s linear 1.2s;
    margin-right: 0.48rem;
}

.menu_box nav .hide_meum>dd a {
    color: rgba(255, 255, 255, 0.65);
    line-height: 0.5rem;
    font-size: 0.16rem;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu_box.open nav li>a,
.menu_box.open nav .hide_meum>dd {
    opacity: 1;
}

.menu_box nav .hide_meum>dd a:hover {
    color: rgba(255, 255, 255, 1);
}

.menu_box nav .nav_b {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
}

.menu_box nav .nav_b a {
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.6);
    padding-right: 0.15rem;
}

.menu_box nav .nav_b a:hover {
    color: rgba(255, 255, 255, 1);
}

.nav {}

.nav_ul {
    /* margin-left: 381px; */
}

.header .nav .nav_ul>li {
    float: left;
    color: #333;
    font-size: 0.18rem;
    line-height: 76px;
    position: relative;
}

.fixedheader .nav .nav_ul>li {
    color: #333;
}

.fixedheader .menu_btn #menu_trigger_button>span {
    background-color: #333;
}

.fixedheader .nav-menu {
    color: #333;
    opacity: .8;
}

.nav .nav_ul>li>a {
    position: relative;
    padding: 0 0.3rem;
}

.nav .nav_ul>li>a:after {
    position: absolute;
    bottom: 0.18rem;
    left: 0;
    width: 0;
    display: block;
    height: 0.02rem;
    content: "";
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
}

.header .nav .nav_ul li:hover a:after {
    width: 100%;
    background-color: #103b8a;
}

.fixedheader .nav .nav_ul li:hover a:after {
    width: 100%;
    background-color: #333;
}

.w1 {
    margin: 0 22%;
    width: 20rem;
}

.header .bottomnav {
    border-top: 1px solid rgba(0, 0, 0, .16);
    border-bottom: 1px solid rgba(0, 0, 0, .16);
}

.fixedheader .bottomnav {
    border-top: 1px solid rgba(0, 0, 0, .16);
    border-bottom: 1px solid rgba(0, 0, 0, .16);
}

.bottomnav_ul {
    justify-content: space-between;
    position: relative;
    margin-left: 31%;
    width: 13rem;
}

.bottomnav_ul li {
    font-size: 0.16rem;
    line-height: 40px;
    max-width: 100%;
}

.header .bottomnav_ul li {
    color: #103b8a;
}

.fixedheader .bottomnav_ul li {
    color: #103b8a;
}

.bottomnav_ul li a {
    position: relative;
}

.header .bottomnav_ul li:hover {
    color: #103b8a;
}

.fixedheader .bottomnav_ul li:hover {
    color: #333;
}

.bottomnav_ul li span {
    line-height: 0.52rem;
}

.bottomnav_ul li i {
    width: 0.17rem;
    height: 0.17rem;
    margin-right: 0.1rem;
}

.header .bottomnav_ul li:nth-of-type(1) i {
    background: url(../image/icon1_2.png) no-repeat center center;
}

.header .bottomnav_ul li:nth-of-type(2) i {
    background: url(../image/icon2_2.png) no-repeat center center;
}

.header .bottomnav_ul li:nth-of-type(3) i {
    background: url(../image/icon3_2.png) no-repeat center center;
}

.header .bottomnav_ul li:nth-of-type(4) i {
    background: url(../image/icon4_2.png) no-repeat center center;
}

.header .bottomnav_ul li:nth-of-type(5) i {
    background: url(../image/icon5_2.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(1) i {
    background: url(../image/icon1_2.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(2) i {
    background: url(../image/icon2_2.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(3) i {
    background: url(../image/icon3_2.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(4) i {
    background: url(../image/icon4_2.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(5) i {
    background: url(../image/icon5_2.png) no-repeat center center;
}




.fixedheader .bottomnav_ul li:nth-of-type(1):hover i {
    background: url(../image/icon1_3.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(2):hover i {
    background: url(../image/icon2_3.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(3):hover i {
    background: url(../image/icon3_3.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(4):hover i {
    background: url(../image/icon4_3.png) no-repeat center center;
}

.fixedheader .bottomnav_ul li:nth-of-type(5):hover i {
    background: url(../image/icon5_3.png) no-repeat center center;
}


/*鼠标移入下拉 */

.nav_hide_meum {
    position: absolute;
    width: 1.5rem;
    background: rgba(255, 255, 255, .95);
    padding: 0;
    /* 	top: 0.65rem; */
    top: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.03rem;
    display: none;
    font-size: 0.16rem;
    z-index: 997;
    box-shadow: 0px 3px 3px rgb(44 44 44 / 30%);
    /*  */
}

.nav_hide_meum>a {
    height: 0.45rem;
    line-height: 0.45rem;
    display: block;
    margin-right: 0;
    color: #555;
    border-bottom: 1px solid #f3f3f3;
    -webkit-transition: color 0.5s cubic-bezier(0.34, 0.62, 0.4, 0.99);
    transition: color 0.5s cubic-bezier(0.34, 0.62, 0.4, 0.99);
    text-align: center;
    position: relative;
    z-index: 2;
}

.nav_hide_meum>a:hover {
    background: #103b8a;
    color: #fff;
    transition: .4s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.nav_hide_meum:after {
    content: "";
    position: absolute;
    top: -0.15rem;
    left: calc(50% - 0.04rem);
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: rgba(255, 255, 255, .9);
    /*  -webkit-filter: blur(1px);
    filter: blur(1px); */
    z-index: 1;
}

.bottomnav_ul_bg {
    position: absolute;
    width: 500%;
    background-color: #ddd;
    opacity: 1;
    top: 100%;
    z-index: 2;
    padding: 0.37rem 0 0.37rem;
    overflow: hidden;
    display: none;
}

li:nth-of-type(1) .bottomnav_ul_bg {
    margin-left: -104%;
}

li:nth-of-type(2) .bottomnav_ul_bg {
    margin-left: -135%;
}

li:nth-of-type(3) .bottomnav_ul_bg {
    margin-left: -165%;
}

li:nth-of-type(4) .bottomnav_ul_bg {
    margin-left: -196%;
}

li:nth-of-type(5) .bottomnav_ul_bg {
    margin-left: -196%;
}

.bottomnav_hide_meum {
    /* position: absolute; */
    font-size: 0.17rem;
    z-index: 3;
    width: 100%;
    left: 0;
    margin-left: 21%;
    width: 10.47rem;
    /* display: none; */
}

.bottomnav_hide_img {
    width: 20%;
    /*  padding: 24px 0; */
}

.bottomnav_hide_img img {
    /*  height: 100%; */
    width: 2.46rem;
    height: 1.62rem;
}

.bottomnav_hide_a {
    width: 75%;
    box-sizing: border-box;
    margin-top: -0.19rem;
}

.bottomnav_hide_a a {
    float: left;
    width: 25%;
    color: #212121;
    font-size: 0.16rem;
    line-height: 0.27rem;
    margin-top: 0.19rem;
}

.bottomnav_hide_a a:after {
    display: block;
    content: "";
    width: 90%;
    height: 0.01rem;
    background-color: #ccc;
}

.bottomnav_hide_a a:hover {
    color: #103b8a;
}

.bottomnav_hide_a a:hover:after {
    background-color: #103b8a;
}


/* banner */

.banner {
    position: relative;
    height: calc(100vh - 75px);
}

.banner .banner_img {
    position: relative;
    width: 100%;
}

.banner_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .2);
}

.banner .banner_img img {
    width: 100%;
    height: 100%;
}

.banner .banner_text {
    position: absolute;
    top: 39%;
    /* top: 50%; */
    color: #FFFFFF;
    font-weight: 800;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transition: translateX(-50%);
    -o-transition: translateX(-50%);
    -ms-transition: translateX(-50%);
    z-index: 2;
}

.banner .banner_text h6 {
    font-size: 0.18rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.75rem;
    font-family: "Montserrat-Bold", '??????雅黑';
}

.banner .banner_text h1 {
    font-size: 0.6rem;
    text-align: center;
    font-weight: bolder;
    font-family: "Montserrat-Light", '??????雅黑';
}

.banner .banner_text .vr {
    margin-top: 0.31rem;
    text-align: center;
}

.banner .banner_text .vr h3 {
    font-size: 0.17rem;
    font-weight: bolder;
    line-height: 0.65rem;
}

.banner .banner_text .vr i {
    width: 0.52rem;
    height: 0.52rem;
    background: url(../image/vr.png) no-repeat center center;
    background-size: 100%;
}

.banner .banner_text .vr a:hover i {
    background: url(../image/vr_1.png) no-repeat center center;
}

.down1 {
    position: absolute;
    width: 0.25rem;
    height: 0.43rem;
    background: url(../image/down.png) no-repeat center center;
    left: 50%;
    bottom: 0.60rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 94;
    background-size: 100% 100% !important;
}

video {
    width: 100%;
    height: 100%;
}


/*2023-4-5-gxw*/

.banner_swiper {
    width: 100%;
    height: 100%;
}

.banner_swiper li {
    width: 100%;
    height: 100%;
}

.banner_swiper .banner_slide_img {
    width: 100%;
    height: 100%;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 4s;
    -moz-transition: all 4s;
    -o-transition: all 4s;
    transition: all 4s;
}

.banner_swiper .swiper-slide-active .banner_slide_img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.swiper-button-prev-banner:after,
.swiper-button-next-banner:after {
    display: none;
}

.next1,
.prev1 {
    position: static;
    width: 50px;
    height: 50px;
    -o-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    outline: none;
    margin: 0;
}

.prev1 {
    background: url(../image/case_prev.png) no-repeat center center;
}

.prev1:after,
.next1:after {
    display: none;
}

.next1 {
    margin-left: 30px;
    background: url(../image/case_next.png) no-repeat center center;
}

.prev1:hover {
    background: url(../image/case_prev_1.png) no-repeat center center;
}

.next1:hover {
    background: url(../image/case_next_1.png) no-repeat center center;
}

.prev2,
.next2 {
    width: 50px;
    height: 50px;
    -o-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    outline: none;
    margin: 0;
}

.prev2 {
    left: -50px;
}

.next2 {
    right: -50px;
}

.prev2:after,
.next2:after {
    display: none;
}

.prev2 {
    background: url(../image/prev2.png) no-repeat center center;
}

.next2 {
    margin-left: 30px;
    background: url(../image/next2.png) no-repeat center center;
}

.prev2:hover {
    background: url(../image/prev2_hover.png) no-repeat center center;
}

.next2:hover {
    background: url(../image/next2_hover.png) no-repeat center center;
}

.banner .action {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 100%;
}

.banner .action .w {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
}


/* 明星产品 */

.sec {
    padding: 0.5rem 0;
}

.sec1 {
    padding-bottom: 0 !important;
}

.sec .title_1 {
    text-align: center;
    margin-bottom: 0.3rem;
}

.sec .title_1 .title1_1 {
    font-size: 0.36rem;
    color: #103b8a;
    font-weight: 600;
}

.sec .title_1 .title2_1 {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.5rem;
    text-transform: uppercase;
}

.sec .title_1 .title2_1 i {
    font-family: "Montserrat-Bold";
}

.intro {
    width: 20%;
    /* margin-top: 1rem; */
}

.intro .EN_CN {
    width: 85%;
}

.intro .EN_CN .EN {
    text-transform: uppercase;
    font-size: 0.25rem;
    color: #103b8a;
    font-family: "Montserrat-Bold";
}

.intro .EN_CN .EN p {
    font-size: 0.22rem;
    margin-top: 0.1rem;
}

.intro .EN_CN .EN::after {
    content: '';
    display: inline-block;
    /* width: 45px;
    height: 4px;
    top: 40px;
    left: 50px;
    background: #0088FF;
    border-radius: 0.2rem; */
}

.intro .EN_CN .CN {
    font-size: 0.22rem;
    color: #103b8a;
    font-weight: bold;
    line-height: 2;
    /* margin-top: 0.2rem; */
}

.intro .EN_CN .CN ul li {
    position: relative;
    color: #222;
}

.intro .EN_CN .CN ul li:hover {
    width: 100%;
    color: #103b8a;
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transition: all .3s;
    -webkit-transition: all .4s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.intro .EN_CN .CN ul li::before {
    content: "";
    height: 0.02rem;
    background-color: #103b8a;
    position: absolute;
    left: -0.17rem;
    top: 0.2rem;
    transition: .2s;
}

.intro .EN_CN .CN ul li:hover::before {
    width: 0.2rem;
}

.intro .info {
    font-size: 0.16rem;
    /* line-height: 0.3rem; */
    line-height: 2;
    color: #333333;
    margin-top: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    height: 1rem;
}

.sec1_1 {
    background: url(../image/sec2_bg1.png) no-repeat center center;
    background-size: cover;
    padding: 0.3rem 0;
}

.sec1_2 {
    background: url(../image/sec2_bg2.png) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.sec1 .title_1 {
    margin-bottom: 0;
}

.swiper {
    position: relative;
    width: 75%;
}

.sec1-container {
    padding-right: 0.1rem;
}

.sec1-container ul {
    margin: 0.1rem 0;
    margin-left: 0.05rem;
}

.sec1-container li {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px -3px #103b8a;
    -moz-box-shadow: 0px 0px 20px -3px #103b8a;
    box-shadow: 0px 0px 20px -3px #103b8a;
    background-color: #FFFFFF
}

.sec1-container li:nth-last-of-type {
    margin-right: 0;
}

.sec1-container li>a {
    width: 100%;
}

.sec1-container li>a .img_con {
    width: 100%;
    padding-top: 77%;
    overflow: hidden;
    position: relative;
}

.sec1-container li>a .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.sec1-container li>a .info_con {
    text-align: center;
    margin-top: 0.15rem;
}

.sec1-container li>a .info_con .name {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.3rem;
}

.sec1-container li>a .info_con .effect {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.3rem;
}

.view_more {
    font-size: 0.16rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0 0.2rem;
    background-color: #103b8a;
    line-height: 0.36rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0.13rem 0 0.44rem;
    position: relative;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.view_more:hover {
    background-color: #da0606;
}

.sec1-button-prev,
.sec1-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #e1e2e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.sec1-button-prev:hover,
.sec1-button-next:hover {
    background: #103b8a;
}

.sec1-button-prev:after,
.sec1-button-next:after {
    color: #4f4f4f;
    font-size: 0.14rem;
}

.sec1-button-prev:hover:after,
.sec1-button-next:hover:after {
    color: #FFFFFF;
}

.sec1-button-next,
.swiper-container-rtl .sec1-button-prev {
    right: -0.2rem;
    left: auto;
}

.sec1-button-prev,
.swiper-container-rtl .sec1-button-next {
    left: -0.2rem;
    right: auto;
}

.sec1-button-next.swiper-button-disabled,
.sec1-button-prev.swiper-button-disabled {
    opacity: .8;
}

.read_more {
    margin-top: 0.1rem;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.read_more span {
    font-size: 0.16rem;
    color: #ffffff;
    font-weight: bold;
    padding-right: 0.1rem;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.read_more i {
    width: 0.52rem;
    height: 0.52rem;
    background: url(../image/read_more.png) no-repeat center center;
    position: relative;
    top: 0.2rem;
    background-size: 100%;
}

.read_more:hover span {
    margin-left: 0.2rem;
}


/* 研发创新 */

.sec2 {
    width: 100%;
    background: url(../image/sec2_bg.jpg) no-repeat center center;
    background-size: cover;
}

.sec2_top {
    justify-content: center;
    margin-bottom: 0.31rem;
    position: relative;
}

.sec2_top .swiper_right img,
.sec2_top .swiper_left img {
    width: 1.2rem;
    height: 3.02rem;
    margin-top: 0.6rem;
}

.sec2-container {
    height: 100%;
    padding-bottom: 0.45rem;
    width: 100% !important;
    margin-right: 0.1rem;
}

.sec2-container .swiper-slide img {
    width: 100%;
}

.sec2-container .swiper-slide {
    height: 4.4rem;
    width: 7rem;
}

.sec2-button-prev {
    left: 0rem
}

.sec2-button-next {
    right: 0rem
}

.sec2-button-prev,
.sec2-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #e1e2e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sec2-button-prev:hover,
.sec2-button-next:hover {
    background: #103b8a
}

.sec2-button-prev:after,
.sec2-button-next:after {
    color: #103b8a;
    font-size: 0.14rem
}

.sec2-button-prev:hover:after,
.sec2-button-next:hover:after {
    color: #fff
}


/* 数字部分 */

.num {
    background-color: #fff;
    border-radius: 10px;
}

.num .box {
    justify-content: space-between;
    display: flex;
    padding: 0.2rem 0.5rem;
}

.num .box .p1 {
    font-size: 0.42rem;
    color: #103b8a;
    text-align: center;
    /* font-family: 'PEOBIV_LL25TKBPQVI_A2W.WOFF2'; */
    line-height: 0.6rem;
}

.num .box .p1 i {
    margin-left: -0.1rem;
}

.num .box .p2 {
    font-size: 0.19rem;
    color: #333333;
    text-align: center;
}

.num .box .p3 {
    font-size: 0.16rem;
    color: #333333;
    text-align: center;
    font-family: "Montserrat-Light";
}

.num_sec ul li .p1 span {}

.num ul li {
    position: relative;
}

.num ul li:after {
    position: absolute;
    bottom: 0;
    width: 0.15rem;
    height: 100%;
    background: url(../image/num.png) no-repeat bottom center;
    content: "";
    display: block;
    right: -38%;
}

.num ul li:nth-of-type(5):after {
    display: none;
}


/* 走进华能 */

.sec3 {
    background: url(../image/sec3_bg.jpg) no-repeat;
    background-size: 100%;
}

.sec3 .title_2 .title1_2 {
    color: #103b8a;
}

.sec3 .title_2 .title2_2 {
    color: #103b8a;
}

.sec .title_2 .title1_2 {
    font-size: 0.36rem;
    font-weight: bold;
}

.sec .title_2 .title2_2 {
    font-size: 0.18rem;
    line-height: 0.5rem;
    text-transform: uppercase;
}

.sec .title_2 .title2_2 i {
    font-family: "Montserrat-Bold";
}

.sec3 .about {
    width: 51%;
    color: #103b8a;
    font-size: 0.16rem;
    line-height: 0.3rem;
    padding: 0.1rem 0;
}

.sec4 .about {
    width: 51%;
    color: #103b8a;
    font-size: 0.16rem;
    line-height: 0.3rem;
    padding: 0.1rem 0;
}

.sec3 .sec3_bottom {
    padding: 0.3rem 0;
}

.sec3_bottom_ul li {
    position: relative;
    float: left;
    width: 17.2%;
    height: 5.5rem;
    background-size: cover !important;
    margin-left: 0.2%;
    overflow-x: hidden;
}

.sec3_bottom_ul li:nth-last-of-type {
    margin-left: 0;
}

.sec3_bottom_ul li.active {
    width: 47.5%;
}

.sec3_bottom_ul li a {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.sec3_bottom_ul li.active a {
    background: none;
}

.sec3_bottom_ul li .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mark.png) no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.sec3_bottom_ul li.active .mark {
    opacity: 1;
}

.sec3_bottom_ul li .lookmore {
    position: absolute;
    width: 100%;
    bottom: 0.2rem;
    padding: 0 0.35rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.sec3_bottom_ul li.active .lookmore {
    opacity: 1;
}

.sec3_bottom_ul li .lookmore .sec3_name {
    font-size: 0.28rem;
    color: #FFFFFF;
    position: relative;
    display: inline;
    line-height: 0.46rem;
}

.sec3_bottom_ul li .lookmore .sec3_name:after {
    position: absolute;
    bottom: -0.04rem;
    left: 0;
    width: 0;
    display: block;
    height: 0.02rem;
    background-color: #103b8a;
    content: "";
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.sec3_bottom_ul li.active .lookmore .sec3_name:after {
    width: 80%;
}

.sec3_bottom_ul li .lookmore .sec3_address {
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.28rem;
    width: 5.7rem;
    height: 0.54rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.sec3_bottom_ul li .lookicon {
    text-align: center;
    color: #FFFFFF;
    position: relative;
    top: 50%;
    webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding: 0 0.42rem;
}

.sec3_bottom_ul li.active .lookicon {
    opacity: 0;
}

.sec3_bottom_ul li .lookicon i {
    width: 0.37rem;
    height: 0.4rem;
}

.sec3_bottom_ul li:nth-of-type(1) .lookicon i {
    background: url(../image/sec3_icon1.png) no-repeat center center;
    background-size: 100%;
}

.sec3_bottom_ul li:nth-of-type(2) .lookicon i {
    background: url(../image/sec3_icon2.png) no-repeat center center;
    background-size: 100%;
}

.sec3_bottom_ul li:nth-of-type(3) .lookicon i {
    background: url(../image/sec3_icon3.png) no-repeat center center;
    background-size: 100%;
}

.sec3_bottom_ul li:nth-of-type(4) .lookicon i {
    background: url(../image/sec3_icon4.png) no-repeat center center;
    background-size: 100%;
}

.sec3_bottom_ul li .lookicon .sec3_name_cn {
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-top: 0.1rem;
}

.sec3_bottom_ul li .lookicon .sec3_name_en {
    font-size: 0.12rem;
    font-family: "Montserrat-Light";
    line-height: 0.17rem;
}

.lookmore .right {
    width: 0.81rem;
    height: 0.81rem;
    background-color: #103b8a;
    border-radius: 10px;
    position: relative;
}

.lookmore .right i {
    width: 0.17rem;
    height: 0.17rem;
    background: url(../image/jiahao.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 40%;
    -webkit-transition: All 1s ease-in-out;
    -ms-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
    transition: All 1s ease-in-out;
}

.lookmore .right:hover i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
}


/* 新闻资??? */

.sec4 {
    margin-top: -0.8rem;
}

.sec4_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec4_title_2 .title1_2 {
    color: #103b8a;
}

.sec4_title_2 .title2_2 {
    color: #999999;
}

.menu {
    margin-right: 0;
    font-size: 0.18rem;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-weight: bold;
}

.menu>a {
    margin-left: 0.4rem;
    position: relative;
    line-height: 0.3rem;
}

.sec4_top .new_menu>a:hover,
.sec4_top .new_menu>a.on {
    color: #103b8a;
}

.sec4_top .new_menu>a:after {
    position: absolute;
    bottom: -0.04rem;
    left: 0;
    width: 0;
    display: block;
    height: 0.02rem;
    background-color: #103b8a;
    content: "";
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.sec4_top .new_menu>a:hover:after,
.sec4_top .new_menu>a.on:after {
    width: 100%;
}

.sec4_bottom {
    margin-top: 0.3rem;
    position: relative;
}

.sec4-container {
    margin-bottom: 0.5rem;
}

.sec4-container ul {
    margin: 0.1rem 0.11rem;
}

.sec4-container ul>li {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 17px 0px #365b9d;
    -moz-box-shadow: 0px 3px 17px 0px #365b9d;
    box-shadow: 0px 3px 17px 0px #365b9d;
    margin-right: 0.45rem !important;
    height: 4.74rem;
}

.sec4-container ul>li>a {
    width: 100%;
}

.sec4-container ul>li .img_con {
    width: 100%;
    padding-top: 70%;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}

.sec4-container ul>li .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    background-size: cover !important;
}

.sec4-container ul>li .info_bg {
    position: absolute;
    top: 2rem;
    left: 0;
    background-size: cover;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    width: 100%;
}

.sec4-container ul>li .info_con {
    -webkit-transform: all .3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0.8rem 0 0.2rem;
    width: 2.93rem;
    margin: 0 auto;
}

.sec4-container ul>li .info_con .title {
    font-size: 0.2rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    height: 0.58rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.sec4-container ul>li .info_con .line {
    width: 0.45rem;
    height: 0.04rem;
    background-color: #103b8a;
    margin: 0.1rem 0;
}

.sec4-container ul>li .info_con .i_con {
    height: 0.45rem;
    /* margin-top: 0.17rem; */
    width: 2.93rem;
}

.sec4-container ul>li .info_con .text_con {
    font-size: 0.14rem;
    color: #999999;
    line-height: 0.23rem;
}

.sec4-container ul>li .info_con .time {
    font-size: 0.14rem;
    color: #333333;
    margin-top: 0.1rem;
}

.sec_read_more {
    margin-top: 0.5rem;
    display: inline;
    font-size: 0.16rem;
    text-align: center;
    color: #FFFFFF;
    padding: 0.14rem 0.45rem;
    background-color: #103b8a;
    line-height: 0.36rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    left: 45%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
    margin: 0 auto;
}

.sec_read_more:hover {
    opacity: .9;
    background-color: #da0606;
}

.sec4_bottom .index_new_container {
    display: none;
}

.sec4_bottom .index_new_container.active {
    display: block;
}

.sec4-button-prev {
    left: -0.68rem
}

.sec4-button-next {
    right: -0.68rem
}

.sec4-button-prev,
.sec4-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #fff;
    border: 1px solid #103b8a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sec4-button-prev:hover,
.sec4-button-next:hover {
    background: #103b8a;
}

.sec4-button-prev:after,
.sec4-button-next:after {
    color: #103b8a;
    font-size: 0.14rem
}

.sec4-button-prev:hover:after,
.sec4-button-next:hover:after {
    color: #fff
}

.sec4-container ul>li:hover .info_con .title {
    color: #103b8a;
    -webkit-transform: all .3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sec4-container ul>li:hover .info_con .time {
    color: #103b8a;
    -webkit-transform: all .3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sec4-container ul>li:hover .info_con .line {
    background-color: #333333
}


/* 社会认可 */

.sec5 {
    padding-top: 0;
}

canvas {
    display: block;
}

.waves {
    position: relative;
    left: 0;
    top: -30px;
    /* top: -0.3rem; */
    right: 0;
    height: 300px
    /* bottom: 1.5rem;
    height: 3rem; */
}

.sec5_bg {
    position: absolute;
    height: 4.49rem;
    background: #103b8a;
    width: 100%;
}

.sec5_title_2 {
    color: #FFFFFF;
    z-index: 9;
}

.sec5_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
}

.sec5_top .social_menu {
    color: #FFFFFF;
}

.sec5_top .social_menu a:after {
    position: absolute;
    bottom: -0.04rem;
    left: 0;
    width: 0;
    display: block;
    height: 0.02rem;
    background-color: #ffff;
    content: "";
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.sec5_top .social_menu a:hover:after,
.sec5_top .social_menu a.on:after {
    width: 100%;
}

.sec5_bottom {
    position: relative;
    margin-top: 0.35rem;
    height: 100%;
}

.sec5_bottom .index_social_container {
    display: none;
    height: 100%;
}

.sec5_bottom .index_social_container.active {
    display: block;
}

.sec5-container .pro-box {
    margin-bottom: 0.5rem;
    -webkit-box-shadow: 0px 0px 29px -8px #b8dac7;
    -moz-box-shadow: 0px 0px 29px -8px #b8dac7;
    box-shadow: 0px 0px 29px -8px #b8dac7;
}

.pro-box {
    width: 100%;
    padding: 0;
    margin: 0;
}

.pro-box .pro-l {
    width: 50%;
    height: 5.41rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pro-box .pro-l img {
    border-radius: 0.1rem;
    width: 100%;
    height: 5.41rem;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.pro-box .pro-l:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro-r li .pro-r-img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro-l .pro-bg {
    position: absolute;
    width: 100%;
    bottom: 0.2rem;
    padding-left: 0.35rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #FFFFFF;
}

.pro-l .pro-bg .left {
    width: 80%;
}

.pro-l .pro-bg .bg-title1 {
    font-size: 0.28rem;
    font-weight: bold;
}

.pro-l .pro-bg .bg-title2 {
    line-height: 0.4rem;
}

.pro-l .pro-bg .right {
    width: 0.81rem;
    height: 0.81rem;
    background-color: #103b8a;
    border-radius: 0.08rem;
    margin-right: 0.1rem;
    position: relative;
}

.pro-l .pro-bg .right i {
    width: 0.17rem;
    height: 0.17rem;
    background: url(../image/jiahao.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 40%;
    -webkit-transition: All 1s ease-in-out;
    -ms-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
    transition: All 1s ease-in-out;
}

.pro-l .pro-bg .right:hover i {
    line-height: 0.81rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
}

.pro-l .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mark.png) no-repeat center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pro-r {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pro-r ul {
    display: flex;
    width: 100%;
}

.pro-r li {
    width: 50%;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.pro-r li a {
    display: inline
}

.pro-r li .pro-r-img {
    width: 100%;
    height: 2.71rem;
    overflow: hidden;
}

.pro-r li .pro-r-img img {
    width: 100%;
    height: 2.71rem;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.pro-r li .pro-r-text {
    width: 100%;
    height: 2.71rem;
    overflow: hidden;
}

.pro-r li .pro-r-text img {
    width: 100%;
    height: 2.71rem;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.pro-r li a h4 {
    position: relative;
    font-size: 0.16rem;
    /* font-weight: bold; */
    float: left;
    z-index: 999;
    margin-top: -0.6rem;
    margin-left: 0.3rem;
    color: #FFF;
    padding-top: -0.53rem;
    z-index: 4;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pro-r li a:hover h4 {
    opacity: 1;
}

.pro-r li .pro-r-text:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1);
}

.pro-r li .pro-r-text .pro-r-text-title {
    font-size: 0.2rem;
    font-weight: 550;
    line-height: 0.32rem;
}

.pro-r li .pro-r-text .pro-r-text-info {
    line-height: 0.3rem;
    /* text-indent: 1em; */
    height: 0.6rem;
}

.pro-r li .pro-r-text .pro-r-text-more {
    line-height: 0.68rem;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.pro-r li .pro-r-text .pro-r-text-more:hover {
    margin-left: 0.1rem;
    color: #103b8a;
}

.pro-r li:nth-of-type(2) .pro-r-img {
    margin-top: -135.5%;
}

.pro-r li:nth-of-type(2) .pro-r-text {
    margin-top: 68%;
}

.sec5-button-prev {
    left: -0.5rem
}

.sec5-button-next {
    right: -0.5rem
}

.sec5-button-prev,
.sec5-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #e1e2e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sec5-button-prev:hover,
.sec5-button-next:hover {
    background: #103b8a
}

.sec5-button-prev:after,
.sec5-button-next:after {
    color: #103b8a;
    font-size: 0.14rem
}

.sec5-button-prev:hover:after,
.sec5-button-next:hover:after {
    color: #fff
}


/* 底部 */

footer {
    color: #999999;
    position: relative;
    z-index: 10;
}

.foot_top {
    padding: 0.5rem 0 0.3rem;
    justify-content: space-between;
    border-bottom: 1px solid #585858;
    background: #222;
}

.foot_top dt {
    font-size: 0.16rem;
    line-height: 0.5rem;
}

.foot_top .left {}

.foot_top .left .tel {
    font-size: 0.46rem;
    margin-bottom: 0.33rem;
    font-family: "Montserrat-Bold";
}

.foot_top .left p {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.center {
    text-align: right;
}

.center_ul {
    justify-content: space-between;
}

.center_ul li {
    position: relative;
}

.foot_top .center_ul li .ewmbox {
    position: absolute;
    right: -0.18rem;
    width: 0.85rem;
    height: 0.85rem;
    padding: 0.06rem;
    background: #fff;
    border-radius: 0.05rem;
    top: 0.8rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.foot_top .center_ul li .ewmbox::after {
    content: "";
    position: absolute;
    top: -0.06rem;
    left: 50%;
    margin-left: -0.06rem;
    width: 0;
    height: 0;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.06rem solid #fff;
}

.search_link .center_ul li .ewmbox {
    position: absolute;
    bottom: 0.8rem;
    padding: 0.06rem;
    background: #fff;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 5px;
    left: calc(50% - 0.5rem);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.search_link .center_ul li .ewmbox::after {
    content: "";
    position: absolute;
    bottom: -0.06rem;
    left: 50%;
    margin-left: -0.06rem;
    width: 0;
    height: 0;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-top: 0.06rem solid #fff;
}

.center_ul li .ewmbox img {
    width: 0.85rem;
    height: 0.85rem;
}

.center_ul li:hover .ewmbox {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.center_ul li:hover a {
    opacity: .9;
}

.center_ul li:nth-of-type(4) {
    margin-right: 0;
}

.center_ul li i {
    width: 0.6rem;
    height: 0.6rem;
}

.center_ul li:nth-of-type(1) i {
    background: url(../image/wx.png) no-repeat center center;
    background-size: 100%;
}

.center_ul li:nth-of-type(2) i {
    background: url(../image/wb.png) no-repeat center center;
    background-size: 100%;
}

.center_ul li:nth-of-type(3) i {
    background: url(../image/tb.png) no-repeat center center;
    background-size: 100%;
}

.center_ul li:nth-of-type(4) i {
    background: url(../image/jd.png) no-repeat center center;
    background-size: 100%;
}

.center_ul li p {
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.16rem;
}

footer .right {
    float: right;
    /* width: 720px; */
    padding-top: 0.2rem;
}

footer .right .message p {
    width: 1rem;
    height: 0.35rem;
    font-family: Impact;
    font-weight: normal;
    font-weight: 700;
    border-bottom: 1px solid #999999;
    float: left;
    font-size: 0.16rem;
    color: #999999;
    margin-bottom: 0.2rem;
}

footer .right .message p:nth-of-type(2) {
    margin-left: 10%;
}

footer .right .message p .input {
    width: 100%;
    height: 0.22rem;
    border: 0;
    border-left: 1px solid #FFFFFF;
    background: none;
    padding: 0 0.1rem;
    color: #c7c7c7;
    font-size: 0.16rem;
}

footer .right .message p input::-webkit-input-placeholder {
    color: #c7c7c7;
}

footer .right .message p input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c7c7c7;
}

footer .right .message p input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c7c7c7;
}

footer .right .message p input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c7c7c7;
}

footer .right .message p.p1 {
    width: 100%;
}

footer .right .message .button {
    width: 0.98rem;
    height: 0.36rem;
    background: #FFFFFF;
    font-size: 0.16rem;
    color: #103b8a;
    float: right;
}

footer .right .message .button:hover {
    color: #FFFFFF;
    background: #000;
}

footer .right .message p.p2 {
    width: 45%;
    display: flex;
    justify-content: space-between;
}

footer .right .message p.p2 .yzm {
    position: relative;
    width: 1.11rem;
    height: 0.37rem;
    left: 0.1rem;
}

footer .foot_bottom {
    background-color: #222;
    padding: 0.2rem 0 0.1rem;
}

.bdsharebuttonbox.bdshare-button-style0-16 a {
    float: left;
    width: 0.4rem;
    height: 0.3rem;
    padding: 0;
    margin: 0;
    display: block;
    background-size: 45% !important;
    margin-top: 0.1rem;
}

.bdsharebuttonbox.bdshare-button-style0-16 a.bds_tsina {
    background: url(../image/foot_wb.png) no-repeat center right
}

.bdsharebuttonbox.bdshare-button-style0-16 a.bds_qq {
    background: url(../image/foot_qq.png) no-repeat center right
}

.bdsharebuttonbox.bdshare-button-style0-16 a.bds_weixin {
    background: url(../image/foot_wx.png) no-repeat center right
}

footer .foot_bottom .Copyright {
    line-height: 0.5rem;
}

.foot_bottom .link_list {
    line-height: 0.24rem;
    padding-bottom: 0.05rem;
    position: relative;
    width: 1.5rem;
}

.foot_bottom .link_list>a {
    position: relative;
    width: 100%;
    padding: 0.08rem 0.3rem 0.08rem 0.1rem;
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999999;
    font-size: 0.14rem;
}

.foot_bottom .link_list>a:hover {
    color: #fff;
}

.foot_bottom .link_list>a i {
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../image/more.png) no-repeat center right;
    background-size: 100% !important;
    margin-top: 0.15rem;
    margin-right: 0.1rem;
}

.foot_bottom .link_list ul {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #999;
    border-bottom: 0;
    background: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 0.15rem;
    display: none;
}

.foot_bottom .link_list li a {
    height: 0.4rem;
    padding: 0 0.1rem;
    line-height: 0.4rem;
    border-bottom: 1px dashed #999;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.foot_bottom .link_list li:hover a {
    font-weight: bold;
}

.foot_bottom .link_list:hover ul {
    display: block;
}

.foot_bottom .link_list .hide_meum:hover+.qyfz {
    color: #fff;
}

.foot_bottom .Copyright a:hover {
    color: #fff;
}


/* 右侧 */

.right_float {
    position: fixed;
    right: 1%;
    top: 50%;
    z-index: 99;
    margin-top: -6%;
}

.right_float ul li {
    margin-bottom: 0.4rem;
    position: relative;
}

.right_float ul li .icon {
    width: 0.5rem;
    height: 0.25rem;
    margin: 0 auto 0.06rem;
}

.right_float ul li .icon img {
    width: 100%;
}

.right_float ul li .icon img:nth-of-type(2) {
    display: none;
}

.right_float ul li:hover .icon img:nth-of-type(1) {
    display: none;
}

.right_float ul li:hover .icon img:nth-of-type(2) {
    display: block;
}

.right_float ul li .span {
    position: absolute;
    padding: 0.05rem;
    top: 0;
    right: 0.5rem;
    width: 0.6rem;
    background: #103b8a;
    border-radius: 50px 0 0 50px;
    z-index: 8;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
}

.right_float ul li .span span:nth-of-type(1) {
    font-size: 0.17rem;
    margin-bottom: 0.08rem;
}

.right_float ul li .span span:nth-of-type(2) {
    font-size: 0.16rem;
}

.right_float ul li:hover .span {
    width: 2rem;
    opacity: 1;
    visibility: visible;
}

.right_float ul li .span2 {
    position: absolute;
    padding: 0.05rem;
    top: 40%;
    right: 0.5rem;
    width: 0.6rem;
    background: #103b8a;
    border-radius: 50px 0 0 50px;
    z-index: 8;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    font-size: 0.2rem;
}

.right_float ul li:hover .span2 {
    width: 2rem;
    opacity: 1;
    visibility: visible;
}

footer .left {
    width: 31%;
}

footer .center {
    width: 55%;
}

footer .right {
    width: 1.46rem;
}

.topnav .nav .nav_ul {
    justify-content: space-between;
}

.pro-l a {
    width: 100%;
}

.sec1-container li>a .img_con .img {
    background-size: 58% !important;
}

#certify {
    position: relative;
    width: 12.5rem;
    margin-right: 0.15rem;
}

#certify .swiper-slide {
    width: 632px;
    height: 426px;
}

#certify img {
    /* width: 580px; */
    height: 426px;
    display: block;
}


/* 内页 */

.inner_header {
    width: 100%;
    box-sizing: border-box;
    z-index: 100;
    padding: 0;
    background-color: #FFFFFF;
    position: fixed;
    -moz-box-shadow: 4px 2px 8px 0 #a0a0a0;
    box-shadow: 4px 2px 8px 0 #a0a0a0;
}

.inner_header .topnav .logo .logo_white {
    display: none;
}

.inner_header .nav_ul li {
    float: left;
    font-size: 0.18rem;
    line-height: 0.76rem;
    position: relative;
}

.inner_header .nav_ul li>a {
    padding: 0 0.3rem;
}

.inner_header .nav_ul li.on,
.inner_header .nav_ul li:hover {
    color: #103b8a;
}

.inner_header .nav-menu {
    color: #103b8a;
    margin-right: 0.1rem;
    font-family: "Montserrat-Bold", '??????雅黑';
    font-size: 0.18rem;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.inner_header .menu_btn #menu_trigger_button>span {
    background-color: #103b8a;
}

.content .C_title {
    text-align: center;
    color: #FFFFFF;
    padding: 1.7rem 0 0.74rem;
}

.content .C_title .C_CN {
    font-size: 0.52rem;
    text-align: center;
    font-weight: bolder;
    font-family: "Montserrat-Light", '??????雅黑';
}

.content .C_title .C_EN {
    font-size: 0.18rem;
    line-height: 0.75rem;
    font-family: "Montserrat-Bold", '??????雅黑';
}

.C_down {
    position: relative;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../image/jt.png) no-repeat center center;
    left: 50%;
    bottom: 0.6rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 94;
    background-size: 100% 100% !important;
}


/* 小???航??? */

.content_nav {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    z-index: 10;
}

.content_nav .w {
    display: flex;
    align-items: center;
}

.content_nav li {
    flex: 1;
    font-size: 0;
}

.content_nav li>a {
    line-height: 110px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.content_nav li.on>a,
.content_nav li:hover>a {
    color: #103b8a;
}

.content_nav_hide {
    position: absolute;
    left: 0;
    width: 100%;
    background: #103b8a;
    display: none;
    color: #fff;
}

.content_nav_hide .content_nav_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.content_nav_hide .content_nav_list>a {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 60px;
    padding: 15px 25px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.content_nav_hide .content_nav_list>a:hover {
    background: #E5F3EB;
    color: #103b8a;
}

.content .title_1 {
    text-align: center;
}

.content .title1_1 {
    font-size: 0.36rem;
    color: #103b8a;
    font-weight: 600;
}

.content .title1_2 {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.5rem;
}


/* 走进华能 */

.Into {
    background: url(../image/about_bg.jpg) no-repeat center center;
    background-size: cover;
}

/* 集团简??? */

.group_profile {
    margin: 0.5rem;
}

.group_box {
    margin-top: 0.3rem;
}

.group_box .group_box_left {
    width: 50%;
    box-sizing: border-box;
}

.group_box_left .left_info {
    line-height: 1.5;
    height: 2.2rem;
    overflow-y: scroll;
}

.group_box_left .left_info p {
    margin-right: 0.2rem;
    font-size: 0.16rem;
    color: #333333;
    line-height: 1.7;
}

.group_box_left .left_info::-webkit-scrollbar {
    width: 0.03rem;
    height: 100%;
}

.group_box_left .left_info::-webkit-scrollbar-button {
    background-color: #dddddd;
    display: none !important;
}

.group_box_left .left_info::-webkit-scrollbar-track {
    background-color: #dddddd;
}

.group_box_left .left_info::-webkit-scrollbar-track-piece {
    background-color: #dddddd;
}

.group_box_left .left_info::-webkit-scrollbar-thumb {
    background: #103b8a;
    border-radius: 4px;
}

.group_box_left .left_info::-webkit-scrollbar-corner {
    background-color: #dddddd;
}

.group_box_left .left_info::-webkit-scrollbar-resizer {
    background-color: #dddddd;
}

.group_num {
    display: flex;
    justify-content: space-between;
    margin-top: 0.68rem;
}

.group_num .p1 {
    position: relative;
}

.group_num .p1 span {
    font-size: 0.42rem;
    color: #103b8a;
    text-align: center;
    /* font-family: 'PEOBIV_LL25TKBPQVI_A2W.WOFF2'; */
    line-height: 0.6rem;
    font-weight: bold;
}

.group_num .p2 {
    font-size: 0.16rem;
    font-weight: bold;
}

.group_num .p1 i {
    font-size: 0.3rem;
    color: #103b8a;
}

.group_num .p1 .jh {
    font-size: 0.2rem;
    position: absolute;
    top: 2px;
    font-weight: bold;
}

.group_box_right {
    width: 42.875%;
    box-sizing: border-box;
    /* padding-left:1.27rem; */
    position: relative;
}

.group_box_right .right_img {
    width: 100%;
}


/*     .group_box_right .play{
         position: absolute;
       right: 30%;
           top: 37%;
         cursor: pointer;
     }
     */

.group_box_right a {
    width: 0.8rem;
    height: 0.8rem;
    background: url(../image/play.png) no-repeat center center;
    background-size: 100% 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.group_box_right .circle1 {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    /* line-height: 40px; */
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 40%;
    right: 43%;
}

.group_box_right .circle1:after,
.group_box_right .circle1:before {
    position: absolute;
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .7;
    background: #FFFFFF;
    top: 0;
    left: 0;
}

.group_box_right .circle1:before {
    animation: scale2 2s linear infinite;
}

.group_box_right .circle1:after {
    animation: scale2 2s 1s linear infinite;
}

@keyframes scale2 {
    0% {
        transform: scale(1)
    }
    50%,
    75% {
        transform: scale(1.5)
    }
    78%,
    100% {
        opacity: 0
    }
}


/* 数字科技??? */

.Digital_honor {
    background: url(../image/Digital_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.Digital_info p {
    text-align: center;
    font-size: 0.16rem;
    line-height: 1.5;
}

.vr_2 {
    width: 2.13rem;
    height: 0.66rem;
    position: relative;
    margin: 0.2rem 0;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vr_2 img {
    width: 100%;
}


/* 资质荣誉 */

.Honor {
    padding: 0.5rem 0;
    position: relative;
}

.Honor_container {
    margin-top: 0.3rem;
}

.Honor_container ul li>a {
    background-color: #FFFFFF;
    border: 0.2rem solid #FFFFFF;
    border-bottom: 0.15rem solid #FFFFFF;
}

.Honor_container ul li>a img {
    width: 3.45rem;
    height: 2.25rem;
}

.Honor_container ul li .big {
    padding-top: 0.15rem;
}

.Honor_container ul li .big span {
    font-size: 0.16rem;
    color: #333333;
    width: 3rem;
}

.Honor_container ul li .big i {
    width: 0.18rem;
    height: 0.18rem;
    background: url(../image/icon6.png) no-repeat center center;
    background-size: 100%;
}

.Honor_container ul li:hover .big i {
    background: url(../image/icon6_1.png) no-repeat center center;
    background-size: 100%;
}

.Honor_container ul li:hover .big span {
    color: #103b8a;
}

.Honor-button-prev,
.Honor-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    top: 99%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.Honor-button-prev:hover,
.Honor-button-next:hover {
    background: #103b8a;
}

.Honor-button-prev:after,
.Honor-button-next:after {
    color: #535353;
    font-size: 0.14rem;
}

.Honor-button-prev:hover:after,
.Honor-button-next:hover:after {
    color: #FFFFFF;
}

.Honor-button-next,
.swiper-container-rtl .Honor-button-prev {
    right: 47.5%;
    left: auto;
}

.Honor-button-prev,
.swiper-container-rtl .Honor-button-next {
    left: 46.5%;
    right: auto;
}

.Honor-button-next.swiper-button-disabled,
.Honor-button-prev.swiper-button-disabled {
    opacity: .8;
}


/* 精益制?? */

.title_2 {
    text-align: left;
}

.title_2 .title2_1 {
    font-size: 0.36rem;
    color: #103b8a;
    font-weight: 600;
}

.title_2 .title2_2 {
    font-size: 0.26rem;
    color: #999999;
    line-height: 0.5rem;
}

.Lean {
    background: url(../image/Lean_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 1rem 0;
    position: relative;
}

.Lean .Lean_box {}

.Lean_box .Lean_box_left {
    width: 33%;
    box-sizing: border-box;
    padding-top: 0.7rem;
}

.Lean_box_left .title_1 {}

.Lean_box_left .Lean_info h2 {
    font-size: 0.21rem;
    color: #103b8a;
    font-weight: bold;
    margin-top: 0.2rem;
}

.Lean_box_left .Lean_info .info {
    line-height: 1.5;
    font-size: 0.16rem;
    color: #a7a7a7;
    margin: 0.2rem 0;
}

.Lean_box_left .Lean_info .info .points_x {
    -webkit-line-clamp: 6;
    line-clamp: 6;
    height: 1.1rem;
}

.Lean_box_left .Lean_info h6 {
    font-size: 0.16rem;
}

.Lean_box_right {
    width: 64%;
    box-sizing: border-box;
    padding-left: 1.2rem;
}

.Lean_container ul li img {
    width: 9rem;
    height: 5rem;
}

.Lean-button-prev,
.Lean-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: transparent;
    border: 1px solid #FFFFFF;
    top: 90%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.Lean-button-prev:hover,
.Lean-button-next:hover {
    background: #FFFFFF;
}

.Lean-button-prev:after,
.Lean-button-next:after {
    color: #FFFFFF;
    font-size: 0.14rem;
}

.Lean-button-prev:hover:after,
.Lean-button-next:hover:after {
    color: #103b8a;
}

.Lean-button-next,
.swiper-container-rtl .Lean-button-prev {
    right: 9%;
    left: auto;
}

.Lean-button-prev,
.swiper-container-rtl .Lean-button-next {
    left: 85%;
    right: auto;
}

.Lean-button-next.swiper-button-disabled,
.Lean-button-prev.swiper-button-disabled {
    opacity: .8;
}


/* 精准交付 */

.Precise {
    background: url(../image/Precise_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
    position: relative;
    height: 7rem;
}

.Precise_info h2 {
    font-size: 0.21rem;
    color: #103b8a;
    font-weight: bold;
    margin-top: 0.1rem;
    text-align: center;
    line-height: 2;
}

.Precise_info .point p {
    line-height: 2;
}

.Precise_info p {
    font-size: 0.16rem;
    text-align: center;
}

.Precise_list {
    margin-top: 0.3rem;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(7, 1fr 2fr) 1fr;
    grid-auto-rows: 1fr 1fr;
    grid-gap: 0rem 1.33rem;
    --counter: 1;
}

.Precise_list li {
    position: relative;
    grid-column: 1 / span 3;
    grid-row: calc(var(--counter) + var(--counter))/span 2;
    -webkit-filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.04));
    filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.04));
    height: 0;
    padding-bottom: 79%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.Precise_list li>a {
    cursor: default;
}

.Precise_list li .item {
    position: absolute;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: white;
    -webkit-clip-path: polygon(68% 0, 90% 50%, 62% 142%, 68% 0, 90% 50%, 62% 142%);
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    padding: 0.7rem 29%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-radius: 10px;
    /*  -webkit-box-shadow: 10px 10px 12px 4px #103b8a;
    -moz-box-shadow: 10px 10px 12px 4px #103b8a;
    box-shadow: 10px 10px 12px 4px #103b8a; */
}

.Precise_list li .item h1 {
    font-size: 0.25rem;
    background-color: #103b8a;
    display: inline;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 0 0.18rem;
    line-height: 1.8;
    margin: 0 0.77rem;
}

.Precise_list li .item h2 {
    font-size: 0.25rem;
    color: #103b8a;
    text-align: center;
    margin-top: 0.15rem;
}

.Precise_list li .item p {
    font-size: 0.14rem;
    text-align: left;
    line-height: 1.5;
    margin-top: 0.2rem;
    height: 1.4rem;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.Precise_list li:nth-of-type(1) {
    grid-column: 1 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 4)/span 2;
}

.Precise_list li:nth-of-type(2) {
    grid-column: 4 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}

.Precise_list li:nth-of-type(3) {
    grid-column: 7 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 4)/span 2;
}

.Precise_list li:nth-of-type(4) {
    grid-column: 10 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}

.Precise_list li:hover .item {
    background-color: #103b8a;
}

.Precise_list li:hover .item h1 {
    background-color: #FFFFFF;
    color: #103b8a;
}

.Precise_list li:hover .item h2 {
    color: #FFFFFF
}

.Precise_list li:hover .item p {
    color: #FFFFFF
}


/* 发展历程 */

.culture {
    background: url(../image/about_gslc.jpg) no-repeat center center;
    background-size: cover;
    padding: 1rem 0;
}

.culture_ul {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
}

.culture_ul li>a {
    cursor: default;
}

.culture_ul li i {
    width: 1rem;
    height: 1rem;
    position: relative;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.culture_ul li:nth-of-type(1) i {
    background: url(../image/icon7.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:nth-of-type(2) i {
    background: url(../image/icon8.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:nth-of-type(3) i {
    background: url(../image/icon10.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:nth-of-type(4) i {
    background: url(../image/icon11.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:nth-of-type(5) i {
    background: url(../image/icon12.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:hover:nth-of-type(1) i {
    background: url(../image/icon7_1.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:hover:nth-of-type(2) i {
    background: url(../image/icon8_1.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:hover:nth-of-type(3) i {
    background: url(../image/icon10_1.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:hover:nth-of-type(4) i {
    background: url(../image/icon11_1.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li:hover:nth-of-type(5) i {
    background: url(../image/icon12_1.png) no-repeat center center;
    background-size: 100%;
}

.culture_ul li h3 {
    text-align: center;
    font-size: 0.21rem;
    color: #103b8a;
    font-weight: bold;
    line-height: 2.6;
}

.culture_ul li .info {
    text-align: center;
    font-size: 0.16rem;
    line-height: 1.5;
}


/* 发展历程 */

.history {
    background: url(../image/history_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
    position: relative;
}

.history_box {}

.history_container ul li {
    padding: 0.55rem 0;
}

.history_container ul li .time_bg {
    font-size: 6rem;
    position: absolute;
    z-index: -1;
    color: rgba(153, 153, 153, .1);
    top: -1.2rem;
    font-family: "Montserrat-Bold";
    right: 0;
}


/*gxw*/

.history_container .history_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.history_container ul li .history_left {
    width: 52.375%;
    height: 448px;
}

.history_container ul li .history_left .img {
    width: 100%;
    height: 100%;
    background-size: contain !important;
}


/*.history_container ul li .history_left .img img {
    width: 6.2rem;
    height: 3.8rem;

}*/

.history_container ul li .history_right {
    width: 47.625%;
    box-sizing: border-box;
    padding: 80px 70px;
    background: rgba(255, 255, 255, 0.62);
}

.history_right .time1 {
    font-size: 0.55rem;
    font-family: "Montserrat-Bold";
    color: #103b8a;
    margin-bottom: 20px;
}

.history_right .history_info {
    font-size: 0.18rem;
    line-height: 30px;
}

.history_tab_con {
    position: relative;
}

.history-tab {
    padding-bottom: 20px;
}

.history-tab::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    bottom: 27px;
}

.history-tab ul li {
    position: relative;
    height: 0.64rem;
    cursor: pointer;
}

.history-tab ul li .time2 {
    font-size: 0.18rem;
    line-height: 0.5rem;
    color: #737373;
    text-align: center;
    font-weight: bold;
}

.history-tab .swiper-slide-thumb-active .time2 {
    color: #103b8a;
}

.history-tab ul li i {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    /* top: 50px; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.1rem;
    height: 0.1rem;
    background-color: #f2f3f5;
    border: 1px solid #999999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.history-tab .swiper-slide-thumb-active i {
    background: #f2f3f5;
    border: 1px solid #103b8a;
}

.history-button-prev,
.history-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    top: auto;
    bottom: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.history-button-prev:hover,
.history-button-next:hover {
    background: #103b8a;
}

.history-button-prev:after,
.history-button-next:after {
    color: #103b8a;
    font-size: 0.14rem;
}

.history-button-prev:hover:after,
.history-button-next:hover:after {
    color: #FFFFFF;
}

.history-button-next,
.swiper-container-rtl .history-button-prev {
    right: 0;
    left: auto;
}

.history-button-prev,
.swiper-container-rtl .history-button-next {
    left: 0;
    right: auto;
}

.history-button-next.swiper-button-disabled,
.history-button-prev.swiper-button-disabled {
    opacity: .8;
}


/* 产品展示 */

.Center {
    background: url(../image/case_bg.jpg) no-repeat center center;
    background-size: cover;
}

.Conventional {
    padding: 0.5rem 0;
}

.Conventional_list {
    margin-top: 0.3rem;
}

.Conventional_list li {
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 4%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
    background-color: #FFFFFF;
}

.Conventional_list li:nth-of-type(4n) {
    margin-right: 0;
}

.Conventional_list li>a {
    width: 100%;
}

.Conventional_list li>a .img_con {
    width: 100%;
    padding-top: 77%;
    overflow: hidden;
    position: relative;
}

.Conventional_list li>a .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    background-size: 58% !important;
}

.Conventional_list li>a .info_con {
    text-align: center;
}

.Conventional_list li>a .info_con .name {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.2rem;
}

.Conventional_list li>a .info_con .effect {
    font-size: 0.15rem;
    color: #999999;
    line-height: 0.3rem;
}

.Conventional_list li .view_more {
    bottom: -0.14rem;
    margin: 0.05rem 0 0;
}

.pageing {
    text-align: center;
    padding: 0.5rem 0;
    width: 100%;
}

.pageing ul {
    display: inline-flex;
}

.pageing ul li.prev,
.pageing ul li.next {
    border: none;
    width: 1rem;
    color: #808080;
}

.pageing ul li.prev {
    margin-right: 0.35rem;
}

.pageing ul li.next {
    margin-left: 0.35rem;
}

.pageing ul li.prev i {
    width: 0.24rem;
    height: 0.1rem;
    background: url(../image/page_prev.png) no-repeat center center;
    background-size: 100%;
}

.pageing ul li.next i {
    width: 0.24rem;
    height: 0.1rem;
    background: url(../image/page_next.png) no-repeat center center;
    background-size: 100%;
}

.pageing ul li {
    width: 0.65rem;
    height: 0.30rem;
    border-radius: 50px;
    text-align: center;
    line-height: 2;
    margin-right: 25px;
    font-size: 0.16rem;
    border: 1px solid #808080;
    color: #808080;
    /*    font-weight: bold; */
}

.pageing ul li:hover,
.pageing ul li.active {
    background-color: #103b8a;
    color: #FFFFFF;
}

.pageing ul li:hover.prev,
.pageing ul li:hover.next {
    color: #103b8a;
    background-color: transparent;
}

.pageing ul li:hover.prev i {
    background: url(../image/page_prev_2.png) no-repeat center center;
    background-size: 100%;
}

.pageing ul li:hover.next i {
    background: url(../image/page_next_2.png) no-repeat center center;
    background-size: 100%;
}


/* 内页 */

.page .C_title {
    text-align: center;
    color: #FFFFFF;
    padding: 1.7rem 0 0.74rem;
}

.page .C_title .C_CN {
    font-size: 0.52rem;
    text-align: center;
    font-weight: bolder;
    font-family: "Montserrat-Light", '??????雅黑';
}

.page .C_title .C_EN {
    font-size: 0.18rem;
    line-height: 0.75rem;
    font-family: "Montserrat-Bold", '??????雅黑';
}

.page_box {
    margin-top: 0.5rem;
}

.page_box span{
    font-size: 0.15rem;
    color: #777777;
    line-height: 2;
}
.page_box span a:hover{
    color: #103b8a;
}
.page_back i {
    width: 0.26rem;
    height: 0.26rem;
    background: url(../image/page_back.png) no-repeat center center;
    background-size: 100%;
    margin-bottom: -0.05rem;
}

.page_back span {
    font-size: 0.15rem;
    color: #777777;
    line-height: 2;
}

.page_box_bottom {
    margin-top: 0.2rem;
}

.page_box_left {
    width: 40%;
    box-sizing: border-box;
}

.page_container {
    display: none;
}

.page_container.active {
    display: block;
}

.page_container ul li img {
    /* width: 6.5rem; */
    height: 5rem;
    border-radius: 15px;
}

.page-pagination .swiper-pagination-bullet {
    width: 0.05rem;
    height: 0.05rem;
    border: 1px solid #103b8a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: 0 0;
    opacity: 1;
}

.page-pagination .swiper-pagination-bullet-active {
    width: 0.15rem;
    height: 0.05rem;
    background: #103b8a;
}

.page_box_right {
    width: 60%;
    box-sizing: border-box;
    padding-left: 1.3rem;
    margin-top: 0.2rem;
}

.page_box_right h1 {
    font-size: 0.35rem;
}

.page_box_right p {
    font-size: 0.16rem;
    color: #333333;
    line-height: 1.5;
    margin-top: 0.2rem;
}

.page_box_right h6 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 2.5;
    display: inline-block;
    margin: 0.1rem 0;
    color: #103b8a;
    font-family: "Montserrat-Light";
}

.page_box_right h6 a {
    margin-right: 0.3rem;
    cursor: default;
}

.page_box_right h6 a:nth-of-type(1) {
    position: relative;
    /*    border-radius:20px 0 0 20px; */
}

.page_box_right h6 a:last-child {
    position: relative;
}

.page_box_right .quality li {
    display: flex;
    margin-bottom: 0.1rem;
}

.page_box_right .quality li i {
    width: 0.19rem;
    height: 0.19rem;
}


.page_box_right .quality li h3 {
    font-size: 0.16rem;
    font-weight: bold;
    margin-left: 0.1rem;
}

.page_box_right .quality li h3 span {
    font-size: 0, 14rem;
    color: #777777;
    font-weight: 100;
}

.page_box_right .intro_list {
    margin: 0.34rem 0;
}

.page_box_right .intro_list li {
    float: left;
    width: 30%;
    margin-right: 5%;
    background-color: #e5f3eb;
    color: #103b8a;
    text-align: center;
    padding: 0.2rem 0.88rem;
    font-size: 0.18rem;
    line-height: 1.5;
    box-sizing: border-box;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    cursor: default;
    min-height: 5.3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_box_right .intro_list li:nth-of-type(3) {
    margin-right: 0;
}

.page_box_right .intro_list li:hover {
    background-color: #103b8a;
    color: #FFFFFF;
}

.page_box_right .service {}

.page_box_right .service a {
    background-color: #103b8a;
    color: #FFFFFF;
    line-height: 2;
    font-size: 0.18rem;
    padding: 0 0.4rem;
}

.page_box_right .service a:hover{
    background-color: #da0606;
}

.page_box_right .service span {
    font-size: 0.18rem;
    color: #777777;
    /* margin-left: 0.2rem; */
    font-weight: 600;
    color: #103b8a;
}


/* 列表 */

.page_list {
    margin-top: 1.2rem;
}

.page_list_ul {
    background-color: #103b8a;
}

.page_list_ul>div {
    display: flex;
    justify-content: space-between;
}

.page_list_ul li {
    font-size: 0.18rem;
    color: #FFFFFF;
    padding: 0.15rem 1.5rem;
    position: relative;
}

.page_list_ul li::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 0.2rem;
    background-color: rgba(255, 255, 255, .8);
    right: 0;
    top: 38%;
}

.page_list_ul li:last-child::before {
    display: none;
}

.page_list_ul li::after {
    content: "";
    position: absolute;
    bottom: -0.08rem;
    left: 50%;
    margin-left: -0.09rem;
    width: 0;
    height: 0;
    border-left: 0.09rem solid transparent;
    border-right: 0.09rem solid transparent;
    border-top: 0.09rem solid #103b8a;
    display: none;
}

.page_list_ul li.on::after {
    display: block;
}


/* 产品简??? */

.introduce {
    margin: 0.5rem 0;
}

.introduce img {
    width: 100%;
    margin-top: ;
}

.introduce_list {
    margin-top: 0.3rem;
}

.introduce_list li {
    float: left;
    width: 18%;
    margin-right: 2.5%;
}

.introduce_list li a {
    position: relative;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.introduce_list li:nth-of-type(5) {
    margin-right: 0;
}

.introduce_list li .icon {
    position: relative;
}

.introduce_list li .icon .yq_img {
    width: 0.7rem;
    height: 0.7rem;
    border: 1px dashed #cce8da;
    border-radius: 50px;
    position: relative;
    left: 38%;
    /*  top: 50%; */
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}


/* 旋转 */

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.introduce_list li .icon i {
    display: block;
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    left: 50%;
    top: 50%;
    webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.introduce_list li:nth-of-type(1) i {
    background: url(../image/icon15.png) no-repeat center center;
    background-size: 100%;
}

.introduce_list li:nth-of-type(2) i {
    background: url(../image/icon17.png) no-repeat center center;
    background-size: 100%;
}

.introduce_list li:nth-of-type(3) i {
    background: url(../image/icon18.png) no-repeat center center;
    background-size: 100%;
}

.introduce_list li:nth-of-type(4) i {
    background: url(../image/icon19.png) no-repeat center center;
    background-size: 100%;
}

.introduce_list li:nth-of-type(5) i {
    background: url(../image/icon20.png) no-repeat center center;
    background-size: 100%;
}

.introduce_list li h4 {
    font-size: 0.23rem;
    color: #008a47;
    text-align: center;
    font-weight: bold;
    line-height: 2;
}

.introduce_list li p {
    font-size: 0.15rem;
    text-align: center;
}

.introduce_list li .list_num {
    font-size: 0.5rem;
    color: #d9eee4;
    font-weight: bold;
    text-align: center;
}


/* 性能指标 */

.performance {
    background: url(../image/performance_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.page .title_1 {
    text-align: center;
}

.page .title1_1 {
    font-size: 0.36rem;
    color: #103b8a;
    font-weight: 600;
}

.page .title1_2 {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.5rem;
}

.performance_box {
    margin-top: 0.3rem;
}

.performance_category {}

.performance_category .item-li {
    display: flex;
    padding: 0.2rem 0;
}

.performance_category .item-li:nth-of-type(1) {
    border-bottom: 1px solid #dddddd;
}

.performance_category .item-li h5 {
    font-size: 0.17rem;
    color: #999999;
}

.performance_category .item-li .item-li-right span {
    margin-left: 0.2rem;
    font-size: 0.17rem;
    cursor: pointer;
}

.performance_category .item-li .item-li-right span:hover,
.performance_category .item-li .item-li-right span.cur {
    color: #103b8a;
    font-weight: bold;
}

.performance_img {
    background-color: #FFFFFF;
    margin-top: 0.3rem;
}

.performance_img .left {
    width: 74.5%;
    position: relative;
}

.performance_img .left .img_fl img {
    width: 100%;
    height: 6rem;
}

.performance_img .right {
    width: 25.5%;
    box-sizing: border-box;
    padding: 0.3rem 0.3rem 0;
}

.performance_img .right h5 {
    font-size: 0.17rem;
    color: #103b8a;
    font-weight: bold;
    line-height: 2;
}

.performance_img .right .fr_top .info {
    font-size: 0.14rem;
    line-height: 1.8;
}

.performance_img .right .fr_bottom {
    margin-top: 1.06rem;
}

.performance_img .right .fr_bottom img {
    width: 3.2rem;
    height: 3.25rem;
}


/* 施工步??? */

.Construction {
    margin-top: 0.6rem;
}

.Construction_box {
    margin-top: 0.3rem;
}

.Construction_box img {
    width: 100%;
}


/*典型案例*/

.Case {
    margin: 0.5rem 0;
    position: relative;
}

.case_container ul li {
    position: relative;
}

.case_container ul li .img {
    position: relative;
}

.case_container ul li .img img {
    width: 100%;
    height: 3rem;
}

.case_container ul li .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mark.png) no-repeat center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.case_container ul li .info {
    position: absolute;
    margin-top: -10%;
    opacity: 1;
    padding-left: 0.3rem;
    color: #FFFFFF;
    width: 90%;
    height: 100%;
    z-index: 3;
    overflow: hidden;
    transition: opacity 0.5s ease-out, margin 0.5s ease-out;
}

.case_container ul li:hover .mark {
    background-color: rgba(0, 0, 0, .5);
}

.case_container ul li:hover .info {
    margin-top: -36%;
    opacity: 1;
    overflow: visible;
}

.case_container ul li .info h1 {
    font-size: 0.18rem;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    line-height: 3;
}

.case_container ul li .info h1::after {
    display: block;
    content: "";
    width: 9%;
    height: 2px;
    background-color: #103b8a;
    position: absolute;
}

.case_container ul li .info .case_list {
    margin-top: 0.1rem;
    font-size: 0.15rem;
}

.case_container ul li .info .case_list p {
    font-weight: bold;
    line-height: 2;
    text-align: left;
}

.case_container ul li .info .case_list p span {
    font-weight: 100;
}

.case-button-prev,
.case-button-next {
    width: 0.52rem;
    height: 0.52rem;
    top: 62%;
}

.case-button-prev {
    background: url(../image/case_prev.png) no-repeat center center;
    background-size: 100%;
    left: 4%;
}

.case-button-next {
    background: url(../image/case_next.png) no-repeat center center;
    background-size: 100%;
    right: 4%;
}

.case-button-prev:hover {
    background: url(../image/case_prev_1.png) no-repeat center center;
    background-size: 100%;
}

.case-button-next:hover {
    background: url(../image/case_next_1.png) no-repeat center center;
    background-size: 100%;
    right: 4%;
}

.case-button-prev:after,
.case-button-next:after {
    display: none;
}

.case_container {
    margin-top: 0.3rem;
}


/* 相关产品 */

.Related {
    background-color: #f0f7f3;
    padding: 0.5rem 0;
    position: relative;
}

.related_container li>a {
    width: 100%;
}

.related_container li>a .img_con {
    width: 100%;
    padding-top: 77%;
    overflow: hidden;
    position: relative;
}

.related_container li>a .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    background-size: 58% !important;
}

.related_container li>a .info_con {
    text-align: center;
    margin-top: 0.15rem;
}

.related_container li>a .info_con .name {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.2rem;
}

.related_container li>a .info_con .effect {
    font-size: 0.15rem;
    color: #999999;
    line-height: 0.3rem;
}

.related-button-prev,
.related-button-next {
    width: 0.52rem;
    height: 0.52rem;
    /*    top: 62%; */
}

.related-button-prev {
    background: url(../image/case_prev_2.png) no-repeat center center;
    background-size: 100%;
    left: 4%;
}

.related-button-next {
    background: url(../image/case_next_2.png) no-repeat center center;
    background-size: 100%;
    right: 4%;
}

.related-button-prev:after,
.related-button-next:after {
    display: none;
}


/* 成功案例 */

.innovating {
    background: url(../image/case_bg.jpg) no-repeat center center;
    background-size: cover;
}


/* 研发平台 */

.platform {
    background: url(../image/platform_bg.png) no-repeat center center;
    background-size: cover;
    padding: 0.8rem 0;
    position: relative;
}

.platform_box_left {
    width: 40%;
    box-sizing: border-box;
    padding-top: 0.7rem;
}

.platform_info h2 {
    font-size: 0.19rem;
    color: #103b8a;
    font-weight: bold;
    margin: 0.2rem 0;
}

.platform_info .info {
    height: 1.3rem;
    font-size: 0.16rem;
    line-height: 1.5;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-align: justify;
}

.platform_box_right {
    width: 60%;
    box-sizing: border-box;
    padding-left: 1rem;
}

.platform_container ul li img {
    width: 8.61rem;
    height: 4.86rem;
}

.platform-button-prev,
.platform-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    top: 93.5%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.platform-button-prev:hover,
.platform-button-next:hover {
    background: #103b8a;
}

.platform-button-prev:after,
.platform-button-next:after {
    color: #103b8a;
    font-size: 0.14rem;
}

.platform-button-prev:hover:after,
.platform-button-next:hover:after {
    color: #FFFFFF;
}

.platform-button-next,
.swiper-container-rtl .platform-button-prev {
    right: 8%;
    left: auto;
}

.platform-button-prev,
.swiper-container-rtl .platform-button-next {
    left: 86%;
    right: auto;
}

.platform-button-next.swiper-button-disabled,
.platform-button-prev.swiper-button-disabled {
    opacity: .8;
}


/* 平台四大功能 */

.Features {
    height: 2rem;
    background-color: #103b8a;
    padding: 0.5rem 0;
}

.Features_title {
    font-size: 0.36rem;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    z-index: 2;
    position: relative;
}

.Features_list {}

.Features_list li {
    float: left;
    width: 23%;
    margin-right: 2.66%;
    position: relative;
}

.Features_list li>a {
    cursor: default;
}

.Features_list li:nth-of-type(4) {
    margin-right: 0;
}

.Features_list li h1 {
    font-size: 2.6rem;
    color: rgba(26, 147, 79, .5);
    font-family: "Montserrat-Bold";
    position: absolute;
    z-index: 1;
    top: -32%;
    text-align: center;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.Features_list li .Features_li_box {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
    background-color: #FFFFFF;
    position: relative;
    z-index: 3;
    top: 1rem;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    padding: 0.44rem 0.4rem;
}

.Features_list li .Features_li_box h3 {
    font-size: 0.25rem;
    color: #103b8a;
    font-weight: bold;
    text-align: center;
}

.Features_list li .Features_li_box p {
    font-size: 0.16rem;
    line-height: 1.5;
    height: 0.8rem;
    margin-top: 0.3rem;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.Features_list li .Features_li_box:hover {
    background-color: #103b8a;
}

.Features_list li .Features_li_box:hover h3,
.Features_list li .Features_li_box:hover p {
    color: #FFFFFF;
}


/*研发团队 */

.team {
    /* margin-top: 2rem; */
    background-color: #f2f4f6;
}

.team_box {}

.team_box-left {
    width: 50%;
    box-sizing: border-box;
    padding: 0rem 1rem 0 0;
}

.team_info h2 {
    font-size: 0.19rem;
    color: #103b8a;
    font-weight: bold;
    /* margin: 0.2rem 0 0.27rem; */
}

.team_info .info {
    line-height: 1.5;
    height: 4.2rem;
    overflow-y: scroll;
}
.team_info .info::-webkit-scrollbar
{
    /*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;
}
.team_info .info::-webkit-scrollbar-thumb
{
    /*滚动条里面小方块*/
    border-radius: 10px;  background: #103b8a;  box-shadow: inset 0 0 5px rgba(0, 122, 204);
}
/* //滚动条底层颜色 */
.team_info .info::-webkit-scrollbar-track
{
    border-radius: 10px;  background: #ededed;

/*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
}

.team_info .info p{
    margin-right: 0.2rem;
    font-size: 0.16rem;
    color: #333333;
    line-height: 1.7;
    text-align: justify;
    text-indent: 2em;
}
.team_info .info p a{
    margin-left: -0.3rem;
}
.team_num {
    display: flex;
    justify-content: space-between;
    margin-top: 0.7rem;
}

.team_num .p1 {
    position: relative;
    font-family: "Montserrat-Bold";
    color: #103b8a;
}

.team_num .p2 {
    font-size: 0.15rem;
    line-height: 1.8;
}

.team_num .p1 span {
    font-size: 0.42rem;
    text-align: center;
    line-height: 0.4rem;
}

.team_num .p1 .span2 {
    font-size: 0.3rem;
}

.team_num .p1 .jh {
    position: absolute;
    font-size: 0.28rem;
    top: 2px;
}

.team_box-right {
    width: 50%;
    box-sizing: border-box;
    height: 7.5rem;
}

.team_container ul li img {
    width: 100%;
    height: 100%;
}

.team-button-prev,
.team-button-next {
    width: 1rem;
    height: 1rem;
    background: #103b8a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 90%;
    box-sizing: border-box;
    opacity: 1;
}

.team-button-prev:hover,
.team-button-next:hover {
    opacity: 0.9;
}

.team-button-prev:after,
.team-button-next:after {
    color: #FFFFFF;
    font-size: 0.14rem;
}


/* 
 .team-button-prev:hover:after,
 .team-button-next:hover:after {
 
 	color: #FFFFFF;
 
 } */

.team-button-next {
    right: auto;
    left: 120px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.team-button-prev {
    left: 50px;
    right: auto;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.team-button-next.swiper-button-disabled,
.team-button-prev.swiper-button-disabled {
    opacity: .8;
}


/* 研发成果 */

.results {
    margin: 0.5rem 0;
}

.results_box {
    background: url(../image/results_bg.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 0.2rem;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.results_box_left {
    width: 50%;
    background: url(../image/img25.jpg) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    height: 5.33rem;
    display: flex;
    align-items: center;
}

.results_list {
    padding: 0.6rem 12.9612%;
}

.results_list li {
    font-size: 0.17rem;
    border-bottom: 1px solid #b6bec5;
    color: #b6bec5;
    padding: 0.2rem 0;
    position: relative;
    line-height: 1.7;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.results_list li:last-of-type {
    border-bottom: none;
}

.results_list li:hover,
.results_list li.on {
    color: #FFFFFF;
}

.results_list li>a {
    width: 100%;
    /* display: flex; */
}

.results_list li h6 {
    float: left;
    width: 0.9rem;
}

.results_list li span {
    display: inline;
    float: left;
    width: 80%;
}

.results_list li i {
    position: absolute;
    font-size: 0.18rem;
}

.results_list li i:nth-of-type(1) {
    display: block;
    left: -0.17rem;
}

.results_list li i:nth-of-type(2) {
    display: none;
    left: -0.4rem;
}

.results_list li:hover i:nth-of-type(1),
.results_list li.on i:nth-of-type(1) {
    display: none;
}

.results_list li:hover i:nth-of-type(2),
.results_list li.on i:nth-of-type(2) {
    display: block;
}

.results_box_right {
    width: 50%;
    box-sizing: border-box;
    /*   padding: 0.6rem  7.9612%  0.6rem  10.9612%; */
    padding: 0 7.9612% 0 3.9612%;
    position: relative;
}

.results_container .swiper-slide .img {
    width: 100%;
    height: 5.33rem;
}

.results_container .swiper-slide .img a {
    width: 100%;
}

.results_container .swiper-slide .img img {
    height: 5.35rem;
    width: 100%;
}

.results_container {
    display: none;
}

.results_container.active {
    display: block;
}

.results-pagination {
    position: relative;
    left: 50%;
    margin-top: 0.2rem;
}

.results-pagination .swiper-pagination-bullet {
    margin-right: 0.1rem;
    width: 0.05rem;
    height: 0.05rem;
    border: 1px solid #103b8a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 1;
    background-color: transparent;
}

.results-pagination .swiper-pagination-bullet-active {
    background: #103b8a;
}


/* 留言 */

.Talent {
    background: url(../image/ly_bg.jpg) no-repeat center center;
    background-size: cover;

}

.Concept_box_left {
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.Concept_box_left .left_img {
    position: relative;
    width: 100%;
}

.Concept_box_left .play {
    /*  position: absolute;
    right: 43%;
    top: 37%;
    cursor: pointer; */
}

.Concept_box_left a {
    width: 0.8rem;
    height: 0.8rem;
    background: url(../image/play2.png) no-repeat center center;
    background-size: 100% 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.Concept_box_left .circle2 {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    /* line-height: 40px; */
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 37%;
    right: 50%;
}

.Concept_box_left .circle2:after,
.Concept_box_left .circle2:before {
    position: absolute;
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .7;
    background: #FFFFFF;
    top: 0;
    left: 0;
}

.Concept_box_left .circle2:before {
    animation: scale2 2s linear infinite;
}

.Concept_box_left .circle2:after {
    animation: scale2 2s 1s linear infinite;
}

.Concept_box_right {
    width: 89%;
    box-sizing: border-box;
    padding-left: 48.6%;
    position: absolute;
}

.Concept_list {
    padding: 0.7rem 0;
}

.Concept_list li {
    /*  display: flex; */
    z-index: 2;
    margin-bottom: 0.8rem;
    /*  justify-content: space-between; */
}

.Concept_list li i {
    width: 0.45rem;
    height: 0.55rem;
}

.Concept_list li:nth-of-type(1) i {
    background: url(../image/icon16.png) no-repeat center center;
    background-size: 100%;
}

.Concept_list li:nth-of-type(2) i {
    background: url(../image/icon43.png) no-repeat center center;
    background-size: 100%;
}

.Concept_list li:nth-of-type(3) i {
    background: url(../image/icon44.png) no-repeat center center;
    background-size: 100%;
}

.Concept_list li h3 {
    font-size: 0.30rem;
    font-weight: bold;
    color: #103b8a;
    width: 14%;
    margin-left: 0.2rem;
    margin-top: 12px;
}

.Concept_list li p {
    font-size: 0.16rem;
    margin-top: 12px;
    line-height: 1.5;
    height: 0.8rem;
    width: 76%;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/*gxw */

.system_part {
    margin-bottom: 50px;
}

.system_left {
    width: 52%;
    padding-right: 100px;
    box-sizing: border-box;
}

.system_left .title {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 38px;
    margin-bottom: 12px;
}

.system_left .line {
    width: 60px;
    height: 6px;
    background: #103b8a;
}

.category_list {}

.category_list li {
    padding-top: 70px;
    display: flex;
    align-items: flex-start;
}

.category_list li .num {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-right: 30px;
    text-align: center;
    background: #103b8a;
    border-radius: 10px;
    font-size: 40px;
    font-family: Montserrat-Light;
    font-weight: bold;
    color: #F0F7F3;
}

.category_list li .category_info {
    width: calc(100% - 100px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    color: #000000;
    padding-bottom: 15px;
}

.category_list li .category_info .top {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.category_list li .category_info .top .lit_title {
    font-size: 22px;
    font-weight: bold;
    margin-right: 24px;
    color: #103b8a;
}

.category_list li .category_info .top .tip {
    font-size: 20px;
    font-weight: bold;
}

.category_list li .category_info .bot {
    font-size: 18px;
    line-height: 30px;
}

.system_right {
    width: 48%;
}

.staff_list li {
    float: left;
    height: 310px;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 5%;
    position: relative;
    overflow: hidden;
}

.staff_list li:nth-of-type(2n) {
    margin-right: 0;
}

.staff_list li a {
    width: 100%;
    height: 100%;
}

.staff_list li .img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.staff_list li .img img {
    width: 100%;
    height: 100%;
}

.staff_list li .Staff_info {
    position: absolute;
    background: rgba(23, 163, 81, .73);
    color: #FFFFFF;
    padding: 0.2rem 0.35rem;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    transition: 0.5s ease-out, margin 0.5s ease-out;
}

.staff_list li .Staff_info .name {
    font-size: 23px;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff_list li .Staff_info .name span {
    font-size: 19px;
    color: #FFFFFF;
    font-weight: normal;
    margin-left: 9px;
}

.staff_list li .Staff_info .staff_tip {
    font-size: 15px;
    color: #FFFFFF;
    line-height: 22px;
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.staff_list li:hover .Staff_info .staff_tip {
    padding: 10px 0 0;
    height: 54px;
}


/* 人才发展 */

.development {
    background: url(../image/ka_talent_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.development_box {
    position: relative;
}

.development_container {}

.development_container .swiper-slide ul li {
    position: relative;
}

.development_container .swiper-slide ul li>a {
    width: 100%;
}

.development_container .swiper-slide ul li .img_icon {
    width: 100%;
    height: 366px;
    overflow: hidden;
    position: relative;
}

.development_container .swiper-slide ul li .img_icon .img {
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    background-size: cover !important;
}

.development_container .swiper-slide ul li .img_icon::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: url(../image/mark.png) no-repeat bottom center;
    background-size: cover !important;
}

.development_container .swiper-slide ul li .img_icon:hover .img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.development_container .swiper-slide ul li .info {
    position: absolute;
    width: 100%;
    padding-right: 0.32rem;
    padding-left: 0.08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.16rem;
    bottom: 0;
    left: 0;
    height: 0.39rem;
    color: #fff;
}


/*.development_container .swiper-slide ul li .tip{
    width: 100%;
    height: 100%;
    opacity: 0.09;
    padding: 60px 70px;
    box-sizing: border-box;
    font-size: 34px;
    color: #FFFFFF;
    line-height: 60px;
}*/

.development_box_ul1 {}

.development_box_ul1 li {
    float: left;
    width: 36.75%;
    margin-right: 1.445%;
    margin-bottom: 1.445%;
}

.development_box_ul1 li:nth-of-type(2) {
    width: 61.805%;
    margin-right: 0;
}

.development_box_ul2 li {
    float: left;
    width: 30.18%;
    margin-right: 1.445%;
    margin-bottom: 1.445%;
}

.development_box_ul2 li:first-of-type {
    width: 36.75%;
}

.development_box_ul2 li:nth-of-type(3) {
    margin-right: 0;
}

.development-button-prev,
.development-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #e1e2e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 62%;
}

.development-button-prev:hover,
.development-button-next:hover {
    background: #103b8a
}

.development-button-prev:after,
.development-button-next:after {
    color: #103b8a;
    font-size: 0.14rem
}

.development-button-prev:hover:after,
.development-button-next:hover:after {
    color: #fff
}

.development-button-prev {
    left: 4%;
}

.development-button-next {
    right: 4%;
}


/* 职业发展 */

.Profession {
    background: url(../image/zy_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.Profession_title {
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.Profession_title h5 {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 2;
}

.Profession_title h6 {
    font-size: 0.2rem;
}

.Profession_list li {
    float: left;
    width: 30%;
    margin-right: 5%;
    position: relative;
}

.Profession_list li:nth-of-type(3) {
    margin-right: 0;
}

.Profession_list li h1 {
    font-size: 2.6rem;
    color: rgba(92, 176, 127, .8);
    font-family: "Montserrat-Bold";
    position: absolute;
    z-index: 1;
    top: -15%;
    text-align: center;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.Profession_list li .Profession_li_box {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
    background-color: #FFFFFF;
    position: relative;
    z-index: 3;
    top: 1rem;
    width: 4rem;
    height: 2.2rem;
    padding: 0.4rem 0.3rem;
    text-align: center;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.Profession_list li .Profession_li_box .top {
    height: 2rem;
}

.Profession_list li .Profession_li_box h3 {
    font-size: 0.25rem;
    color: #103b8a;
    font-weight: bold;
    text-align: center;
}

.Profession_list li .Profession_li_box .info_con {
    margin-top: 0.2rem;
}

.Profession_list li .Profession_li_box .info_con p {
    font-size: 0.18rem;
    line-height: 1.6;
    text-align: left;
}

.Profession_list li:nth-of-type(1) .Profession_li_box .info_con p {
    /* text-align: center; */
    padding: 0 1.35rem;
}

.Profession_list li .Profession_li_box dl dd {
    float: left;
    width: 32%;
    margin-right: 2%;
    background-color: #e5f3eb;
    font-size: 0.18rem;
    line-height: 2;
    border-radius: 10px;
    margin-top: 0.3rem;
}

.Profession_list li .Profession_li_box dl dd:nth-of-type(3) {
    margin-right: 0;
}

.Profession_list li .learn_more {
    font-size: 0.15rem;
    color: #333333;
    line-height: 2.2;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.Profession_list li:hover .learn_more {
    color: #103b8a;
    border-top: 1px solid #103b8a;
    border-bottom: 1px solid #103b8a;
}


/*员工风采 */

.Staff {
    background-color: #f2f9f5;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.Staff_title {
    text-align: center;
    position: relative;
    z-index: 2;
}

.Staff_title h5 {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 2;
    color: #103b8a;
}

.Staff_title h6 {
    font-size: 0.16rem;
}

.Staff_box {
    margin-top: 0.3rem;
    position: relative;
}

.Staff_container ul li {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
}

.Staff_container ul li .img {
    width: 3.9rem;
    height: 4rem;
    /* width: 100%; */
    position: relative;
    overflow: hidden;
}

.Staff_container ul li .img img {
    width: 100%;
}

.Staff_container ul li .Staff_info {
    position: absolute;
    margin-top: -13.7%;
    background-color: rgba(23, 163, 81, .8);
    color: #FFFFFF;
    padding: 0.2rem 0.2rem;
    width: 90%;
    height: 100%;
    overflow: hidden;
    transition: opacity 0.5s ease-out, margin 0.5s ease-out;
}

.Staff_container ul li:hover .Staff_info {
    margin-top: -30%;
    opacity: 1;
    overflow: visible;
}

.Staff_container ul li .Staff_info h4 {
    font-size: 0.18rem;
    font-weight: bold;
    text-align: center;
}

.Staff_container ul li .Staff_info h4 span {
    font-weight: 300;
    font-size: 0.16rem;
    margin-left: 0.1rem;
}

.Staff_container ul li .Staff_info .points_x {
    font-size: 0.15rem;
    line-height: 1.5;
    margin-top: 0.1rem;
    height: 0.5rem;
}

.Staff-button-prev,
.Staff-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
}

.Staff-button-prev:hover,
.Staff-button-next:hover {
    background: #103b8a
}

.Staff-button-prev:after,
.Staff-button-next:after {
    color: #333;
    font-size: 0.14rem
}

.Staff-button-prev:hover:after,
.Staff-button-next:hover:after {
    color: #fff
}

.Staff-button-prev {
    left: -4%;
}

.Staff-button-next {
    right: -4%;
}


/* 人才招聘 */

.Recruitment {
    margin: 0.5rem 0;
}

.Recruitment_box {
    margin-top: 0.3rem;
}

.Recruitment_box_ul {
    text-align: center;
    display: flex;
    margin-left: 34%;
}

.Recruitment_box_ul li {
    font-size: 0.28rem;
    color: #333333;
    margin-right: 3rem;
    display: inline;
    position: relative;
    line-height: 2;
}

.Recruitment_box_ul li.on::after,
.Recruitment_box_ul li:hover::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #24904f;
}

.Recruitment_box_ul li.on::before,
.Recruitment_box_ul li:hover::before {
    content: "";
    position: absolute;
    bottom: -0.05rem;
    left: 50%;
    margin-left: -0.05rem;
    width: 0;
    height: 0;
    border-left: 0.05rem solid transparent;
    border-right: 0.05rem solid transparent;
    border-top: 0.05rem solid #24904f;
}

.Recruitment_box_ul li:nth-of-type(2) {
    margin-right: 0;
}

.Recruitment_box_list {
    margin-top: 0.5rem;
}

.Recruitment_box_list ul li>a {
    display: flex;
    justify-content: space-between;
}

.Recruitment_box_list ul li {
    background-color: #f2f9f5;
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.Recruitment_box_list ul li:nth-of-type(2n) {
    margin-right: 0;
}

.Recruitment_box_list ul li .left h1 {
    font-size: 0.18rem;
    line-height: 2;
}

.Recruitment_box_list ul li .left p {
    font-size: 0.16rem;
}

.Recruitment_box_list ul li .right .time {
    font-size: 0.13rem;
    line-height: 4;
}

.Recruitment_box_list ul li:hover {
    background-color: #24904f;
    color: #FFFFFF;
}

.Recruitment_box_list>div {
    display: none;
}

.Recruitment_box_list>div.active {
    display: block;
}

.Recruitment_box_list ul {
    height: 100%;
    display: block;
}


/* 人才引荐 */

.referral {
    background: url(../image/referral_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.referral_box {
    text-align: center;
    margin-top: 0.5rem;
}

.referral_box h1 {
    font-size: 0.58rem;
    color: #FFFFFF;
    line-height: 2;
}

.referral_box h6 {
    font-size: 0.28rem;
    color: #FFFFFF;
}

.referral_method {
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.5rem;
}

.referral_method h4 {
    font-size: 0.2rem;
    color: #103b8a;
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 50px;
    padding: 0.1rem 0.25rem;
    margin-bottom: 0.2rem;
    position: relative;
    z-index: 2;
}

.referral_method ul {
    border: 1px solid #FFFFFF;
    display: block;
    border-radius: 50px;
    padding: 0.3rem 0.4rem 0.2rem;
    width: 18%;
    position: relative;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -0.35rem;
    z-index: 1;
}

.referral_method ul li p {
    text-align: center;
}

.referral_method ul li {
    display: inline-block;
    font-size: 0.15rem;
    margin-left: 0.2rem;
    line-height: 1.5;
}





/* 联系我们 */

.contact {
    background: url(../image/contact_bg.jpg) no-repeat center center;
    background-size: cover;
}


/* 合作 */

.Cooperation {
    background-color: #f2f9f5;
}

.Cooperation .Cooperation_ul {
    display: flex;
    justify-content: space-between;
}

.Cooperation_ul li {
    text-align: center;
    padding: 0.7rem 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.Cooperation_ul li i {
    width: 0.36rem;
    height: 0.37rem;
    text-align: center;
    background-size: 100% !important;
}

.Cooperation_ul li:nth-of-type(1) i {
    background: url(../image/) no-repeat center center;
}

.Cooperation_ul li:nth-of-type(2) i {
}

.Cooperation_ul li:nth-of-type(3) i {
}

.Cooperation_ul li:nth-of-type(4) i {
}

.Cooperation_ul li:nth-of-type(5) i {
}

.Cooperation_ul li h6 {
    font-weight: bold;
    padding: 20px 0;
    font-size: 24px;
    color: #103b8a;
}

.Cooperation_ul li .contact_link {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}

.Cooperation_ul li .c_w {
    margin: 0.2rem 0.5rem 0 0.5rem;
}


/* 地图 */

.map {
    margin-top: 0.55rem;
}

.map_ul li {
    float: left;
    padding: 0.35rem 0.45rem;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
    border-left: 1px solid #F9F9F9;
}

.map_ul li h2 {
    display: inline-block;
    font-size: 0.2rem;
    color: #FFFFFF;
    background-color: #103b8a;
    border-radius: 20px;
    padding: 0.08rem;
    font-weight: bold;
}

.map_ul li h3 {
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.5;
    margin-top: 0.2rem;
    height: 0.5rem;
}

.map_ul li .map_address {
    font-size: 0.16rem;
    color: #999999;
    text-align: center;
    margin: 0.3rem 0;
    line-height: 1.3;
}

.map_ul li .map_link p {
    font-size: 0.16rem;
    color: #999999;
    line-height: 1.5;
    text-align: center;
}

.map_ul li .map_icon {
    width: 0.19rem;
    height: 0.29rem;
    line-height: 1.5;
    padding-left: 0.3rem;
    background: url(../image/icon32_2.png) no-repeat center left;
    background-size: 50%;
    margin-top: 0.3rem;
    display: inline-block;
    font-size: 0.18rem;
    font-family: "Montserrat-Light";
    margin-left: -0.3rem;
}

.map_ul li:hover,
.map_ul li.on {
    background-color: #103b8a;
}

.map_ul li:hover h2,
.map_ul li.on h2 {
    background-color: #FFFFFF;
    color: #103b8a;
}

.map_ul li:hover h3,
.map_ul li.on h3 {
    color: #FFFFFF;
}

.map_ul li:hover .map_address,
.map_ul li.on .map_address {
    color: #FFFFFF;
}

.map_ul li:hover .map_link p,
.map_ul li.on .map_link p {
    color: #FFFFFF;
}

.map_ul li:hover .map_icon,
.map_ul li.on .map_icon {
    color: #FFFFFF;
    background: url(../image/icon32_1.png) no-repeat center left;
    background-size: 50%;
}

.map_ul li:hover::after,
.map_ul li.on::after {
    content: "";
    position: absolute;
    bottom: -0.15rem;
    left: 50%;
    margin-left: -0.15rem;
    width: 0;
    height: 0;
    border-left: 0.15rem solid transparent;
    border-right: 0.15rem solid transparent;
    border-top: 0.15rem solid #103b8a;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    z-index: 1;
}

.map_img {
    /* border: 1px solid #000000; */
    display: flex;
    justify-content: center;;
}
.map_img1 {
    /* border: 1px solid #000000; */
    display: flex;
    justify-content: center;;
}

.map_img #allmap {
    width: 100%;
    height: 5.8rem;
    /*   width: 1200px;
          height: 450px;
          margin-top: 40px; */
}

.map_img .allmap {
    display: none;
}

.map_img .allmap.active {
    display: block;
}


/* 二维??? */

.Ewm {
    background: url(../image/ewm_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0.8rem 0;
}

.Ewm_ul {
    display: flex;
    justify-content: space-around;
}

.Ewm_ul li img {
    width: 2rem;
    height: 2rem;
}

.Ewm_ul li p {
    text-align: center;
    color: #FFFFFF;
    font-size: 0.2rem;
    font-weight: bold;
    margin-top: 0.33rem;
    line-height: 1.5;
}

.Ewm_ul li span {
    text-align: center;
    color: #FFFFFF;
    font-size: 0.17rem;
    display: block;
}


/* 社会认可 */

.Social {
    background: url(../image/Social_bg.jpg) no-repeat center center;
    background-size: cover;
}


/* 经典工程 */

.social_sec {
    padding: 0.8rem 0;
}

.social_sec .title_1 {
    margin-bottom: 0.4rem;
}

.project_nav_con {
    background: #103b8a;
}

.project_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project_list li {
    flex: 1;
}

.project_list li a {
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    width: 100%;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 80px;
}

.project_list li.on a,
.project_list li:hover a {
    background: #E5F3EB;
    color: #103b8a;
}

.project_box {
    margin-top: 0.5rem;
    position: relative;
}

.project_box_left {
    width: 50%;
    box-sizing: border-box;
    margin-top: 1rem;
}

.project_box_left h3 {
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    position: relative;
    line-height: 3;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.project_box_left h3::after {
    display: block;
    content: "";
    width: 5%;
    height: 0.04rem;
    background-color: #103b8a;
    position: absolute;
}

.project_info {
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.3rem;
}

.project_info p {
    font-weight: bold;
    line-height: 2;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.project_info span {
    font-weight: 100;
    display: inline;
}

.project_box_right {
    width: 50%;
    box-sizing: border-box;
}

.project_box_right img {
    width: 100%;
    height: 4.6rem;
}

.project-button-prev,
.project-button-next {
    width: 0.52rem;
    height: 0.52rem;
    top: 92%;
}

.project-button-prev {
    background: url(../image/case_prev.png) no-repeat center center;
    background-size: 100%;
    left: 0;
}

.project-button-next {
    background: url(../image/case_next.png) no-repeat center center;
    background-size: 100%;
    left: 4%;
}

.project-button-prev:hover {
    background: url(../image/case_prev_1.png) no-repeat center center;
    background-size: 100%;
}

.project-button-next:hover {
    background: url(../image/case_next_1.png) no-repeat center center;
    background-size: 100%;
}

.project-button-prev:after,
.project-button-next:after {
    display: none;
}

.project_ul {
    margin-top: 0.5rem;
    position: relative;
}

.project_ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.project_ul li:nth-of-type(3n) {
    margin-right: 0;
}

.project_ul li .img {
    position: relative;
    width: 5.12rem;
    height: 2.85rem;
}

.project_ul li .img img {
    width: 100%;
}

.project_ul li .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mark.png) no-repeat center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.project_ul li .info {
    position: absolute;
    margin-top: -10%;
    opacity: 1;
    padding-left: 0.3rem;
    color: #FFFFFF;
    width: 90%;
    height: 100%;
    z-index: 3;
    overflow: hidden;
    /*  opacity: 0; */
    transition: opacity 0.5s ease-out, margin 0.5s ease-out;
}

.project_ul li:hover .info {
    margin-top: -36%;
    opacity: 1;
    overflow: visible;
}

.project_ul li:hover .mark {
    background-color: rgba(0, 0, 0, .5);
}

.project_ul li .info h1 {
    font-size: 0.18rem;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    line-height: 3;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.project_ul li .info h1::after {
    display: block;
    content: "";
    width: 9%;
    height: 2px;
    background-color: #103b8a;
    position: absolute;
}

.project_ul li .info .case_list {
    margin-top: 0.1rem;
    font-size: 0.15rem;
}

.project_ul li .info .case_list p {
    font-weight: bold;
    line-height: 2;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.project_ul li .info .case_list p span {
    font-weight: 100;
    display: inline;
}


/*  */

.Media {
    margin: 0.5rem 0;
}

.Media_box {
    margin-top: 0.3rem;
}

.Media_container ul li>a {
    width: 100%;
}

.Media_box_bg {
    height: 3.7rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px -3px #103b8a;
    -moz-box-shadow: 0px 0px 20px -3px #103b8a;
    box-shadow: 0px 0px 20px -3px #103b8a;
    margin: 5px;
}

.Media_box_bg p{
display: none;
}

.Media_container ul li .Media_box_left {
    width: 100%;
}

.Media_container ul li .Media_box_left img {
    /* width: 100%; */
    height: 3.7rem;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    background-repeat: no-repeat;
    background-image: 100%;
    overflow: hidden;

}

.Media_container ul li .Media_box_right {
    width: 70%;
    box-sizing: border-box;
    padding: 0.7rem 0.5rem 0 0;
}

.Media_box_right .time {
    font-size: 0.18rem;
    color: #333333;
    font-family: "Montserrat-Light";
}

.Media_box_right .title {
    font-size: 0.22rem;
    color: #333333;
    line-height: 3;
}

.Media_box_right .i_con {
    font-size: 0.16rem;
    color: #999999;
    line-height: 1.5;
    height: 0.5rem;
}

.view_details {
    margin-top: 0.5rem;
    display: inline-block;
    font-size: 0.16rem;
    color: #FFFFFF;
    padding: 0.14rem 0.45rem;
    background-color:  #103b8a;
    line-height: 0.24rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px -3px #b8dac7;
    -moz-box-shadow: 0px 0px 20px -3px #b8dac7;
    box-shadow: 0px 0px 20px -3px #b8dac7;
}
.view_details:hover{
    background-color: #da0606;
}

.Media_box ul li:hover .Media_box_left img{
    transform:scale(1.1);
    border-radius: 10px 0 0 10px;
}
.Media_box_left{
    overflow: hidden;
}
.Media_box_left img{
    transition: all .3s;
}

.Media-button-prev,
.Media-button-next {
    width: 0.52rem;
    height: 0.52rem;
    top: 81%;
}

.Media-button-prev {
    background: url(../image/case_prev.png) no-repeat center center;
    background-size: 100%;
    left: 90%;
}

.Media-button-next {
    background: url(../image/case_next.png) no-repeat center center;
    background-size: 100%;
    right: 3%;
}

.Media-button-prev:hover {
    background: url(../image/case_prev_1.png) no-repeat center center;
    background-size: 100%;
}

.Media-button-next:hover {
    background: url(../image/case_next_1.png) no-repeat center center;
    background-size: 100%;
}

.Media-button-prev:after,
.Media-button-next:after {
    display: none;
}


/* 列表 */

.content_list_1 {
    margin-top: 1rem;
}

.content_list_1 li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 17px 0px #b8dac7;
    -moz-box-shadow: 0px 3px 17px 0px #b8dac7;
    box-shadow: 0px 3px 17px 0px #b8dac7;
    height: 4rem;
}

.content_list_1 li:nth-of-type(4n) {
    margin-right: 0;
}

.content_list_1 li>a {
    width: 100%;
}

.content_list_1 li .img_con {
    width: 100%;
    padding-top: 63%;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}

.content_list_1 li .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    background-size: cover !important;
}

.content_list_1 li .info_bg {
    position: absolute;
    top: 1.8rem;
    left: 0;
    background: url(../image/info_bg.png) no-repeat;
    background-size: cover;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    width: 100%;
}

.content_list_1 li .info_con {
    -webkit-transform: all .3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0.41rem 0 0.2rem;
    width: 2.93rem;
    margin: 0 auto;
}

.content_list_1 li .info_con .title {
    font-size: 0.2rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    height: 0.58rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.content_list_1 li .info_con .line {
    width: 0.45rem;
    height: 0.04rem;
    background-color: #103b8a;
    margin: 0.1rem 0;
}

.content_list_1 li .info_con .time {
    font-size: 0.14rem;
    color: #333333;
    margin-top: 0.35rem;
}


/* 新闻资??? */

.News {
    background: url(../image/new_bg.jpg) no-repeat center center;
    background-size: cover;
}

.Technical {
    margin: 0.5rem 0;
}

.Technical_box {
    margin-top: 0.3rem;
}

.Technical_box_left {
    width: 60%;
}

.mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/mark.png) no-repeat center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.Technical_box li .info .time {
    font-size: 0.16rem;
    color: #FFFFFF;
    font-family: "Montserrat-Light";
    line-height: 1.7;
}

.Technical_box li .info .title {
    font-size: 0.18rem;
}

.Technical-pagination {
    left: 42% !important;
    bottom: 0.35rem !important;
}

.Technical-pagination .swiper-pagination-bullet {
    width: 0.05rem;
    height: 0.05rem;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 1;
}

.Technical-pagination .swiper-pagination-bullet-active {
    width: 0.05rem;
    height: 0.05rem;
    background: #FFFFFF;
}

.Technical_box_right {
    width: 40%;
    box-sizing: border-box;
    padding-left: 0.5rem;
}

.Technical_box li {
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 17px 0px #b8dac7;
    -moz-box-shadow: 0px 3px 17px 0px #b8dac7;
    box-shadow: 0px 3px 17px 0px #b8dac7;
}

.Technical_box_left li {
    height: 6.38rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.Technical_box_right li {
    height: 3rem;
}

.Technical_box li>a {
    width: 100%;
}

.Technical_box_right li:nth-of-type(1) {
    margin-bottom: 0.3rem;
}

.Technical_box li .img_con {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.Technical_box_left li .img_con {
    padding-top: 66%;
}

.Technical_box_right li .img_con {
    padding-top: 51.5%;
}

.Technical_box li .img_con .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-size: cover !important;
}

.Technical_box li .info {
    position: absolute;
    width: 100%;
    bottom: 0.25rem;
    padding-left: 0.35rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #FFFFFF;
    line-height: 1.5;
}

.Technical_box li .img_con::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: url(../image/mark.png) no-repeat bottom center;
    background-size: cover !important;
}

.Technical_box li .img_con:hover .img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}


/* 新闻内页 */

.new_page {
    margin: 0.3rem 0;
}

.new_page .left {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-right: 0.94rem;
}

.new_page .left .new_page_title {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
}

.new_page .left .new_page_time_share {
    margin-top: 0.4rem;
    display: flex;
    text-align: center;
    flex-direction: column;
}

.new_page .left .new_page_time_share .time i {
    width: 0.16rem;
    height: 0.16rem;
    background: url(../image/icon42.png) no-repeat center left;
    background-size: 100%;
    margin-right: 0.05rem;
}

.new_page .left .new_page_time_share .time span {
    font-size: 0.14rem;
    color: #333333;
    font-family: "Montserrat-Light";
}

.new_page .left .new_page_time_share .share {
    display: flex;
    margin-left: 0.46rem;
}

.new_page .left .new_page_time_share .share i {
    width: 0.25rem;
    height: 0.25rem;
    background: url(../image/share_icon.png) no-repeat center center;
    background-size: 65%
}

.new_page .left .new_page_time_share .share .bdsharebuttonbox {
    margin-top: -0.07rem;
    margin-left: 0.1rem;
}

.new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_weixin {
    width: 0.25rem;
    height: 0.19rem;
    background: url(../image/wx_black.png) no-repeat center center;
    background-size: 65% !important;
}

.new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_sqq {
    width: 0.25rem;
    height: 0.19rem;
    background: url(../image/qq_black.png) no-repeat center center;
    background-size: 65% !important;
}

.new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_tsina {
    width: 0.25rem;
    height: 0.19rem;
    background: url(../image/wb_black.png) no-repeat center center;
    background-size: 65% !important;
}

.new_page .left .new_page_info {
    margin-top: 0.4rem;
    font-size: 0.16rem;
    color: #777777;
    line-height: 2;
}

.new_page .left .new_page_info img {
    margin-top: 0.3rem;
    /* width: 100%; */
}

.next_page {
    margin: 0.5rem 0;
}

.next_page a {
    display: block;
    line-height: 2;
    font-size: 0.16rem;
    color: #777777;
    font-weight: bold;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.next_page a:hover {
    color: #103b8a;
}

.new_page .right {
    width: 33%;
    box-sizing: border-box;
    padding-left: 0.8rem;
}

.new_page .right h1 {
    font-size: 0.2rem;
    color: #103b8a;
    font-weight: bold;
}

.new_page .right .related_ul {
    margin-top: 0.4rem;
}

.new_page .right .related_ul li {
    /*  margin-bottom: 0.3rem; */
    padding: 0.3rem 0;
    border-bottom: 1px solid #D8D8D8;
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.new_page .right .related_ul li:first-child {
    border-top: 1px solid #D8D8D8;
}

.new_page .right .related_ul li .title {
    font-size: 0.17rem;
    color: #000000;
    width: 4.4rem;
    line-height: 2;
}

.new_page .right .related_ul li .time {
    font-size: 0.14rem;
    color: #999999;
    font-family: "Montserrat-Light";
}

.new_page .right .related_ul li::before {
    width: 3px;
    height: 100%;
    background-color: #103b8a;
    display: none;
    content: "";
    position: absolute;
    top: 0;
}

.new_page .right .related_ul li:hover::before {
    display: block;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.new_page .right .related_ul li:hover a {
    padding-left: 0.1rem;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.new_page .right .related_ul li:hover .title {
    color: #103b8a;
    font-weight: bold;
}

.new_page .right .related_ul li:hover .time {
    color: #103b8a;
    font-weight: bold;
}


/* 社会认可弹出??? */

.project_details_mark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    /* display: none; */
    background: rgba(0, 0, 0, .5);
}

.project_details {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    width: 8rem;
    padding: 0.2rem 0.5rem 0.5rem;
    border-radius: 20px;
}

.close {
    position: absolute;
    top: -0.18rem;
    right: -0.18rem;
    width: 0.35rem;
    height: 0.35rem;
    background: url(../image/fancybox_sprite.png) no-repeat center center;
    background-size: 100%;
}

.project_details_box h3 {
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    position: relative;
    line-height: 3;
}

.project_details_box h3::after {
    display: block;
    content: "";
    width: 5%;
    height: 0.04rem;
    background-color: #103b8a;
    position: absolute;
}

.project_details_container {
    margin-top: 0.2rem;
}

.project_details_container ul li img {
    width: 7.93rem;
    height: 4.56rem;
}

.project_details-pagination {
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transition: translateX(-50%);
    -o-transition: translateX(-50%);
    -ms-transition: translateX(-50%);
    bottom: 0.2rem;
}

.project_details-pagination .swiper-pagination-bullet {
    width: 0.05rem;
    height: 0.05rem;
    border: 1px solid #2b9b5c;
    background-color: transparent;
    margin-right: 0.1rem;
}

.project_details-pagination .swiper-pagination-bullet-active {
    background-color: #2b9b5c;
}


/* 人才招聘弹出内??? */

.Recruitment_details_mark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    /* display: none; */
    background: rgba(0, 0, 0, .5);
}

.Recruitment_details {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    width: 13rem;
    padding: 0.2rem 0.5rem 0.5rem;
    border-radius: 20px;
}

.Recruitment_details_box .left {
    width: 45%;
    box-sizing: border-box;
}

.Recruitment_details_box .left .left_top h1 {
    font-size: 0.25rem;
    line-height: 2;
}

.Recruitment_details_box .left .left_top p {
    font-size: 0.18rem;
}

.Recruitment_details_box .left .left_top .time {
    font-size: 0.13rem;
    line-height: 4;
}

.Recruitment_details_box .left .left_bottom {
    margin-top: 1rem;
}

.ewm_img {
    width: 1.5rem;
    height: 1.5rem;
}

.ewm_img img {
    width: 1.5rem;
    height: 1.5rem;
}

.ewm_img span {
    display: block;
    text-align: center;
    font-size: 0.16rem;
    color: #333333;
}

.Recruitment_details_box .left dl {
    margin-top: 0.5rem;
}

.Recruitment_details_box .left dl dd {
    font-size: 0.18rem;
    line-height: 2;
}

.Recruitment_details_box .right {
    width: 55%;
    box-sizing: border-box;
}

.Recruitment_details_box .right ul li h5 {
    font-size: 0.22rem;
    position: relative;
    line-height: 3;
    margin-bottom: 0.18rem;
}

.Recruitment_details_box .right ul li h5::after {
    display: block;
    content: "";
    width: 5%;
    height: 0.02rem;
    background-color: #103b8a;
    position: absolute;
}

.Recruitment_details_box .right ul li p {
    font-size: 0.14rem;
    line-height: 2;
}

.Recruitment_details_box .right ul li:nth-of-type(1) {
    margin-bottom: 0.7rem;
}


/* 视???弹??? */

.video_mark.open,
.video_mark2.open {
    top: 0;
}

.video_mark,
.video_mark2 {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    top: -200%;
    left: 0
}

.video_mark.open,
.video_mark2.open {
    top: 0
}

.video_mark .video_box,
.video_mark2 .video_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    max-height: 70%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video_mark .video_box video,
.video_mark2 .video_box video {
    width: 100%
}

.video_mark .video_box .close,
.video_mark2 .video_box .close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: url(../image/fancybox_sprite.png) no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 100% 100% !important;
    z-index: 100
}


/* 数字科技??? */

#certify1 {
    position: relative;
    width: 15.5rem;
    margin-left: 0.1rem;
}

#certify1 .swiper-slide {
    width: 8.2rem;
    height: 5rem;
    position: relative;
}

#certify1 img {
    position: relative;
    width: 8.2rem;
    height: 5rem;
}

.Digital_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, .4);
    opacity: 0;
}

#certify1 .swiper-slide-prev .Digital_mark,
#certify1 .swiper-slide-next .Digital_mark {
    opacity: 1;
}

.Digital-button-prev,
.Digital-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.Digital-button-prev:hover,
.Honor-button-next:hover {
    background: #103b8a;
}

.Digital-button-prev:after,
.Digital-button-next:after {
    color: #535353;
    font-size: 0.14rem;
}

.Digital-button-prev:hover:after,
.Digital-button-next:hover:after {
    color: #FFFFFF;
}

.Digital-button-next,
.swiper-container-rtl .Digital-button-prev {
    right: 14%;
    left: auto;
}

.Digital-button-prev,
.swiper-container-rtl .Digital-button-next {
    left: 14%;
    right: auto;
}

.Digital-button-next.swiper-button-disabled,
.Digital-button-prev.swiper-button-disabled {
    opacity: .8;
}

.Media_container .Media_index {
    position: absolute;
    top: 12%;
    right: 3.5%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
}

.Media_container .Media_index .index {
    color: #103b8a;
    font-family: "Montserrat-Bold";
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.project_container .project_index {
    position: absolute;
    top: 12%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
}

.project_container .project_index .index2 {
    color: #103b8a;
    font-family: "Montserrat-Bold";
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.standard_title {
    text-align: center;
    display: inline-block;
    background-color: #103b8a;
    color: #FFFFFF;
    position: relative;
    left: 50%;
    webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0.1rem 0.2rem;
    font-size: 0.18rem;
    border-radius: 10px;
}

.standard_title::after {
    content: "";
    position: absolute;
    bottom: -0.05rem;
    left: 50%;
    margin-left: -0.05rem;
    width: 0;
    height: 0;
    border-left: 0.05rem solid transparent;
    border-right: 0.05rem solid transparent;
    border-top: 0.05rem solid #103b8a;
}

.standard_ul {
    margin: 0.2rem 0;
}

.standard_ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    font-size: 0.16rem;
    color: #333333;
}

.standard_ul li>a {
    text-decoration: underline;
}

.standard_ul li:nth-of-type(3) {
    margin-right: 0;
}

.performance_table {
    margin-top: 0.6rem;
}

.performance_table img {
    width: 100%;
}

.nav_hide_meum2 {
    width: 13rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.3rem 0.5rem;
    display: block;
    border-top: 3px solid #103b8a;
    display: none;
}

.nav_hide_meum2 .box {
    border-top: 1px solid #b8b8b8;
}

.nav_hide_meum2 dl {
    width: 100%;
    display: inline-block;
    padding: 0.1rem 0;
}

.nav_hide_meum2 .box:first-of-type {
    border: none;
}

.nav_hide_meum2 dl dt {
    text-align: left;
    font-size: 0.18rem;
    color: #103b8a;
    line-height: 2;
}

.nav_hide_meum2 dl dd {
    float: left;
    line-height: 2;
    font-size: 0.16rem;
    color: #333;
    font-weight: normal;
    position: relative;
    margin-right: 0.5rem;
}

.nav_hide_meum2 .box i {
    width: 0.50rem;
    height: 0.50rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
}

.nav_hide_meum2 .box:nth-of-type(1) i {
    background: url(../picture/icon_sycp1.jpg) no-repeat center center;
    background-size: 100%;
}

.nav_hide_meum2 .box:nth-of-type(2) i {
    background: url(../picture/icon_sycp2.jpg) no-repeat center center;
    background-size: 100%;
}

.nav_hide_meum2 .box:nth-of-type(3) i {
    background: url(../picture/icon_sycp3.jpg) no-repeat center center;
    background-size: 100%;
}

.inner_header .nav_hide_meum:after {
    content: "";
    position: absolute;
    top: -0.17rem;
    left: calc(50% - 0.04rem);
    width: 0;
    height: 0;
    border: 0.08rem solid transparent;
    border-bottom-color: #103b8a;
    z-index: 1;
}

.inner_header .nav_hide_meum2:after {
    content: "";
    position: absolute;
    top: -0.17rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 0.08rem solid transparent;
    border-bottom-color: #103b8a;
    z-index: 1;
}

.inner_header .nav_hide_meum {
    border-top: 3px solid #103b8a;
}

.nav_hide_meum2 dl dd:hover a {
    color: #103b8a;
}


/* 搜索 */

.search {
    padding-top: 1.5rem;
}

.search_list li {
    padding: 0.2rem 0 0.2rem 0.5rem;
    border: 1px solid #eee;
    border-left: 0.1rem solid #eeeeee;
    margin-bottom: 0.24rem;
}

.search_list li a {
    line-height: 0.5rem;
    height: 0.5rem;
    padding-right: 1.7rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 0.2rem;
}

.search_list li a i.look_more {
    width: 1.7rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.18rem;
    border-left: 1px solid #eee;
}

.search_list li:hover {
    border-left: 0.1rem solid #103b8a;
}

.search_list li:hover a {
    color: #103b8a;
}

.rightEwm img {
    width: 1rem !important;
    height: 1rem;
}

.right_float ul li:nth-of-type(2) .rightEwm img {
    position: absolute;
    top: -100%;
    right: 136%;
    display: none;
}

.right_float ul li:nth-of-type(2):hover .rightEwm img {
    display: block;
    opacity: 1;
}

.mark_img_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10000;
}

.mark_img_bg.open {
    top: 0;
}

.mark_img_bg .detail {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0.06rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}

.mark_img_bg .detail img {
    min-width: 8rem;
    max-width: 12rem;
    max-height: 8rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mark_img_bg .detail .close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.results-button-prev,
.results-button-next {
    width: 0.45rem;
    height: 0.45rem;
    background: #FFFFFF;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.results-button-prev:hover,
.results-button-next:hover {
    background: #103b8a;
}

.results-button-prev:after,
.results-button-next:after {
    color: #103b8a;
    font-size: 0.14rem;
}

.results-button-prev:hover:after,
.results-button-next:hover:after {
    color: #FFFFFF;
}

.results-button-next,
.swiper-container-rtl .results-button-prev {
    right: 13.5%;
    left: auto;
}

.results-button-prev,
.swiper-container-rtl .results-button-next {
    left: 5.5%;
    right: auto;
}

.results-button-next.swiper-button-disabled,
.results-button-prev.swiper-button-disabled {
    opacity: .8;
}

.count_left dl dd input {
    width: 60% !important;
}

.count_left dl dt {
    width: 40% !important;
}

.C-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.L-text {
    font-size: 0.18rem;
    padding-right: 15px;
    border-right: 1px solid #fff;
}

.L-text strong {
    font-size: 0.25rem;
}

.L-num {
    font-size: 0.52rem;
    text-align: center;
    font-weight: bolder;
    padding-left: 15px;
}


/*gxw  1920*/

html {
    scroll-behavior: smooth;
}

.kaben_honor_sec {
    padding: 1rem 0;
    background: url(../image/ka_zizhi_bg.jpg) no-repeat center center;
    background-size: cover;
}

.ka_honor_part {
    position: relative;
    padding: 30px 130px 0;
}

.ka_honor_container li {
    transition: 300ms;
    transform: scale(1.1);
    z-index: 1;
}

.ka_honor_container li.swiper-slide-active,
.ka_honor_container li.swiper-slide-duplicate-active {
    transform: scale(1.5);
    z-index: 10;
}

.ka_honor_part li a {
    width: 100%;
    height: 447px;
    text-align: center;
    line-height: 447px;
}

.ka_honor_part li a img {
    max-width: 100%;
    max-height: 100%;
}

.ka_history {
    position: relative;
    /* padding-top: 1rem; */
}

.ka_history .ttile_1 {
    margin-bottom: 0.5rem;
}


/*科研合作板块*/

.ka_cooperate_sec {
    padding: 1rem 0;
    background: url(../image/ka_result_bg.jpg) no-repeat center center;
    background-size: cover;
}

.ka_cooperate_sec .title_1 {
    margin-bottom: 30px;
}

.cooperate_part {
    position: relative;
}

.cooperate_imgcon {
    width: 640px;
    height: 640px;
    border: 2px solid #103b8a;
    border-radius: 50%;
    padding: 36px;
    box-sizing: border-box;
    margin: 0 auto;
}

.cooperate_imgcon img {
    width: 100%;
    height: 100%;
}

.cooperate_list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cooperate_list li {
    position: absolute;
    width: 300px;
}

.cooperate_list li .title {
    font-size: 34px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    margin-bottom: 12px;
}

.cooperate_list li .title:before {
    width: 6px;
    height: 33px;
    background: #103b8a;
    position: absolute;
    top: 5px;
    left: -18px;
    display: block;
    content: "";
}

.cooperate_list li .coop_info {
    font-size: 20px;
    color: #000000;
    line-height: 35px;
}

.cooperate_list li:first-of-type {
    top: 7%;
    left: 0;
}

.cooperate_list li:nth-of-type(2) {
    bottom: 8%;
    left: 0;
}

.cooperate_list li:nth-of-type(3) {
    top: 7%;
    right: 0;
}

.cooperate_list li:nth-of-type(4) {
    bottom: 8%;
    right: 0;
}

.public_sec {
    background: url(../image/ka_public_bg.jpg) no-repeat center center;
    background-size: cover !important;
}

.ka_public_part {
    position: relative;
}

.development_box .prev1,
.development_box .next1,
.ka_public_part .prev1,
.ka_public_part .next1 {
    position: absolute;
    margin: -25px 0 0;
}

.development_box .prev1,
.ka_public_part .prev1 {
    left: -80px;
    background-image: url(../image/case_prev_2.png);
}

.development_box .next1,
.ka_public_part .next1 {
    right: -80px;
    background-image: url(../image/case_next_2.png);
}

.ka_public_container {}

.ka_public_container li a {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ka_public_container li:nth-of-type(2n) a {
    flex-direction: column-reverse;
}

.ka_public_container li .img_con {
    width: 100%;
    height: 380px;
    background-size: cover !important;
}

.ka_public_container li .info_con {
    width: 100%;
    height: 380px;
    background: #FFFFFF;
    padding: 60px 40px 0;
    box-sizing: border-box;
    transition: all 0.3s;
}

.ka_public_container li .info_con .title {
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    margin-bottom: 15px;
}

.ka_public_container li .info_con .public_info {
    font-size: 18px;
    line-height: 36px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 144px;
    margin-bottom: 40px;
    overflow: hidden;
}

.ka_public_container li .info_con .time {
    display: block;
    text-align: right;
    font-size: 20px;
    color: #B3B3B3;
    transition: all 0.3s;
}

.ka_public_container li:hover .info_con {
    background: #103b8a;
    color: #fff;
}

.ka_public_container li:hover .info_con .time {
    color: #fff;
}

.ka_public_container li:hover .info_con .title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}


/*新???合作伙???*/

.partners_info {
    font-size: 24px;
    color: #4D4D4D;
    line-height: 30px;
    text-align: center;
}

.ka_partners_part {
    padding-top: 80px;
}

.ka_partners_part img {
    width: 100%;
}

.talent_nav_con {}

.talent_nav {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.talent_nav li {
    flex: 1;
}

.talent_nav li a {
    border-right: 1px solid #eee;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
}

.talent_nav li:first-of-type a {
    border-left: 1px solid #eee;
}

.talent_sec {
    padding: 0.8rem 0;
}

.talent_sec .title_1 {
    margin-bottom: 0.4rem;
}


/*gxw end 1920*/

@media screen and (max-width: 1920px) {
    .Concept_list li i {
        width: 0.45rem;
        height: 0.6rem;
    }
    .group_box_left .info,
    /* .Digital_info p, */
    .Lean_box_left .Lean_info .info,
    .Lean_box_left .Lean_info h6,
    .Precise_info p,
    .culture_ul li .info,
    .history_right p,
    .page_box_right p,
    .page_box_right h6,
    .page_box_right .quality li h3,
    .platform_info .info,
    .Features_list li .Features_li_box p,
    .team_info .info,
    .Media_box_right .i_con,
    .project_info,
    .Concept_list li p {
        font-size: 0.18rem;
    }
    .Precise_list li .item p {
        font-size: 0.16rem;
    }
}

@media screen and (max-width: 1680px) {
    /*gxw*/
    .banner .action {
        bottom: 40px;
    }
    .next1,
    .prev1 {
        width: 45px;
        height: 45px;
    }
    .next1 {
        margin-left: 25px;
    }
    .prev2,
    .next2 {
        width: 40px;
        height: 40px;
    }
    .ka_honor_part {
        padding: 10px 120px 0;
    }
    .ka_honor_part li a {
        height: 400px;
        line-height: 400px;
    }
    .content_nav li>a {
        line-height: 90px;
        font-size: 18px;
    }
    .content_nav_hide .content_nav_list>a {
        font-size: 17px;
        line-height: 45px;
        padding: 15px 20px;
    }
    .cooperate_imgcon {
        width: 540px;
        height: 540px;
        padding: 32px;
    }
    .cooperate_list li {
        width: 260px;
    }
    .cooperate_list li .title {
        font-size: 26px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .cooperate_list li .title:before {
        width: 5px;
        height: 25px;
        top: 5px;
        left: -15px;
    }
    .cooperate_list li .coop_info {
        font-size: 17px;
        line-height: 30px;
    }
    .development_box .prev1,
    .development_box .next1,
    .ka_public_part .prev1,
    .ka_public_part .next1 {
        margin: -20px 0 0;
    }
    .development_box .prev1,
    .ka_public_part .prev1 {
        left: -70px;
    }
    .development_box .next1,
    .ka_public_part .next1 {
        right: -70px;
    }
    .ka_public_container li .img_con {
        height: 325px;
    }
    .ka_public_container li .info_con {
        height: 325px;
        padding: 50px 35px 0;
    }
    .ka_public_container li .info_con .title {
        font-size: 24px;
        line-height: 30px;
        height: 30px;
        padding-bottom: 15px;
        margin-bottom: 12px;
    }
    .ka_public_container li .info_con .public_info {
        font-size: 16px;
        line-height: 30px;
        height: 120px;
        margin-bottom: 30px;
    }
    .ka_public_container li .info_con .time {
        font-size: 18px;
    }
    .partners_info {
        font-size: 20px;
    }
    .ka_partners_part {
        padding-top: 60px;
    }
    .system_left .title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 14px;
    }
    .system_left .line {
        width: 50px;
        height: 5px;
    }
    .category_list li {
        padding-top: 50px;
    }
    .category_list li .num {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-right: 20px;
        border-radius: 8px;
        font-size: 28px;
    }
    .category_list li .category_info {
        width: calc(100% - 80px);
        padding-bottom: 10px;
    }
    .category_list li .category_info .top .lit_title {
        font-size: 20px;
        margin-right: 15px;
    }
    .category_list li .category_info .top .tip {
        font-size: 18px;
    }
    .category_list li .category_info .bot {
        font-size: 20px;
        line-height: 35px;
    }
    .staff_list li {
        height: 270px;
    }
    .staff_list li .Staff_info .name {
        font-size: 20px;
    }
    .staff_list li .Staff_info .name span {
        font-size: 16px;
        margin-left: 9px;
    }
    .development_container .swiper-slide ul li .img_icon {
        height: 330px;
    }
    .Cooperation_ul li h6 {
        padding: 15px 0;
        font-size: 18px;
    }
    .Cooperation_ul li .contact_link {
        font-size: 15px;
        line-height: 28px;
    }
    /*    .banner_swiper{
        height: 550px;
    }*/
    /*gxw end*/
    .sec1-container li>a .img_con .img {
        background-size: 52% !important;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        width: 1.3rem;
        height: 3.4rem;
        margin-top: 0.7rem;
    }
    .performance_img .right .fr_bottom img {
        height: 3.2rem;
    }
    .Concept_list li i {
        width: 0.55rem;
        height: 0.7rem;
    }
    #certify .swiper-slide {
        width: 600px;
        height: 426px;
    }
    #certify img {
        width: 600px;
        height: 426px;
        display: block;
    }
}

@media screen and (max-width: 1600px) {
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.6rem;
    }
    #certify .swiper-slide {
        width: 580px;
        height: 426px;
    }
    #certify img {
        width: 580px;
        height: 426px;
        display: block;
    }
    .sec4-container ul>li {
        margin-right: 0.46rem !important;
    }
}

@media screen and (max-width: 1440px) {
    /*gxw*/
    .banner .action {
        bottom: 30px;
    }
    .next1,
    .prev1 {
        width: 40px;
        height: 40px;
    }
    .next1 {
        margin-left: 20px;
    }
    .prev2,
    .next2 {
        width: 35px;
        height: 35px;
    }
    .ka_honor_part {
        padding: 0 100px 0;
    }
    .ka_honor_part li a {
        height: 350px;
        line-height: 350px;
    }
    .history_container ul li .history_left {
        height: 380px;
    }
    .history_container ul li .history_right {
        padding: 65px 50px;
    }
    .history_right .history_info {
        line-height: 24px;
    }
    .history_right .time1 {
        margin-bottom: 15px;
    }
    .content_nav li>a {
        line-height: 80px;
        font-size: 18px;
    }
    .content_nav_hide .content_nav_list>a {
        font-size: 16px;
        line-height: 35px;
        padding: 15px 18px;
    }
    .cooperate_imgcon {
        width: 460px;
        height: 460px;
        padding: 26px;
    }
    .cooperate_list li {
        width: 240px;
    }
    .cooperate_list li .title {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 8px;
    }
    .cooperate_list li .title:before {
        width: 4px;
        height: 19px;
        top: 3px;
        left: -14px;
    }
    .cooperate_list li .coop_info {
        font-size: 15px;
        line-height: 27px;
    }
    .development_box .prev1,
    .development_box .next1,
    .ka_public_part .prev1,
    .ka_public_part .next1 {
        margin: -20px 0 0;
    }
    .development_box .prev1,
    .ka_public_part .prev1 {
        left: -60px;
    }
    .development_box .next1,
    .ka_public_part .next1 {
        right: -60px;
    }
    .ka_public_container li .img_con {
        height: 280px;
    }
    .ka_public_container li .info_con {
        height: 280px;
        padding: 40px 30px 0;
    }
    .ka_public_container li .info_con .title {
        font-size: 20px;
        line-height: 25px;
        height: 25px;
        padding-bottom: 12px;
        margin-bottom: 10px;
    }
    .ka_public_container li .info_con .public_info {
        font-size: 15px;
        line-height: 25px;
        height: 125px;
        margin-bottom: 25px;
        -webkit-line-clamp: 5;
        line-clamp: 5;
    }
    .ka_public_container li .info_con .time {
        font-size: 16px;
    }
    .partners_info {
        font-size: 16px;
    }
    .ka_partners_part {
        padding-top: 50px;
    }
    .system_part {
        margin-bottom: 30px;
    }
    .system_left {
        padding-right: 65px;
    }
    .system_left .title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .system_left .line {
        width: 40px;
        height: 4px;
    }
    .category_list li {
        padding-top: 40px;
    }
    .category_list li .num {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 20px;
        border-radius: 8px;
        font-size: 24px;
    }
    .category_list li .category_info {
        width: calc(100% - 70px);
        padding-bottom: 10px;
    }
    category_list li .category_info .top {
        margin-bottom: 10px;
    }
    .category_list li .category_info .top .lit_title {
        font-size: 18px;
        margin-right: 12px;
    }
    .category_list li .category_info .top .tip {
        font-size: 16px;
    }
    .category_list li .category_info .bot {
        font-size: 16px;
        line-height: 30px;
    }
    .staff_list li {
        height: 240px;
    }
    .staff_list li .Staff_info .name {
        font-size: 18px;
    }
    .staff_list li .Staff_info .name span {
        font-size: 16px;
        margin-left: 9px;
    }
    .development_container .swiper-slide ul li .img_icon {
        height: 280px;
    }
    .talent_nav li a {
        line-height: 30px;
        font-size: 18px;
    }
    .Cooperation_ul li h6 {
        padding: 12px 0;
        font-size: 18px;
    }
    .Cooperation_ul li .contact_link {
        font-size: 14px;
        line-height: 25px;
    }
    /* .banner_swiper{
         height: 500px;
     }*/
    /*gxw end*/
    .sec1-container li>a .img_con .img {
        background-size: 49% !important;
    }
    .sec2-container .swiper-slide {
        height: 4.5rem;
        width: 6.99rem;
    }
    .num .box .p1 {
        font-size: 0.48rem;
    }
    .num ul li:after {
        right: -35%;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.7rem;
        margin-top: 0.8rem;
    }
    .performance_img .right .fr_bottom img {
        height: 2.82rem;
    }
    .team-button-prev,
    .team-button-next {
        top: 91%;
    }
    #certify .swiper-slide {
        width: 540px;
        height: 400px;
    }
    #certify img {
        width: 540px;
        height: 400px;
        display: block;
    }
    .sec4-container ul>li {
        margin-right: 0.41rem !important;
    }
}

@media screen and (max-width: 1366px) {
    .intro .info {
        height: 1rem;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.6rem;
    }
    .Lean_box_left .Lean_info .info .points_x {
        height: 1.3rem;
    }
    .Precise_list li .item {
        padding: 0.5rem 29%;
    }
    .Precise_list li .item p {
        height: 1rem;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    .performance_img .right .fr_bottom img {
        height: 2.76rem;
    }
    .platform_info .info {
        height: 1.3rem;
    }
    .referral_method ul {
        width: 21%;
    }
    .Recruitment_details {
        width: 10rem;
        padding: 0.2rem 0.2rem 0.5rem;
    }
    #certify .swiper-slide {
        width: 480px;
        height: 370px;
    }
    #certify img {
        width: 480px;
        height: 370px;
        display: block;
    }
    .sec4-container ul>li {
        margin-right: 0.41rem !important;
    }
}

@media screen and (max-width: 1280px) {
    .intro .info {
        line-height: 1.8;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.4rem;
    }
    .Precise_list li .item p {
        height: 1.1rem;
    }
    .performance_img .right .fr_bottom img {
        height: 2.65rem;
    }
    .case_container ul li:hover .info {
        margin-top: -39%;
    }
    .results_list li h6 {
        width: 1rem;
    }
    .project_ul li .info:hover .info {
        margin-top: -39%;
    }
    .Staff_container ul li:hover .Staff_info {
        margin-top: -32%;
    }
    .map_ul li .map_address {
        height: 0.75rem;
    }
    .map_ul li .map_icon {
        height: 0.35rem;
    }
    #certify .swiper-slide {
        width: 460px;
        height: 330px;
    }
    #certify img {
        width: 460px;
        height: 330px;
        display: block;
    }
}

@media screen and (max-width: 1150px) {
    .sec1-container li>a .info_con .effect {
        display: none;
    }
    .intro .info {
        display: none;
    }
    .num ul li:after {
        right: -16%;
    }
    .sec3_bottom_ul li .lookicon .sec3_name_en {
        line-height: 0.25rem;
    }
    .pro-r li .pro-r-text .pro-r-text-title {
        font-size: 0.25rem;
        /* line-height: 0.4rem; */
    }
    .pro-r li .pro-r-text .pro-r-text-info {
        line-height: 0.3rem;
        font-size: 0.11rem;
    }
    .swiper3D {
        left: 0.8%;
    }
    #certify .swiper-slide {
        width: 420px;
        height: 300px;
    }
    #certify img {
        width: 420px;
        height: 300px;
        display: block;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {}
    .group_box_left .left_info {
        height: 2.1rem;
    }
    .Lean_box_left .Lean_info .info .points_x {
        height: 1.5rem;
    }
    .Precise_list li .item p {
        height: 0.9rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    .performance_img .right .fr_bottom img {
        height: 2.4rem;
    }
    .Profession_list li .learn_more {
        margin-top: 0.5rem;
    }
    .case_container ul li:hover .info {
        margin-top: -44%;
    }
    .case_container ul li .info {
        margin-top: -11%;
    }
    .platform_info .info {
        height: 1.56rem;
    }
    .Features_list li .Features_li_box p {
        height: 0.88rem;
    }
    .team_info .info {
        height: 1.25rem;
    }
    .team-button-prev,
    .team-button-next {
        top: 92%;
    }
    .results_list li h6 {
        width: 1.02rem;
    }
    .project_ul li .info:hover .info {
        margin-top: -44%;
    }
    .project_ul li .info {
        margin-top: -11%;
    }
    .development_container .swiper-slide ul li .info {
        height: 0.45rem;
    }
    .Profession_list li .Profession_li_box {
        height: 2.8rem;
    }
    .Staff_container ul li:hover .Staff_info {
        margin-top: -34%;
    }
    .Staff_container ul li .Staff_info .points_x {
        height: 0.56rem;
    }
    .referral_method ul {
        width: 25%;
    }
    .map_ul li .map_icon {
        height: 0.4rem;
    }
    .Media_box_right .i_con {
        height: 0.65rem;
    }
    .Concept_list li i {
        width: 0.55rem;
        height: 0.8rem;
    }
    .Concept_box_right {
        padding-left: 49%;
    }
    .inner_header .nav_hide_meum2:after {
        left: 39%;
    }
    .results_box_left {
        height: 6.4rem;
    }
    .results_container .swiper-slide .img {
        height: 6.4rem;
    }
    .results_container .swiper-slide .img img {
        height: 6.4rem;
    }
}

@media screen and (max-width: 1088px) {
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.7rem;
    }
    .inner_header .nav_hide_meum2:after {
        left: 40.5%;
    }
}

@media screen and (max-width: 1024px) {
    /*gxw*/
    .banner .action {
        bottom: 15px;
    }
    .Cooperation .Cooperation_ul {
        flex-wrap: wrap;
    }
    .Cooperation_ul li {
        width: 100%;
        padding: 10px 0;
    }
    .Cooperation_ul li .contact_link p {
        text-align: center;
    }
    /*  .banner_swiper{
        height: 300px;
    }*/
    .next1,
    .prev1 {
        width: 30px;
        height: 30px;
    }
    .next1 {
        margin-left: 15px;
    }
    .prev2,
    .next2 {
        width: 30px;
        height: 30px;
    }
    .prev2 {
        left: 15px;
    }
    .next2 {
        right: 15px;
    }
    .ka_honor_part {
        padding: 0 0 0;
    }
    .ka_honor_part li a {
        height: 250px;
        line-height: 250px;
    }
    .ka_honor_container li {
        transform: scale(1);
    }
    .ka_honor_container li.swiper-slide-active,
    .ka_honor_container li.swiper-slide-duplicate-active {
        transform: scale(1);
    }
    .history-button-prev,
    .history-button-next {
        width: 30px;
        height: 30px;
        bottom: 1px;
    }
    .history_tab_con {
        padding: 0 20px;
    }
    .history-tab {
        padding-bottom: 10px;
    }
    .history-tab::before {
        bottom: 13px;
    }
    .history_container .history_top {
        flex-wrap: wrap;
    }
    .history_container ul li .history_left {
        width: 100%;
        height: 236px;
    }
    .history_container ul li .history_right {
        padding: 25px 20px;
        width: 100%;
    }
    .history_right .history_info {
        font-size: 17px;
        line-height: 22px;
    }
    .content_nav li>a {
        line-height: 18px;
        font-size: 14px;
        padding: 20px 0;
    }
    .content_nav_hide .content_nav_list>a {
        font-size: 14px;
        line-height: 25px;
        padding: 10px 10px;
    }
    .cooperate_part {
        padding: 150px 0;
    }
    .cooperate_imgcon {
        width: 290px;
        height: 290px;
        padding: 8px;
    }
    .cooperate_list li {
        width: 45%;
    }
    .cooperate_list li .title {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .cooperate_list li .title:before {
        width: 2px;
        height: 16px;
        top: 2px;
        left: -10px;
    }
    .cooperate_list li .coop_info {
        font-size: 14px;
        line-height: 24px;
    }
    .cooperate_list li:first-of-type,
    .cooperate_list li:nth-of-type(3) {
        top: 0;
    }
    .cooperate_list li:nth-of-type(2),
    .cooperate_list li:nth-of-type(4) {
        bottom: 0;
    }
    .partners_info {
        font-size: 14px;
        line-height: 24px;
    }
    .ka_partners_part {
        padding-top: 25px;
    }
    .system_left {
        width: 100%;
        padding-right: 0;
    }
    .system_left .title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .system_left .line {
        width: 40px;
        height: 3px;
    }
    .category_list li .num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
        border-radius: 5px;
        font-size: 20px;
        display: block;
        padding: 0;
    }
    .category_list li {
        padding-top: 26px;
    }
    .category_list li .category_info {
        width: calc(100% - 50px);
        padding-bottom: 10px;
    }
    .category_list li .category_info .top {
        margin-bottom: 5px;
    }
    .category_list li .category_info .top .lit_title {
        font-size: 18px;
        margin-right: 10px;
    }
    .category_list li .category_info .top .tip {
        font-size: 15px;
    }
    .category_list li .category_info .bot {
        font-size: 14px;
        line-height: 26px;
    }
    .system_right {
        width: 100%;
    }
    .staff_list li {
        height: 235px;
    }
    .staff_list li .Staff_info {
        padding: 8px 15px;
    }
    .development_container .swiper-slide ul li {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .development_container .swiper-slide ul li .img_icon {
        height: 220px;
    }
    /*gxw end*/
    .sec4-container ul>li {
        height: 4.9rem;
    }
    .num ul li:after {
        right: -7%;
    }
    #certify .swiper-slide {
        width: 380px;
        height: 250px;
    }
    #certify img {
        width: 380px;
        height: 250px;
        display: block;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        height: 3.17rem;
    }
    .group_box_left .left_info {
        height: 2rem;
    }
    .Lean_box_left .Lean_info .info .points_x {
        height: 1.4rem;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    .Precise_list li .item p {
        height: 0.96rem;
    }
    .performance_img .right .fr_bottom {
        margin-top: 0.4rem;
    }
    .case_container ul li .info {
        margin-top: -13%;
    }
    .case_container ul li:hover .info {
        margin-top: -49%;
    }
    .platform_info .info {
        height: 1.4rem;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    .team_info .info {
        height: 1.4rem;
    }
    .Features_list li .Features_li_box p {
        height: 1rem;
    }
    .results_list li h6 {
        width: 1.2rem;
    }
    .project_ul li .info:hover .info {
        margin-top: -49%;
    }
    .project_ul li .info {
        margin-top: -13%;
    }
    .pageing ul li {
        line-height: 1.5;
    }
    .Staff_container ul li:hover .Staff_info {
        margin-top: -37%;
    }
    .Staff_container ul li .Staff_info .points_x {
        height: 0.65rem;
    }
    .inner_header .nav_hide_meum2:after {
        left: 42%;
    }
    .sec4-container ul>li .info_con .i_con {
        height: 0.5rem;
        margin-top: 0.17rem;
    }
    .sec4-container ul>li .info_con .text_con {
        line-height: 0.28rem;
    }
    .Profession_list li .Profession_li_box {
        height: 3.6rem;
    }
    .Profession_list li .learn_more {
        margin-top: 0.9rem;
    }
}

@media screen and (max-width: 900px) {
    /*gxw*/
    .banner_swiper {
        height: 220px;
    }
    /*gxw end*/
    .w {
        margin: 0;
        /* 	width: auto; */
        padding: 0 15px;
        overflow: hidden;
    }
    .header {
        padding: 10px 0;
    }
    .topnav .logo img {
        width: 96px;
        height: 37px;
        margin: 0
    }
    .topnav .menu_btn {}
    .menu_btn #menu_trigger_button {
        height: 12px;
        width: 20px;
        margin-top: 5px;
    }
    #menu_trigger_button span.line_1 {
        width: 20px;
    }
    #menu_trigger_button span.line_2 {
        width: 15px;
        margin-left: 5px;
        margin-top: 5px
    }
    #menu_trigger_button span.line_3 {
        width: 20px;
        margin-top: 10px
    }
    .banner .banner_text {
        top: 42%;
        width: 100%;
    }
    .banner .banner_text h6 {
        font-size: 11px;
        line-height: 22px;
    }
    .banner .banner_text h1 {
        font-size: 22px;
    }
    .banner .banner_text .vr h3 {
        font-size: 19px;
        line-height: 14px;
    }
    .banner .banner_text .vr {
        margin-top: 13px;
    }
    .banner .banner_text .vr i {
        width: 29px;
        height: 60px;
    }
    .down {
        bottom: 476px;
        width: 22px;
        height: 46px;
    }
    .sec {
        padding: 25px 0;
    }
    .sec .title_1 .title1_1 {
        font-size: 25px;
    }
    .sec .title_1 .title2_1 {
        font-size: 14px;
        line-height: 34px;
    }
    .sec .title_1 {
        margin-bottom: 0;
    }
    .intro {
        width: 100%;
    }
    .intro .EN_CN .EN {
        font-size: 18px;
    }
    .intro .EN_CN .CN {
        font-size: 18px;
        line-height: 38px;
    }
    .intro .info {
        margin-top: 13px;
    }
    .intro .info {
        height: 65px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    .swiper {
        width: 100%;
        margin: 24px 0 10px;
    }
    .sec1-container ul {
        margin: 10px 0;
        margin-left: 5px;
    }
    .sec1-container li>a .img_con {
        padding-top: 80%;
    }
    .sec1 {
        padding-bottom: 0;
    }
    .sec1_1 {
        padding: 0
    }
    .sec3 .about {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
    .sec .title_2 .title1_2 {
        font-size: 26px;
        line-height: 40px;
    }
    .sec .title_2 .title2_2 {
        font-size: 14px;
    }
    .sec4_title_2 {
        width: 100%;
    }
    .new_menu {
        width: 100%;
    }
    .sec4_top {
        display: block;
    }
    .menu>a {
        margin-right: 40px;
        margin-left: 0;
        margin-top: 10px;
    }
    .sec4_bottom {
        margin-top: 13px;
        height: 327px;
    }
    .sec4-container ul {
        margin-bottom: 20px;
    }
    .sec4-container ul>li .info_con .title {
        font-size: 14px;
        height: 46px;
        line-height: 23px;
    }
    .sec4-container ul>li .info_con .time {
        margin-top: 14px;
        font-size: 12px;
    }
    .sec4-button-prev,
    .sec4-button-next {
        width: 30px;
        height: 30px;
    }
    .sec4-button-prev:after,
    .sec4-button-next:after {
        font-size: 10px;
    }
    .sec4-button-next {
        right: -5px;
    }
    .sec4-button-prev {
        left: -5px;
    }
    .sec4-container ul>li .info_bg {
        top: 104px;
    }
    .sec_read_more {
        font-size: 12px;
        padding: 7px 28px;
        left: 35%;
        -webkit-box-shadow: 0px 0px 10px #b8dac7;
        -moz-box-shadow: 0px 0px 10px #b8dac7;
        box-shadow: 0px 0px 10px #b8dac7;
    }
    .sec5 {
        margin-top: -15px;
    }
    .waves {
        top: -16px;
    }
    .sec5_top {
        display: block;
    }
    .pro-box .pro-l {
        width: 100%;
        height: 100%;
    }
    .pro-box .pro-l img {
        width: 100%;
        height: 221px;
    }
    .pro-l .pro-bg .bg-title1 {
        font-size: 19px;
    }
    .pro-l .pro-bg .bg-title2 {
        line-height: 40px;
        font-size: 12px;
    }
    .pro-l .pro-bg {
        position: absolute;
        width: 100%;
        bottom: 0;
        padding-left: 14px;
    }
    .pro-r {
        width: 100%;
        margin-top: 16px;
    }
    .pro-l .pro-bg .right {
        width: 35px;
        height: 35px;
        background-color: #103b8a;
        border-radius: 5px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .pro-l .pro-bg .right i {
        width: 9px;
        height: 9px;
    }
    .pro-r li .pro-r-img img {
        width: 100%;
        height: 100%;
    }
    .pro-r li .pro-r-img {
        width: 100%;
        height: 114px;
    }
    .pro-r li .pro-r-text .pro-r-text-info {
        line-height: 21px;
        height: 23px;
        font-size: 11px;
    }
    .pro-r li:nth-of-type(2) .pro-r-img {
        margin-top: -228px;
    }
    .pro-r li:nth-of-type(2) .pro-r-text {
        margin-top: 114px;
    }
    .pro-r li .pro-r-text .pro-r-text-title {
        font-size: 15px;
        line-height: 44px;
    }
    .pro-r li .pro-r-text {
        padding: 0px 14px 0px;
    }
    .pro-r li .pro-r-text .pro-r-text-more {
        line-height: 30px;
        font-size: 10px;
    }
    .menu {
        font-size: 15px;
        margin-top: 10px;
    }
    .sec4-container {
        margin-bottom: 15px;
    }
    .sec5_bg {
        z-index: -1;
        height: 290px;
    }
    .sec5_top {
        padding-top: 45px;
    }
    .sec5-button-prev,
    .sec5-button-next {
        display: none;
    }
    .foot_top {
        padding: 29px 0 20px;
    }
    .foot_top dt {
        line-height: 37px;
    }
    .foot_top .left .tel {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .foot_top .left p {
        line-height: 23px;
        font-size: 13px;
    }
    .center {
        margin-left: 0;
        margin-top: 10px;
    }
    footer .right {
        width: 100%;
        padding-top: 38px;
    }
    footer .right .message p {
        margin-bottom: 22px;
    }
    footer .right .message .button {
        width: 75px;
        height: 25px;
        font-size: 13px;
    }
    footer .foot_bottom .Copyright {
        line-height: 24px;
        width: 79%;
        font-size: 12px;
        padding-top: 0;
    }
    .center_ul li i {
        width: 50px;
        height: 50px;
        background-size: 92% !important;
    }
    .foot_top dt {
        font-size: 16px;
    }
    footer .right .message p .input {
        font-size: 13px;
        height: 20px;
        padding: 0 10px;
    }
    footer .right .message p {
        height: 25px;
    }
    footer .right .message p.p2 .yzm {
        width: 75px;
        height: 25px;
    }
    .bdshare-button-style0-16 {
        margin-top: -65px;
    }
    .bdsharebuttonbox.bdshare-button-style0-16 a {
        width: 32px;
        height: 50px;
    }
    .sec3_bottom_ul li {
        width: 49%;
        height: 144px;
        margin: 0;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    .sec3_bottom_ul li:nth-of-type(2n) {
        margin-left: 2px;
    }
    .sec3_bottom_ul li.active {
        width: 49%;
    }
    .sec3_bottom_ul li a {
        background: rgba(0, 0, 0, 0);
    }
    .sec3_bottom_ul li .mark {
        opacity: 1;
    }
    .sec3_bottom_ul li .lookmore {
        opacity: 1;
        padding: 0 10px;
        bottom: 10px;
    }
    .sec3_bottom_ul li .lookmore .sec3_name {
        font-size: 16px;
        line-height: 1.5;
    }
    .sec3_bottom_ul li .lookmore .sec3_address {
        font-size: 11px;
        line-height: 17px;
        height: 32px;
        width: 85%;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    .lookmore .left {
        width: 72%;
    }
    .lookmore .right {
        width: 35px;
        height: 35px;
        background-color: #103b8a;
        border-radius: 5px;
        margin-right: -2px;
        margin-top: 20px;
    }
    .lookmore .right i {
        width: 9px;
        height: 9px;
    }
    .sec3_bottom_ul li .lookmore .sec3_name:after {
        width: 80%;
    }
    #menu_trigger_button.active {
        margin-top: -3px;
    }
    .menu_box nav.pc_meum {
        width: 100%;
    }
    .menu_box nav ul {
        height: auto;
        padding-top: 8px;
        display: block;
    }
    .menu_box nav li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .menu_box nav li>a {
        line-height: 50px;
        font-size: 20px;
        text-align: left;
    }
    .menu_box nav .hide_meum {
        display: none;
        -moz-transition: inherit;
        -ms-transition: inherit;
        -webkit-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }
    .menu_box nav .hide_meum>dd {
        margin-right: 0;
    }
    .menu_box nav .hide_meum>dd a {
        line-height: 42px;
        font-size: 18px;
    }
    .menu_box nav .nav_b {
        left: 15px;
    }
    .menu_box nav .nav_share {
        right: 15px;
    }
    .num {
        padding: 10px 0;
    }
    .num ul {
        flex-wrap: wrap;
    }
    .num ul li {
        width: 50%;
        padding: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .num .box .p1 {
        font-size: 24px;
        line-height: 22px;
    }
    .num .box .p2 {
        font-size: 11px;
        line-height: 23px;
    }
    .num .box {
        padding: 0;
    }
    .num ul li:after {
        right: -6%;
    }
    .num ul li:nth-of-type(2n):after {
        display: none;
    }
    .sec2-container {
        width: 100%;
    }
    .sec2-container .swiper-slide {
        height: 244px;
        width: 80%;
    }
    .sec2_top {
        margin-bottom: -28px;
    }
    .view_more {
        font-size: 12px;
        margin: 13px 0 25px;
        padding: 0 10px;
        line-height: 22px;
    }
    .sec1-container li>a .info_con .name {
        height: 25px;
        line-height: 1.2;
        font-size: 16px;
    }
    #menu_container .menu_btn {
        margin: 27px 0 0;
    }
    .contant {
        margin: 0 15px;
    }
    .menu_logo img {
        width: 96px;
        height: 37px;
        margin: 21px 15px
    }
    .down {
        width: 14px;
        height: 29px;
        bottom: 6px;
    }
    .sec4-container ul>li {
        height: 266px;
    }
    .sec4-container ul>li .info_con .line {
        width: 20px;
        height: 2px;
    }
    .sec4-container ul>li .info_con {
        padding: 18px 0 0px;
        width: 155px;
        margin: 0 auto;
    }
    .sec4-container ul>li {
        margin-right: 10px !important;
    }
    .sec1-container li>a .img_con .img {
        background-size: 60% !important;
    }
    .sec1-container li>a .info_con .effect {
        font-size: 13px;
        line-height: 18px;
    }
    .sec1-button-prev,
    .sec1-button-next {
        width: 30px;
        height: 30px;
    }
    .sec1-button-next,
    .swiper-container-rtl .sec1-button-prev {
        right: -11px;
        left: auto;
    }
    .sec1-button-prev,
    .swiper-container-rtl .sec1-button-next {
        left: -11px;
        right: auto;
    }
    footer .left {
        width: 100%;
    }
    footer .center {
        width: 85%;
    }
    .sec2-container .swiper-slide img {
        width: 100%;
        height: 80%;
    }
    .sec3 {
        background: url(../image/sec3_bg.jpg) no-repeat;
        /* background-size: cover; */
    }
    .sec4 {
        margin-top: -9px;
    }
    .sec2-button-prev,
    .sec2-button-next {
        width: 30px;
        height: 30px;
        top: 44%;
    }
    .sec2-button-prev {
        left: 18px;
    }
    .sec2-button-next {
        right: 30px;
    }
    .sec1-container li>a .info_con {
        padding: 6px 12px;
    }
    .num .box .p1 i {
        margin-left: -7px;
    }
    .sec1-container li {
        padding-top: 15px;
    }
    .sec1 {
        padding-bottom: 10px;
    }
    .sec5-container .pro-box {
        margin-bottom: 30px;
        margin-top: 10px -webkit-box-shadow: 0px 0px 20px -8px #b8dac7;
        -moz-box-shadow: 0px 0px 20px -8px #b8dac7;
        box-shadow: 0px 0px 20px -8px #b8dac7;
    }
    .sec5 {
        margin-bottom: 0px;
    }
    .wx_ewm_img,
    .wb_ewm_img {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: none;
        background: rgba(0, 0, 0, .4);
    }
    .wx_ewm_img img,
    .wb_ewm_img img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .wx_ewm_img .close,
    .wb_ewm_img .close {
        font-size: 18px;
        position: absolute;
        top: 43%;
        right: 30%;
        transform: translate(-50%, -50%);
    }
    .sec4-container ul>li .info_con .i_con {
        height: 50px;
        width: 100%;
    }
    .read_more i {
        width: 32px;
        height: 32px;
        background: url(../image/read_more.png) no-repeat center center;
        position: relative;
        top: 10px;
        background-size: 100%;
    }
    footer .foot_bottom {
        padding: 16px 0;
    }
    #certify {
        position: relative;
        width: 350px;
        margin: 0 auto;
        padding-right: 0;
    }
    #certify .swiper-slide {
        width: 300px;
        height: 228px;
    }
    #certify .swiper-slide img {
        width: 300px;
        height: 228px;
    }
    .sec2_top .swiper_right img,
    .sec2_top .swiper_left img {
        width: 1.2rem;
        height: 2.9rem;
        margin-top: 1.6rem;
    }
    #certify .swiper-container {
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    /* 走进华能 */
    .inner_header {
        padding: 10px 0;
    }
    .content .C_title .C_CN {
        font-size: 23px;
        line-height: 2;
    }
    .content .C_title .C_EN {
        font-size: 20px;
        line-height: 1.5;
    }
    .content .title1_1 {
        font-size: 25px;
    }
    .content .title1_2 {
        font-size: 12px;
        line-height: 30px;
    }
    .group_profile {
        margin-top: 20px;
    }
    .group_box .group_box_left {
        width: 100%;
    }
    .group_box_right {
        width: 100%;
        margin-top: 10px;
    }
    .group_box_left .info {
        height: 100%;
    }
    .group_num .p1 span {
        font-size: 24px;
        line-height: 32px;
    }
    .group_num .p1 .jh {
        font-size: 16px;
        top: -4px;
    }
    .group_num .p2 {
        font-size: 14px;
    }
    .group_box_right .circle1 {
        width: 50px;
        height: 50px;
        right: 41%;
    }
    .group_box_right a {
        width: 50px;
        height: 50px;
    }
    .group_box_right .circle1:after,
    .group_box_right .circle1:before {
        width: 50px;
        height: 50px;
    }
    .vr_2 {
        width: 92px;
        height: 33px;
        margin: 0 0 10px;
    }
    .Digital_honor {
        padding: 25px 0;
    }
    #certify1 {
        width: 100%;
    }
    #certify1 img {
        width: 100%;
        height: 250px;
    }
    #certify1 .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .Digital-button-prev,
    .Digital-button-next {
        width: 30px;
        height: 30px;
    }
    .Digital-button-next,
    .swiper-container-rtl .Digital-button-prev {
        right: 4%;
    }
    .Digital-button-prev,
    .swiper-container-rtl .Digital-button-next {
        left: 4%;
    }
    .Honor {
        margin: 25px 0;
    }
    .Honor_container ul li .big i {
        width: 14px;
        height: 19px;
    }
    .Honor-button-prev,
    .Honor-button-next {
        width: 30px;
        height: 30px;
        top: 110%;
    }
    .Honor-button-next,
    .swiper-container-rtl .Honor-button-prev {
        right: 40%;
    }
    .Honor-button-prev,
    .swiper-container-rtl .Honor-button-next {
        left: 42%;
    }
    .Lean {
        padding: 25px 0;
    }
    .Lean_box .Lean_box_left {
        width: 100%;
    }
    .Lean_box_right {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .title_2 .title2_1 {
        font-size: 25px;
    }
    .title_2 .title2_2 {
        font-size: 12px;
        line-height: 30px;
    }
    .Lean_box_left .Lean_info h2 {
        font-size: 18px;
    }
    .Lean_box_left .Lean_info .info {
        font-size: 12px;
    }
    .Lean_box_left .Lean_info h6 {
        font-size: 13px;
    }
    .Lean_box_left .Lean_info .info .points_x {
        height: 100%;
    }
    .Lean_container ul li img {
        width: 100%;
        height: 100%;
    }
    .Lean-button-prev,
    .Lean-button-next {
        width: 30px;
        height: 30px;
    }
    .Lean-button-prev,
    .swiper-container-rtl .Lean-button-next {
        left: 78%;
    }
    .Lean-button-next,
    .swiper-container-rtl .Lean-button-prev {
        right: 4%;
    }
    .Precise {
        padding: 25px 0;
        height: 492px;
    }
    .Precise_info h2 {
        font-size: 18px;
    }
    .Precise_info p {
        font-size: 12px;
    }
    .Precise_info .point {
        white-space: unset;
    }
    .Precise_info .point p {
        text-align: left;
    }
    .Precise_list {
        --counter: 2;
        grid-gap: 5px 26px;
        margin-left: -15px;
    }
    .Precise_list li {
        padding-bottom: 100%;
    }
    .Precise_list li .item h1 {
        font-size: 14px;
        line-height: 1.5;
        padding: 0 5px;
        margin: 0;
    }
    .Precise_list li .item {
        padding: 12px 41px 33px;
        text-align: center;
    }
    .Precise_list li .item p {
        height: 38px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 12px;
        text-align: center;
    }
    .Precise_list li .item h2 {
        font-size: 12px;
        margin-top: 10px;
        text-align: center;
    }
    .culture_ul {
        display: block;
        margin-top: 10px;
    }
    .culture_ul li {
        float: left;
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .culture_ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .culture_ul li i {
        width: 50px;
        height: 50px;
    }
    .culture_ul li a {
        position: relative;
        left: 50%;
        webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .history {
        padding: 25px 0;
    }
    .history_right .time1 {
        font-size: 17px;
    }
    .history-tab ul li .time2 {
        font-size: 16px;
        line-height: 1.5;
    }
    .history-tab ul li i {
        width: 5px;
        height: 5px;
        top: 26px;
    }
    .history-tab ul li {
        height: 33px;
    }
    /* 精品?????? */
    .Conventional_list li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 6%;
    }
    .Conventional_list li>a .info_con .effect {
        display: none;
    }
    .Conventional_list li>a .info_con .name {
        font-size: 16px;
    }
    .Conventional_list li .view_more {
        margin-top: 10px;
        bottom: -8px;
    }
    .pageing {
        padding: 10px 0;
    }
    .pageing ul li {
        font-size: 13px;
        width: 20px;
        height: 20px;
        line-height: 1.5;
        margin-right: 14px;
    }
    .pageing ul li.prev,
    .pageing ul li.next {
        width: 50px;
        font-size: 13px;
    }
    .Conventional_list li>a .info_con {
        padding: 6px 12px;
    }
    .page_box {
        margin-top: 25px;
    }
    .page_back i {
        width: 20px;
        height: 20px;
        margin-bottom: -5px;
    }
    .page_back span {
        font-size: 14px;
    }
    .page_box_left {
        width: 100%;
    }
    .page_container ul li img {
        width: 100%;
        height: 100%;
    }
    .page_box_right {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .page_box_right h1 {
        font-size: 20px;
    }
    .page_box_right p {
        font-size: 14px;
    }
    .page_box_right h6 {
        font-size: 14px;
    }
    .page_box_right .quality li i {
        width: 13px;
        height: 13px;
    }
    .page_box_right .quality li h3 {
        font-size: 14px;
    }
    .page_box_right .intro_list {
        margin: 10px 0;
        padding: 11px 4px;
    }
    .page_box_right .intro_list li {
        font-size: 15px;
    }
    .page_box_right .service a {
        font-size: 14px;
    }
    .page_box_right .service span {
        font-size: 12px;
        margin-left: 0;
        margin: 5px 0;
    }
    .page_list {
        margin-top: 15px;
    }
    .page_list_ul li {
        font-size: 14px;
        padding: 12px 13px;
    }
    .page_list_ul li::before {
        height: 12px;
    }
    .page_list_ul li::after {
        bottom: -6px;
        margin-left: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #103b8a;
    }
    .introduce_list li {
        float: left;
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .introduce_list li .icon .yq_img {
        width: 40px;
        height: 40px;
    }
    .introduce_list li .icon i {
        width: 35px;
        height: 35px;
    }
    .introduce_list li h4 {
        font-size: 16px;
    }
    .introduce_list li p {
        font-size: 12px;
    }
    .introduce_list li .list_num {
        font-size: 23px;
    }
    .page .title1_1 {
        font-size: 25px;
    }
    .page .title1_2 {
        font-size: 12px;
        line-height: 30px;
    }
    .performance {
        padding: 25px 0;
    }
    .performance_category .item-li {
        padding: 10px 0;
    }
    .performance_category .item-li h5 {
        font-size: 12px;
    }
    .performance_category .item-li .item-li-right span {
        font-size: 12px;
        line-height: 1.5;
    }
    .performance_img .left {
        width: 100%;
    }
    .performance_img .left .img_fl img {
        width: 100%;
        height: 100%;
    }
    .performance_img .right {
        width: 100%;
    }
    .performance_img .right h5 {
        font-size: 14px;
    }
    .performance_img .right .fr_top .info {
        font-size: 13px;
    }
    .performance_img .right .fr_bottom img {
        width: 100%;
        height: 100%;
    }
    .Construction {
        margin: 20px 0;
    }
    .Construction_box {
        margin: 10px;
    }
    .Case {
        margin: 25px 0;
    }
    .case_container ul li .info h1 {
        font-size: 16px;
    }
    .case_container ul li .info .case_list {
        margin-top: 10px;
        font-size: 15px;
    }
    .case_container ul li .info {
        margin-top: 0;
        opacity: 1;
        overflow: visible;
        top: 8%;
    }
    .case_container ul li:hover .info {
        margin-top: 0;
        top: 8%;
    }
    .case-button-prev,
    .case-button-next {
        width: 30px;
        height: 30px;
    }
    .case-button-next {
        right: 0%;
    }
    .case-button-prev {
        left: 0;
    }
    .Related {
        padding: 25px 0;
    }
    .related_container li>a .info_con {
        padding: 6px 12px;
    }
    .related_container li>a .info_con .name {
        font-size: 16px;
        height: 31px;
        line-height: 1.2;
    }
    .related_container li>a .info_con .effect {
        display: none;
    }
    .platform {
        padding: 25px 0;
    }
    .platform_box_left {
        width: 100%;
        padding-top: 0;
    }
    .platform_info h2 {
        font-size: 15px;
    }
    .platform_info .info {
        font-size: 13px;
        height: 100%;
        -webkit-line-clamp: 9;
        line-clamp: 9;
    }
    .platform_box_right {
        width: 100%;
        padding-left: 0;
    }
    .platform_container ul li img {
        width: 100%;
        height: 100%;
    }
    .platform-button-prev,
    .platform-button-next {
        width: 30px;
        height: 30px;
        top: 90%;
    }
    .platform-button-next,
    .swiper-container-rtl .platform-button-prev {
        right: 4%;
    }
    .platform-button-prev,
    .swiper-container-rtl .platform-button-next {
        left: 80%;
        right: auto;
    }
    .Features_title {
        font-size: 25px;
    }
    .Features {
        padding: 25px 0;
        height: 100%;
    }
    .Features_list li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 7%;
    }
    .Features_list li h1 {
        font-size: 50px;
        top: -9%;
    }
    .Features_list li:nth-of-type(2n) {
        margin-right: 0;
    }
    .Features_list li .Features_li_box h3 {
        font-size: 16px;
    }
    .Features_list li .Features_li_box p {
        font-size: 13px;
        height: 100%;
        -webkit-line-clamp: 10;
        line-clamp: 10;
    }
    .team {
        margin-top: 0;
        padding-top: 20px;
    }
    .team_box-left {
        width: 100%;
        padding: 0;
    }
    .team_info h2 {
        font-size: 15px;
    }
    .team_info .info {
        font-size: 13px;
        height: 100%;
        -webkit-line-clamp: 10;
        line-clamp: 10;
    }
    .team_box-right {
        width: 100%;
        height: 100%;
        margin-top: 10px;
    }
    .team_container ul li img {
        width: 100%;
        height: 100%;
    }
    .team_num .p2 {
        font-size: 13px;
    }
    .team_num .p1 span {
        font-size: 24px;
    }
    .team_num .p1 i {
        font-size: 15px;
    }
    .team_num .p1 i.jh {
        top: -7px
    }
    .team-button-prev,
    .team-button-next {
        width: 40px;
        height: 40px;
        top: 95%;
    }
    .team-button-next,
    .swiper-container-rtl .team-button-prev {
        right: 79%;
        left: auto;
    }
    .results {
        margin: 25px 0;
    }
    .results_box {
        padding: 25px 0;
    }
    .results_box_left {
        width: 100%;
        height: 100%;
    }
    .results_list {
        padding: 15px;
    }
    .results_list li h6 {
        width: 90px;
    }
    .results_list li i:nth-of-type(2) {
        left: -16px;
    }
    .results_box_right {
        width: 100%;
        padding: 10px 15px;
    }
    .results_container .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    .results-pagination {
        left: 45%;
    }
    .results-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin-right: 10px;
    }
    /* 新闻资??? */
    .Technical_box li .info {
        width: 80%;
        bottom: 10px;
    }
    .Technical_box li .info .title {
        font-size: 14px;
    }
    .Technical_box li .info .time {
        font-size: 11px;
        line-height: 14px;
    }
    .Technical_box_right li {
        height: 100%;
        border: none;
        box-shadow: none;
    }
    .Technical_box_right li a,
    .Technical_box_left li a {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0px 3px 17px 0px #b8dac7;
        -moz-box-shadow: 0px 3px 17px 0px #b8dac7;
        box-shadow: 0px 3px 17px 0px #b8dac7;
    }
    .Technical_box_right li .img_con {
        padding-top: 69.5%;
    }
    .Technical_box_right li:nth-of-type(1) {
        margin-bottom: 5px;
    }
    .Technical_box_left li {
        height: 100%;
        border: none;
        box-shadow: none;
    }
    .Technical_box_left li .img_con {
        padding-top: 88.6%;
    }
    .sec4-container ul>li .info_con .text_con {
        font-size: 12px;
        line-height: 2;
    }
    .content_list_1 {
        margin-top: 25px;
    }
    .content_list_1 li {
        width: 48%;
        margin-right: 2%;
        height: 216px;
        margin-bottom: 3%;
    }
    .content_list_1 li .info_bg {
        top: 104px;
    }
    .content_list_1 li .info_con .title {
        font-size: 14px;
        height: 46px;
        line-height: 23px;
    }
    .content_list_1 li .info_con .line {
        width: 20px;
        height: 2px;
    }
    .content_list_1 li .info_con .time {
        margin-top: 14px;
        font-size: 12px;
    }
    .Media_container ul li .Media_box_left {
        width: 100%;
    }
    .Media_container ul li .Media_box_left img {
        width: 100%;
        height: 250px;
    }
    .Media_box_bg {
        height: 426px;
    }
    .Media_container ul li .Media_box_right {
        width: 100%;
        padding: 10px 5px;
    }
    .view_details {
        font-size: 14px;
        padding: 10px 15px;
    }
    .Media-button-prev,
    .Media-button-next {
        width: 30px;
        height: 30px;
        top: 94%;
    }
    .Media-button-prev {
        left: 80%;
    }
    .Media_container .Media_index {
        top: 63%;
        font-size: 13px;
    }
    .Media_container .Media_index .index {
        font-size: 18px;
    }
    .new_page .left {
        width: 100%;
        padding-right: 0;
        border: none;
    }
    .new_page .left .new_page_title {
        font-size: 22px;
    }
    .new_page .left .new_page_time_share .time i {
        width: 10px;
        height: 10px;
    }
    .new_page .left .new_page_time_share .time span {
        font-size: 14px;
    }
    .new_page .left .new_page_time_share .share i {
        width: 18px;
        height: 18px;
    }
    .new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_weixin,
    .new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_sqq,
    .new_page .left .new_page_time_share .share .bdsharebuttonbox .bds_tsina {
        width: 18px;
        height: 18px;
    }
    .new_page .left .new_page_info {
        font-size: 16px;
    }
    .next_page a {
        font-size: 17px;
    }
    .new_page .right {
        width: 100%;
        padding: 20px 0;
    }
    .new_page .right h1 {
        font-size: 18px;
    }
    .new_page .right .related_ul li .title {
        font-size: 16px;
        width: 348px;
    }
    .new_page .right .related_ul li .time {
        font-size: 15px;
    }
    /* 经典工程 */
    .project_box {
        margin-top: 33px;
    }
    .project_box_left {
        width: 100%;
        margin: 0;
    }
    .project_box_right {
        width: 100%;
        margin-top: 10px;
    }
    .project_box_left h3 {
        font-size: 20px;
        line-height: 2, 5;
    }
    .project_info {
        font-size: 15px;
        margin-top: 10px;
    }
    .project-button-prev,
    .project-button-next {
        width: 30px;
        height: 30px;
        top: 34%;
    }
    .project-button-next {
        left: 92%;
    }
    .project-button-prev {
        left: 83%;
    }
    .project_container .project_index .index2 {
        font-size: 18px;
    }
    .project_container .project_index {
        left: 87%;
        top: 6%;
    }
    .project_info p {
        text-align: left;
        white-space: normal;
        line-height: 1.8;
    }
    .project_ul li {
        width: 49%;
        margin-right: 2%;
    }
    .project_ul li:nth-of-type(3n) {
        margin-right: 2%;
    }
    .project_ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .project_ul li .info {
        margin-top: -15%;
    }
    .project_ul li .img {
        position: relative;
        width: 100%;
        height: 128px;
    }
    .project_ul li .img img {
        width: 100%;
        height: 100%;
    }
    .project_box_right img {
        width: 100%;
        height: 259px;
    }
    .project_ul li .info .case_list p {
        text-align: left;
        line-height: 1.5;
    }
    .project_ul li .info .case_list {
        font-size: 12px;
        margin-top: 0;
        display: none;
    }
    .project_ul li .info h1 {
        font-size: 13px;
        line-height: 1.5;
    }
    /* 人才理念 */
    .Concept_box_left {
        width: 100%;
    }
    .Concept_box_right {
        width: 100%;
        padding-left: 15px;
        margin: 12px 5px 24px;
        position: relative;
    }
    .Concept_list {
        padding: 0;
    }
    .Concept_list li i {
        width: 45px;
        height: 45px;
        display: none;
    }
    .Concept_list li h3 {
        font-size: 18px;
        width: 13%;
        margin-left: 0;
        margin-top: 15px;
    }
    .Concept_list li {
        margin-bottom: 0;
    }
    .Concept_list li p {
        font-size: 12px;
        margin-top: 12px;
        /*  height: 80px; */
        width: 81%;
        display: block;
        height: 100%;
    }
    .development {
        padding: 25px 0;
    }
    .development_container .swiper-slide ul li .info {
        height: 27px;
        font-size: 12px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .Profession_list li .Profession_li_box .info_con {
        display: none;
    }
    .Profession_list li .Profession_li_box dl dd {
        display: none;
    }
    .Profession_list li .Profession_li_box .top {
        height: 22px;
    }
    .Profession_list li {
        height: 100%;
        border-radius: 5px;
    }
    .Profession_list li h1 {
        font-size: 50px;
    }
    .Profession_list li .learn_more {
        font-size: 12px;
        line-height: 1.8;
    }
    .Profession_list li .Profession_li_box {
        height: 92px;
        border-radius: 5px;
    }
    .Staff_title h5 {
        font-size: 20px;
    }
    .Staff {
        padding: 25px 0;
        position: relative;
    }
    .Staff_container ul li .Staff_info {
        width: 96%;
    }
    .Staff_container ul li .Staff_info h4 {
        font-size: 14px;
    }
    .Staff_container ul li .Staff_info h4 span {
        font-size: 12px;
    }
    .Staff_container ul li .Staff_info .points_x {
        height: 20px;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        font-size: 12px;
    }
    .Staff_container ul li .Staff_info {
        margin-top: -29%;
        opacity: 1;
        overflow: visible;
    }
    .Staff_container ul li:hover .Staff_info {
        margin-top: -29%;
    }
    .Staff-button-prev,
    .Staff-button-next {
        width: 30px;
        height: 30px;
        top: 55%;
    }
    .Staff-button-prev {
        left: 0%;
    }
    .Staff-button-next {
        right: 0%;
    }
    .Recruitment_box_list ul li .left h1 {
        font-size: 14px;
    }
    .Recruitment_box_list ul li .left p {
        font-size: 12px;
    }
    .Recruitment_box_list ul li .right .time {
        display: none;
    }
    .Recruitment_box_ul li {
        font-size: 16px;
    }
    .Recruitment_box_ul {
        margin-left: 28%;
    }
    .Recruitment_box_list .sec_read_more {
        top: -10px;
    }
    .Recruitment_box_list ul li:nth-of-type(n+3) {
        margin-bottom: 30px;
    }
    .referral_method ul {
        width: 59%;
        padding: 10px 30px 8px;
        top: -10px;
    }
    .referral_method ul li {
        font-size: 12px;
        margin-left: 0;
    }
    .referral_method h4 {
        font-size: 15px;
    }
    .Concept_box_left .circle2 {
        width: 50px;
        height: 50px;
        right: 41%;
    }
    .Concept_box_left a {
        width: 50px;
        height: 50px;
    }
    .Concept_box_left .circle2:after,
    .Concept_box_left .circle2:before {
        width: 50px;
        height: 50px;
    }
    .map_ul li {
        width: 100%;
    }
    .map_img .allmap {
        height: 200px;
    }
    .map_ul li h2 {
        font-size: 17px;
        padding: 5px 10px;
    }
    .map_ul li h3 {
        font-size: 16px;
        height: auto;
    }
    .map_ul li .map_address {
        font-size: 15px;
        height: auto;
    }
    .map_ul li .map_link p {
        font-size: 17px;
        line-height: 1.5;
    }
    .map_ul li .map_icon {
        width: 14px;
        height: 27px;
        margin-left: auto;
        padding-left: 28px;
        font-size: 16px;
    }
    .map_img #allmap {
        width: 100%;
        height: 278px;
        font-size: 16px !important;
    }
    .Cooperation_ul li i {
        width: 29px;
        height: 34px;
    }
    .Ewm_ul li img {
        width: 80px;
        height: 80px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transition: translateX(-50%);
        -o-transition: translateX(-50%);
        -ms-transition: translateX(-50%);
    }
    .Recruitment_box_ul li.on::before,
    .Recruitment_box_ul li:hover::before {
        bottom: -4px;
        margin-left: -4px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid rgb(36, 144, 79);
    }
    .Recruitment_details {
        width: 80%;
        padding: 5px;
    }
    .Recruitment_details_box .left {
        width: 100%;
    }
    .Recruitment_details_box .right {
        width: 100%;
    }
    .close {
        width: 27px;
        height: 27px;
        top: -18px;
        right: -18px;
    }
    .Recruitment_details_box .left dl {}
    .ewm_img {
        width: 100%;
        height: 100%;
    }
    .ewm_img img {
        width: 82px;
        height: 82px;
        display: inline
    }
    .ewm_img span {
        font-size: 17px;
        display: inline;
    }
    .Media_box_right .i_con {
        height: 48px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    .related-button-prev,
    .related-button-next {
        width: 30px;
        height: 30px;
        top: 57%;
    }
    .related-button-prev {
        left: 2%;
    }
    .related-button-next {
        right: 2%;
    }
    .menu_box nav li>a i {
        float: right;
        width: 17px;
        height: 50px;
    }
    .menu_box nav li>a i {
        background: url(../image/show_h.png) no-repeat center center;
        background-size: 100%;
    }
    .menu_box nav li.active>a i {
        background: url(../image/hide_h.png) no-repeat center center;
        background-size: 100%;
    }
    .Honor_container ul li>a img {
        width: 100%;
        height: 104px;
    }
    .Honor_container ul li .big {
        padding-top: 10px;
        /*    height: 51px; */
    }
    .case-button-next:hover {
        right: 0;
    }
    .results_container .swiper-slide .img {
        height: 100%;
        width: 100%;
    }
    .Staff_container ul li .img {
        width: 100%;
        height: 209px;
    }
    .Staff-button-prev,
    .Staff-button-next {
        top: 62%;
    }
    .project_details {
        width: 85%;
    }
    .project_container .project_index {
        display: none;
    }
    .search {
        padding-top: 90px;
    }
    .search_list li a {
        padding-right: 90px;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
    }
    .search_list li {
        padding: 10px 0 10px 10px;
        margin-bottom: 15px;
    }
    .search_list li a i.look_more {
        width: 80px;
        font-size: 14px;
    }
    .case_container ul li .img {
        position: relative;
        height: 225px;
    }
    .pro-r li {
        height: 100%;
    }
    .sec5_bottom .sec_read_more {
        top: -10px;
    }
    #menu_trigger_button:hover span.line_1 {
        width: 0;
    }
    #menu_trigger_button:hover span.line_2 {
        width: 20px;
        margin-left: 0;
    }
    #menu_trigger_button:hover span.line_3 {
        width: 15px;
    }
    #menu_trigger_button.active span.line_3,
    #menu_trigger_button.active span.line_1 {
        margin-top: 5px;
        height: 2px;
    }
    .menu_btn #menu_trigger_button.active {
        margin-top: 7px;
    }
    .content_list_1 li .info_con {
        padding: 17px 10px;
        width: 80%;
        margin: 0 auto;
    }
    .results_container .swiper-slide .img a {
        height: 100%;
        width: 100%;
    }
    .results_container .swiper-slide .img img {
        height: 100%;
        width: 100%;
    }
    .results-button-prev,
    .results-button-next {
        width: 30px;
        height: 30px;
    }
    .results-button-prev,
    .swiper-container-rtl .results-button-next {
        left: 0;
        right: auto;
    }
    .results-button-next,
    .swiper-container-rtl .results-button-prev {
        right: 0;
        left: auto;
    }
    .fixedheader .nav-menu {
        font-size: 16px;
    }
    .sec1-button-prev:after,
    .sec1-button-next:after,
    .sec2-button-prev:after,
    .sec2-button-next:after,
    .Digital-button-prev:after,
    .Digital-button-next:after,
    .Lean-button-prev:after,
    .Lean-button-next:after,
    .history-button-prev:after,
    .history-button-next:after,
    .platform-button-prev:after,
    .platform-button-next:after,
    .team-button-prev:after,
    .team-button-next:after,
    .results-button-prev:after,
    .results-button-next:after,
    .development-button-prev:after,
    .development-button-next:after,
    .Honor-button-prev:after,
    .Honor-button-next:after,
    .Staff-button-prev:after,
    .Staff-button-next:after {
        font-size: 12px;
    }
    .num .box .p3 {
        font-size: 12px;
    }
    .group_box_left .left_info {
        height: 100%;
    }
    .group_box_left .left_info p {
        font-size: 14px;
        margin-right: 0;
    }
    .group_num {
        margin-top: 21px;
    }
    .group_num .p1 i {
        font-size: 20px;
    }
    .Digital_info p {
        font-size: 14px;
        text-align: left;
    }
    .Honor_container ul li .big span {
        font-size: 15px;
        width: 112px;
    }
    .culture_ul li h3 {
        font-size: 17px;
    }
    .group_box_left .info,
    .Lean_box_left .Lean_info .info,
    .Lean_box_left .Lean_info h6,
    .Precise_info p,
    .culture_ul li .info,
    .history_right p,
    .page_box_right p,
    .page_box_right h6,
    .page_box_right .quality li h3,
    .platform_info .info,
    .Features_list li .Features_li_box p,
    .team_info .info,
    .project_info,
    .Concept_list li p {
        font-size: 17px;
    }
    .Media_box_right .i_con {
        font-size: 15px;
    }
    .case_container ul li .img img {
        height: 100%;
    }
    .team_num .p1 .span2 {
        font-size: 24px
    }
    .team_num .p1 .jh {
        font-size: 20px;
    }
    .results_list li {
        font-size: 16px;
    }
    .results_list li i {
        font-size: 16px;
    }
    .results_list li i:nth-of-type(1) {
        left: -10px;
    }
    .Media_box_right .time {
        font-size: 14px;
    }
    .Media_box_right .title {
        font-size: 16px;
    }
    .Profession_title h5 {
        font-size: 24px;
    }
    .Profession_title h6 {
        font-size: 18px;
    }
    .Profession_list li .Profession_li_box h3 {
        font-size: 14px;
    }
    .map_ul li .map_link p {
        font-size: 16px;
    }
    .Ewm {
        padding: 27px 0;
    }
    .Ewm_ul {
        display: block;
    }
    .Ewm_ul li {
        float: left;
        width: 45%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
    .Ewm_ul li:nth-of-type(2) {
        margin-right: 0;
    }
    .results_list li span {
        width: 75%;
    }
    .project_details_box h3 {
        font-size: 21px;
        line-height: 1.5;
    }
    .project_details_box h3::after {
        width: 13%;
        height: 4px;
    }
    .project_details_container ul li img {
        width: 100%;
        height: 100%;
    }
    .Recruitment_details_box .left .left_top h1 {
        font-size: 20px;
        line-height: 1.5;
    }
    .Recruitment_details_box .left .left_top p {
        font-size: 15px;
    }
    .Recruitment_details_box .left .left_top .time {
        font-size: 13px;
        line-height: 1.5;
    }
    .Recruitment_details_box .left dl dd {
        font-size: 14px;
        line-height: 1.5;
    }
    .Recruitment_details_box .right ul li:nth-of-type(1) {
        margin: 10px 0;
        overflow-y: scroll;
        height: 150px;
        padding-right: 5px;
    }
    .Recruitment_details_box .right ul li:nth-of-type(2) {
        margin: 10px 0;
        overflow-y: scroll;
        height: 92px;
        padding-right: 5px;
    }
    .Recruitment_details_box .right ul li p {
        font-size: 13px;
        line-height: 1.5;
    }
    .Recruitment_details_box .right ul li h5 {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .Recruitment_details_box .right ul li h5::after {
        width: 11%;
        height: 2px;
    }
    .header .nav-menu,
    .inner_header .nav-menu {
        font-size: 16px;
    }
    .content .C_title,
    .page .C_title {
        padding: 100px 0 50px;
    }
    .page .C_title .C_CN {
        font-size: 23px;
        line-height: 2;
    }
    .page .C_title .C_EN {
        font-size: 20px;
        line-height: 1.5;
    }
    .Ewm_ul li p {
        font-size: 20px;
    }
    .Ewm_ul li span {
        font-size: 17px;
    }
    .mark_img_bg .detail {
        width: 80%;
    }
    .mark_img_bg .detail img {
        min-width: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    .video_mark .video_box,
    .video_mark2 .video_box {
        width: 85%;
    }
    .sec5_top .social_menu a:after {
        bottom: -9px;
        height: 2px;
    }
    .Features_list li .Features_li_box {
        padding: 10px 5px;
        height: 173px;
    }
    .sec4_top .new_menu>a:after {
        bottom: -9px;
        height: 2px;
    }
    .search_link .search_icon img {
        width: 16px;
        height: 16px;
        left: 5px;
    }
    .search_link .search {
        padding: 12px 5px;
    }
    .search_box {
        margin-left: 20px;
        font-size: 16px;
    }
    .search_box:before {
        width: 1px;
        height: 15px;
        margin-top: 1px;
        left: -8px;
    }
    .search_link {
        margin-top: 60px;
    }
    .foot_bottom .link_list {
        margin-top: -23px;
        width: 82px;
        line-height: 15px;
    }
    .foot_bottom .link_list>a {
        font-size: 12px;
    }
    .foot_bottom .link_list>a i {
        width: 8px;
        height: 10px;
    }
    .right_float ul li .icon {
        width: 40px;
        height: 40px;
    }
    .right_float {
        top: 40%;
    }
    .count_left dl dd input {
        font-size: 12px;
    }
    .count_left dl dd span {
        font-size: 12px;
    }
    .Technical-pagination {
        bottom: 19px !important;
    }
    .performance img {
        width: 100%;
    }
    .C-link {
        margin-top: 15px;
    }
}

@media screen and (max-width: 400px) {
    .Technical_box_left li .img_con {
        padding-top: 93.6%;
    }
    .Technical_box_right li .img_con {
        padding-top: 73.5%;
    }
}