.title{
    width: 100%;
    text-align: center;
}
.phoneimg{
    display: none;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.clearf{
    zoom: 1;/*兼容IE浏览器，让标签清浮动*/
}
.clearf:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.proindex_01{
    padding: 3.64% 0 0;
}
.proindex_01ul li{
    box-sizing: border-box;
    border-right: 2px solid #fff;
    height: 100%;
    float: left;
    width: calc(45.28% / 4);
}
/* .proindex_01ul li img{
    width: auto !important;
} */
.proindex_01ul li dd{
    position: relative;
    display: block;
}
.proindex_01ul li.on{
    width: 54.72%;
}
.proindex_01ul li.on dd{
    position: relative;
    display: none;
}
.proindex_01ul li dt{
    position: relative;
    display: none;
}
.proindex_01ul li.on dt{
    display: block;
}
.proindex_01ul li .bgul{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* background: #fff; */
}
/* .proindex_01ul li dl dt > img{
    width: 100% !important;
} */
/* .proindex_01ul li dd > img{
    width: 100% !important;
} */
.proindex_01ul li dd .bgul{
    position: absolute;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}
.proindex_01ul li dd .bgul img{
    width: 45px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.proindex_01ul li dd .bgul p{
    text-align: center;
    color: #fff;
}
.proindex_01ul li dl dt .bgul{
    padding: 60px 75px;
    box-sizing: border-box;
}
.proindex_01ul li dl dt .bgul p{
    width: 500px;
    color: #115ea2;
    font-style: italic;
    font-weight: bold;

}
.proindex_01ul li dl dt .bgul h2{
    width: 500px;
    color: rgb(86, 86, 86);
    line-height: 1.133;
    font-weight: bold;
}
.proindex_01ul li{
    overflow: hidden;
    transition: all 1s;
}
.proindex_01ul li dl dt .bgul .pub_more{
    margin-top: 25%;
}
.proindex_01 .proindex_01wrap{
    margin-top: 30px;
    margin-bottom: 50px;
}
.proindex_01 .lhl_but div{
    display: none;
}
.ti{
    margin-bottom: 60px;
}
.proindex_03 .pub_more{
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 80px;
}
@media only screen and (max-width: 768px){
    .proindex_01 .lhl_but div{
        display: block;
    }
    .proindex_01 .lhl_but div {
        color: #fff;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(255,255,255,0.4);
        border-radius: 100%;
        text-align: center;
        line-height: 40px;
        margin-top: -20px;
        background: none;
        font-size: 16px;
    }
    .proindex_01ul{
        height: auto !important;
    }
    .proindex_01ul li dt {
        display: block;
    }
    .proindex_01ul li dd{
        display: none;
    }
    .proindex_01ul li{
       transition: 0s !important;
        width: 100%;
    }
    .proindex_01ul li dl dt .bgul {
        padding: 30px;
    }
    .proindex_01 .proindex_01wrap {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .proindex_03 .pub_more{
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 40px;
    }
    .ti {
        margin-bottom: 20px;
    }
}
/* 产品系列 */
.bannerinputwrap {
    margin-top: 100px;
    position: relative;
}
.bannerinputwrap input{
    box-sizing: border-box;
    padding: 0 40px;
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: #fff;
    border: none;
    border-radius: 5px;
}
.bannerinputwrap button{
    font-size: 30px;
    right:30px;
    top: 0;
    position: absolute;
    height: 65px;
    line-height: 65px;
    background: none;
    border: none;
}
.series_01{
    background: #eaeef2;
}
.series_01 .indexSolu_tab{
    border-bottom: none;
    background: #eaeef2;
}

.series_01 .indexSolu_tab li{
    padding: 30px;
    width: 20%;
    height: 100%;
    font-size: 12px;
}
.series_01 .indexSolu_tab li.on:after{
    display: none;
}
.series_01 .indexSolu_tab li.on{
    border-radius: 5px;
    background: url(../upload/20220513/listbgon.jpg) center center;
    background-size: cover;
}
.series_01 .indexSolu_tab li.on{
    color: #fff;
}
.series_01 .indexSolu_tab li.on dd img:nth-child(1){
    display: none;
}
.series_01 .indexSolu_tab li.on dd img:nth-child(2){
    display:block;
}
.series_02{
    padding: 4% 0;
}
.series_02 .pull-left{
    width: 25%;
}
.series_02 .pull-left .toptitle{
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 16.66%;
    width: 100%;
    height: 80px;
    line-height: 80px;
    color: #fff;
}
.series_02 .pull-left ul li{
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    height: 75px;
    box-sizing: border-box;
    line-height: 75px;
    width: 100%;
    background: #f5f5f5;
    color: #686868;
    padding: 0 16.66%;
    padding-right: 8%;
    width: 100%;
}
.series_02 .pull-left ul li i{
    float: right;
    display: none;
}
.series_02 .pull-left ul li.on{
    color: #115ea2;
}
.series_02 .pull-left ul li.on i{
    display: block;
}
.series_02 .pull-right{
    width: 70%;
}
.series_02 .pull-right ul li{
    margin-bottom: 6%;
    margin-right: 5.56%;
    width:47.22%;
    float: left;
}
.series_02 .pull-right ul li:nth-child(2n){
    margin-right: 0px;
}
.series_02 .pull-right ul li h2{
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #2b2b2b;
    font-weight: bold
}
.series_02 .pull-right ul li p{
    padding-right: 6.3%;
    color: #686868;
    line-height: 1.875;
    height: 5.625em;
}
.series_02 .pull-right ul li .btn_span {
    margin-top: 40px;
    display: block;
    width: 34px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #115ea2;
    border-radius: 20px;
    transition: all .3s;
}
.series_02 .pull-right ul li img{
    width: 100%;
}
@media only screen and (max-width: 768px){
    .bannerinputwrap {
        margin-top: 10px;
        position: relative;
    }
    .bannerinputwrap input {
        padding: 0 20px;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }
    .bannerinputwrap button {
        font-size: 25px;
        right: 20px;
        height: 30px;
        line-height: 30px;
    }
    .series_01 .indexSolu_tab li dd {
        width: 65px;
        height: 65px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid rgba(255,255,255,0.5);
        overflow: hidden;
    }
    .series_01  .indexSolu_tab li dd img {
        margin-top: 10px;
        margin: 10px auto;
    }
    .series_01 .indexSolu_tab li {
        padding: 30px 0 0;
        width: 20%;
        height: 100%;
        font-size: 12px;
    }
    .series_02 .pull-left .toptitle {
        padding: 0 5%;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
    }
    .series_02 .pull-left .toptitle h2{
        font-size: 12px;
    }
    .series_02 .pull-left {
        width: 40%;
    }
    .series_02 .pull-left ul li {
        font-size: 12px;
        cursor: pointer;
        font-weight: bold;
        border-bottom: 1px solid #fff;
        height: auto;
        box-sizing: border-box;
        line-height: 2.5;
        width: 100%;
        background: #f5f5f5;
        color: #686868;
        padding: 0 5%;
        padding-right: 2%;
        width: 100%;
    }
    .series_02 .pull-right ul li {
        margin-bottom: 6%;
        margin-right: 0%;
        width: 100%;
        float: left;
    }
    .series_02 .pull-right {
        width: 57%;
        height: 600px;
    overflow-x: hidden;
    }
    .series_02 .pull-right ul li p{
        font-size: 14px;
        height: auto;
    }
    .series_02 .pull-right ul li h2 {
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 5px;
        color: #2b2b2b;
        font-weight: bold;
    }
    .series_02 .pull-right ul li .btn_span {
        margin-top: 10px;
        display: block;
        width: 34px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        color: #fff;
        background: #115ea2;
        border-radius: 20px;
        transition: all .3s;
    }
}
.height104{
    height: 104px;
}
.seriesdetails_01{
    background-size: cover !important;
    padding: 4.5% 0 5.7%;
}
.seriesdetails_01 .wrap .pull-left{
    width: 49.16%;
}
.seriesdetails_01 .wrap .pull-left img{
    width: 100%;
}
.seriesdetails_01 .wrap .pull-right{
    box-sizing: border-box;
    
    width: 42.98%;
}
.seriesdetails_01 .wrap .pull-right{
    padding-top: 4.43%;
}
.seriesdetails_01 .wrap .pull-right h2{
    margin-bottom: 30px;
        color: rgb(44, 43, 43);
        line-height: 1;
}
.seriesdetails_01 .wrap .pull-right p{
        color: rgb(104, 104, 104);
        line-height: 2.25;
        height: 11.25em;
}
.seriesdetails_02{
    padding: 3.125% 0 ;
}
.seriesdetails_02 .title{
    margin-bottom: 80px;
}
.seriesdetails_02 ul li{
    margin-right: 2.78%;
    margin-bottom:2.78%;
    padding: 40px;
    box-sizing: border-box;
    width: 48.61%;
    float: left;
    background: #f5f5f5;
}
.seriesdetails_02 ul li:nth-child(2n){
    margin-right: 0;
}
.seriesdetails_02 ul li img{
    width: 65px;
}
.seriesdetails_02 ul li h2{
    font-weight: bold;
    line-height: 1;
    margin: 15px 0;
    color: #2c2b2b;
}
.seriesdetails_02 ul li p{
    color: #686868;
    line-height: 1.875;
    height: 3.75em;
}
.seriesdetails_03{
}
.seriesdetails_03 img{
    width: 100%;
}
.seriesdetails_03 .title{
    margin-bottom: 50px;
}
.seriesdetails_04 img{
    width: 100%;
}
.seriesdetails_04 {
    background-size:cover !important ;
    position: relative;
}
.seriesdetails_04 .d04ding{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.seriesdetails_04 .d04ding h2{
    text-align: center;
    color: #fff;
}
.seriesdetails_04 .d04ding i{
    cursor: pointer;
    display: block;
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    width: 30px;
    margin-top: 40px;
}
.seriesdetails_05{
    padding: 100px 0;
}
.seriesdetails_05 .title{
    margin-bottom: 60px;
}
.seriesdetails_05 .swiper-slide img{
    width: 100%;
	   position: relative;
	    height: 100%;
}
.seriesdetails_05 .swiper-slide p{
    color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 35px;
}
.seriesdetails_05 .lhl_but{display: block;}
.seriesdetails_05 .lhl_but div{width: 40px;height: 40px;background: #fff;border-radius: 100%;text-align: center;line-height: 40px;margin-top: -20px;font-size: 16px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.seriesdetails_05 .lhl_but div.swiper-button-prev{left: -50px;}
.seriesdetails_05 .lhl_but div.swiper-button-next{right: -50px;}
.seriesdetails_05 .butto{
    position: relative;
}
.seriesdetails_06{
    background-size: cover !important;
    color: #fff;
    position: relative;
}
.seriesdetails_06 img{
    width: 100%;
}
.ser_06ding{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 768px){
    .height104 {
        height: 80px;
    }
    .seriesdetails_01 .wrap .pull-left {
        width: 100%;
    }
    .seriesdetails_01 .wrap .pull-right {
        width: 100%;
    }
    .seriesdetails_01 .wrap .pull-right h2 {
        margin-bottom: 5px;
    }
    .pub_more {
        margin-top: 10px;
    }
    .seriesdetails_02 .title {
        margin-bottom: 10px;
    }
    .seriesdetails_02 ul li {
        margin-right: 0;
        padding: 20px;
        width: 100%;
    }
    .seriesdetails_03 .title {
        margin-bottom: 20px;
    }
    .seriesdetails_03 {
        padding-bottom: 30px;
    }
    .seriesdetails_04 .d04ding i {
        width: 30px;
        margin-top: 0px;
    }
    .seriesdetails_05 {
        padding:25px 0;
    }
    .seriesdetails_05 .title {
        margin-bottom: 20px;
    }
    .seriesdetails_05 .lhl_but div.swiper-button-next {
        right: 10px;
    }
    .seriesdetails_05 .lhl_but div.swiper-button-prev {
        left: 10px;
    }
    .seriesdetails_06{
        height: 220px;
    }
    .seriesdetails_06 img{
        display: none;
    }
    .seriesdetails_06 .pub_more{
        margin-top: 20px;
    }
}
.solution_01{
    padding: 5% 0 0;
}
.solution_01 .wrap > ul > li{
    margin-bottom:60px;
    position: relative;
}
.solution_01 li .imgwrap{
    float: left;
    width: 62.5%;
}
.solution_01 li .imgwrap img{
    width: 100%;
}
.solution_01 li .textright{
    box-sizing: border-box;
    padding: 40px 60px;
    position: absolute;
    width: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 72.27%;
    background: #fff;
    -moz-box-shadow:0px 0px 20px rgb(0 0 0 / 10%); -webkit-box-shadow:0px 0px 20px rgb(0 0 0 / 10%); box-shadow:0px 0px 20px rgb(0 0 0 / 10%);
}
.solution_01 li .textright h2{
    line-height: 1;
}
.solution_01 li .textright ul{
    margin-top: 20px;
    float: right;
}
.solution_01 li .textright ul li{
    line-height: 2.5;
}
.solution_01 li:nth-child(2n) .imgwrap{
    float: right;
}
.solution_01 li:nth-child(2n) .textright{
    right: auto;
    left: 0;
    bottom: auto;
}
.solution_01 li:nth-child(2n) .textright h2{
    text-align: right;
}
.solution_01 li:nth-child(2n) .textright p{
    text-align: right;
}
.solution_01 li:nth-child(2n) .textright ul{
    float: left;
}
@media only screen and (max-width: 1024px){
    .solution_01 li .imgwrap {
        float: none;
        width: 100%;
    }
    .solution_01 li .textright {
        box-sizing: border-box;
        padding: 20px;
        position: static;
        height: auto;
        width: 100%;
		transform: translateY(0%);
    }
    .solution_01 li .textright ul {
        margin-top: 0px;
        float: none !important;
    }
    .solution_01 li:nth-child(2n) .textright h2 {
        text-align: left;
    }
    .solution_01 li:nth-child(2n) .textright p {
        text-align: left;
    }
    .solution_01 li .textright ul li {
        line-height: 2;
    }
    .solution_01 .wrap > ul > li {
        margin-bottom: 20px;
    }
    .solution_01 li:nth-child(2n) .imgwrap {
        float: none;
    }
}
@media only screen and (max-width: 768px){
    .solution_01 li .imgwrap {
        float: none;
        width: 100%;
    }
    .solution_01 li .textright {
        box-sizing: border-box;
        padding: 20px;
        position: static;
        height: auto;
        width: 100%;
    }
    .solution_01 li .textright ul {
        margin-top: 0px;
        float: none !important;
    }
    .solution_01 li:nth-child(2n) .textright h2 {
        text-align: left;
    }
    .solution_01 li:nth-child(2n) .textright p {
        text-align: left;
    }
    .solution_01 li .textright ul li {
        line-height: 2;
    }
    .solution_01 .wrap > ul > li {
        margin-bottom: 20px;
    }
    .solution_01 li:nth-child(2n) .imgwrap {
        float: none;
    }
}
.solutiondetails_01{
    padding: 5% 0;
}
.solutiondetails_01 .title{
    margin-bottom: 85px;
}
.solutiondetails_01 ul li{
    border-right: 1px solid #dbdbdb;
    box-sizing: border-box;
    padding-right: 45px;
    width: 25%;
    float: left;
}
.solutiondetails_01 ul li > div{
    position: relative;
    width: 133px;
    height: 133px;
    background: url('../upload/20220513/listbg_03.png');
    background-size: cover;
    margin-bottom: 80px;
    margin-top: -30px;
}
.solutiondetails_01 ul{
	padding-top: 30px;
}
.solutiondetails_01 ul li:hover > div{
    background: url('../upload/20220513/listbg_03on_03.png');
    background-size: cover;
}
.solutiondetails_01 ul li:nth-child(1){
    width: 22.7%;
}
.solutiondetails_01 ul li:nth-child(2){
    padding: 0 45px;
    width: 26.04%;
}
.solutiondetails_01 ul li:nth-child(3){
    padding: 0 45px;
    width: 27.43%;
}
.solutiondetails_01 ul li:nth-child(4){
    padding: 0 0 0 45px;
    width: 23.83%;
}
.solutiondetails_01 ul li:last-child{
	  border: none;
}
.solutiondetails_01 .lhl_but{display: block;}
.solutiondetails_01 .lhl_but div{width: 40px;height: 40px;background: #fff;border-radius: 100%;text-align: center;line-height: 40px;margin-top: -20px;font-size: 16px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.solutiondetails_01 .lhl_but div.swiper-button-prev{left: -50px;}
.solutiondetails_01 .lhl_but div.swiper-button-next{right: -50px;}
.solutiondetails_01 .title{
    margin-bottom: 4.16%;
}

.solutiondetails_01 ul li div img{
    position: absolute;
	width: 60px;
	
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.solutiondetails_01 ul li div img:nth-child(2){
    opacity: 0;
}
.solutiondetails_01 ul li:hover div img:nth-child(2){
    opacity: 1;
}
.solutiondetails_01 ul li h2{
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1;
    color: #2c2b2b;
}
.solutiondetails_01 ul li p {
    color: rgb(104, 104, 104);
    line-height: 1.875;
    height: 11.25em;
}
.solutiondetails_02  .toptap{
    margin-bottom: 4.16%;
    text-align: center;
}
.solutiondetails_02  .toptap ul{
    display: inline-block;
}
.solutiondetails_02  .toptap ul li{
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    width: 200px;
    margin: 0 10px;
    float: left;
    background: #eff2f4;
    border-radius: 100px;
    color: #2c2b2b;
}
.solutiondetails_02  .toptap ul li.on{
    color: #fff;
    background: #115ea2;
}
.solutiondetails_03 > div{
    display: none;
}
.solutiondetails_03 > div img{
    width: 100%;
}
.solutiondetails_03 > div.on{
    display: block;
}
.solutiondetails_05{
    padding-top: 0;
}
.solutiondetails_04{
    padding: 5% 0;
}
.btn_span {
    margin-top: 40px;
    display: block;
    width: 34px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #115ea2;
    border-radius: 20px;
    transition: all .3s;
}
.solutiondetails_04 .swiper-slide h2{
    color: #2c2b2b;
    font-weight: bold;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 15px;
	height:2em;
}
.solutiondetails_04 .swiper-slide p{
    color: rgb(104, 104, 104);
    line-height: 1.875;
    padding-right: 20px;
    height: 5.625em;
	overflow:hidden;
  }
.solutiondetails_04 .butto{
    position: relative;
}
.solutiondetails_04 .lhl_but{display: block;}
.solutiondetails_04 .lhl_but div{width: 40px;height: 40px;background: #fff;border-radius: 100%;text-align: center;line-height: 40px;margin-top: -20px;font-size: 16px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.solutiondetails_04 .lhl_but div.swiper-button-prev{left: -50px;}
.solutiondetails_04 .lhl_but div.swiper-button-next{right: -50px;}
.solutiondetails_04 .title{
    margin-bottom: 4.16%;
}
@media only screen and (max-width: 768px){
    .solutiondetails_01 ul li {
        border: none;
        box-sizing: border-box;
        padding-right: 45px;
        width: 100% !important;
        float: left;
        padding: 0 !important;
    }
	.solutiondetails .site_text p{
		line-height: 1.5;
		height: 7.5em;
	}
    .solutiondetails .site_banner{
        height: 200px;
    }
    .solutiondetails_01 .title {
        margin-bottom: 30px;
    }
    .solutiondetails_01 ul li > div {
        width: 80px;
        height: 80px;
			margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 0px;
	
    }
	.solutiondetails_01 ul li h2{
		text-align: center;
	}
    .solutiondetails_01 ul li div img {
        width: 50%;
    }
    .solutiondetails_01 ul li p{
        height: auto;
        margin-bottom: 10px;
    }
    .solutiondetails_02 .toptap ul li {
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        width: 130px;
        margin: 0 10px;
        float: left;
        background: #eff2f4;
        border-radius: 100px;
        color: #2c2b2b;
    }
    .solutiondetails_04 .lhl_but div.swiper-button-prev {
        left: 10px;
    }
    .solutiondetails_04 .lhl_but div.swiper-button-next {
        right: 10px;
    }
    .btn_span {
        margin-top: 5px;
    }
}
.solutiondetails_04 .swiper-slide img{
	    width: 100%;

}
.consulting_01{
    background-size: cover !important;
    padding: 5.2% 0 6.7%;
}
.consulting_01 .title{
    line-height: 1;
}
.consulting_01 em{
    width: 147px;
    height: 5px;
    background: #115ea2;
    display: block;
    margin: 40px auto 3.6%;
}
.consulting_01 .inputform{
    margin: 0 auto;
    width: 55.55%;
}
.consulting_01 .inputform input{
	font-weight: 200;
	font-size: "SourceHanSansCN";
    box-sizing: border-box;
    padding: 0 30px;
    height: 60px;
    border-radius: 10px;
    line-height: 60px;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    border: none;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.consulting_01 .inputform input::-webkit-input-placeholder{
		font-size: "SourceHanSansCN";
font-weight: 200;
}
.consulting_01 .inputform textarea{
	font-size: "SourceHanSansCN";
    box-sizing: border-box;
    padding: 20px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
	font-weight: 200;
    border: none;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.consulting_01 .inputform textarea::-webkit-input-placeholder{
	font-size: "SourceHanSansCN";
font-weight: 200;

}
.consulting_01 .inputform .inputwrap{
    width: 100%;
    border-radius: 10px;
overflow: hidden;
    position: relative;
}
.consulting_01 .inputform .inputwrap input{
    margin-bottom: 0;
}
.consulting_01 .inputform .inputwrap img{
    position: absolute;
    right: 0;
    top: 0;
}
.consulting_01 .pub_more{
    margin: 3.125% auto 0;
}

@media only screen and (max-width: 768px){
    .consulting_01 em {
        width: 85px;
        height: 5px;
        background: #115ea2;
        display: block;
        margin: 10px auto 3.6%;
    }
    .consulting_01 .inputform {
        margin: 0 auto;
        width: 100%;
    }
    .consulting_01 .inputform .inputwrap img {
        position: absolute;
        right: 0;
        top: 0;
        width: 150px;
    }
    .consulting_01 .inputform input {
        box-sizing: border-box;
        padding: 0px 15px;
        height: 40px;
        border-radius: 10px;
        line-height: 40px;
        margin-bottom: 10px;
        width: 100%;
        background: #fff;
        border: none;
        box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
    }
    .consulting_01 .inputform textarea {
        margin-bottom: 10px;
    }
}
/* 营销 */
/*营销网络*/
.networ_tit{overflow: hidden;}
.networ_tit h2{float: left;line-height: 50px;}
.networ_tit h2 em{display: block;width: 80px;height: 2px;background: #0254aa;margin-top: 10px;}
.networ_tag{float: right;}
.networ_tag span{float: left;width: 98px;height: 50px;line-height: 50px;text-align: center;background: #e0e0e0;cursor: pointer;}
.networ_tag span.on{background: #e9000f;color: #fff;}

.network{padding:5% 5% 10%; position: relative; }
.nanhai{ position: absolute;right: 30%;
    bottom: -50px;}
.nanhai1{position: absolute;right:5%; bottom:10%;}
.province_ul li.current em{
    width: 30px;
    height: 35px;
    border: none;
    background: url(../upload/20220513/ding.png);
}
.province_ul li.m01{left:590px; top:205px;}
.province_ul li.m02{ left:630px; top:160px;}
.province_ul li.m03{ left:630px; top:90px;}
.province_ul li.m04{ left:508px; top:220px;}
.province_ul li.m05{ left:525px; top:242px;}
.province_ul li.m06{ left:500px; top:260px;}
.province_ul li.m07{ left:455px; top:280px;}
.province_ul li.m08{ left:450px; top:180px;}
.province_ul li.m09{ left:585px; top:380px;}
.province_ul li.m10{ left:568px; top:350px;}
.province_ul li.m11{ left:570px; top:410px;}
.province_ul li.m12{ left:534px; top:370px;}
.province_ul li.m13{ left:550px; top:460px;}
.province_ul li.m14{ left:510px; top:440px;}
.province_ul li.m15{ left:535px; top:295px;}
.province_ul li.m16{ left:475px; top:335px;}
.province_ul li.m17{ left:460px; top:380px;}
.province_ul li.m18{ left:450px; top:440px;}
.province_ul li.m19{ left:480px; top:502px;}
.province_ul li.m20{ left:410px; top:502px;}
.province_ul li.m21{ left:410px; top:580px;}
.province_ul li.m22{ left:395px; top:405px;}
.province_ul li.m23{ left:320px; top:390px;}
.province_ul li.m24{ left:380px; top:455px;}
.province_ul li.m25{ left:290px; top:490px;}
.province_ul li.m26{ left:120px; top:360px;}
.province_ul li.m27{ left:410px; top:322px;}
.province_ul li.m28{ left:318px; top:260px;}
.province_ul li.m29{ left:230px; top:290px;}
.province_ul li.m30{ left:368px; top:280px;}
.province_ul li.m31{ left:120px; top:180px;}
.province_ul li.m32{ left:590px; top:500px;}
.province_ul li.m33{ left:500px; top:525px;}
.province_ul li.m34{left:470px; top:535px;}
.province_ul{width:760px; height:620px; position:absolute;  margin:0 auto; left:0; top:0; z-index:1}
.province_ul li{ color:#333; font-size:12px; width:auto; height:20px; position:absolute; text-align: center;}
.province_ul li > em{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: 100% 100%;
    background: #61abff;
    border: 1px solid #2a53ff;
    border-radius: 50px;
}
.province_ul li span{display: block;text-align: center;}
.province_ul li span.nodot{ background:none;}
.province_ul li.m04 em{
    /*background:url(../images/dot02_bj.png) left center no-repeat;*/
    width: 10px;height: 10px;background-size: 100% 100%;}
.province_ul li.m04 span{margin-top: -5px;}
.province_ul li.m04.current em{
    /*background:url(../images/dot02.png) left center no-repeat;*/
    width: 10px;height: 10px;background-size: 100% 100%;}
.province_ul li.current{color:#000;}
.province_ul li.current em{
    /*background:url(../images/dot02.png) left center no-repeat;*/
    background-size: 100% 100%;}
.province_ul li.current span{font-weight: bold;}
.province_ul li.m04.current,.province_ul li.m05.current,.province_ul li.m06.current,.province_ul li.m09.current,.province_ul li.m10.current,.province_ul li.m11.current,.province_ul li.m13.current,.province_ul li.m21.current,.province_ul li.m32.current{ color:#333; }
.map_box{ position:relative; width:760px; height:620px; margin:0 auto;}

#svgpaper{ width:760px; height:620px;  position:absolute; left:-40px; top:0; z-index:0}
#paper{width:760px; height:620px; position:absolute;  margin:0 auto; left:-40px; top:0; z-index:2}
.hidden{ display:none;}
.cl11{     position: absolute;
    display: none;
    z-index: 4;
    left: 0%;
    bottom: 10%;
    background: rgba(0,75,127,0.9);
    width: 425px;}
.cl11 .w { padding:20px 35px; box-sizing: border-box;color: #fff;}
.cl11 .w p{line-height: 30px;}
.cl11 .w a{color: #fff;}
.cl11 .w a.tel_link:hover{color: #fff!important;cursor: inherit;}
/*.cl11 table{width:100%;color:#000; text-align: center; line-height: 30px; }*/
/*.cl11 table th{ border-bottom:2px solid #0069CF; text-align: center; }*/
/*.cl11 table td{color:#777777; padding:5px;}*/
.cl_box{ width:312px; }
.cl11 .close1 { position:absolute;right:5px; top:5px; width:25px; height: 25px; line-height: 25px; text-align:center; color:#fff; background:#004b7f; z-index:111; border-radius: 50%;}
.address-select { display:none;}
.dbx{position: absolute;left: -17px;top: 25px;}

.hidden {
    z-index: 999    ;
    background: url('../upload/20220513/jianbaink_03.jpg');
	background-size: cover;
    width: 700px;
    position: absolute;
    top: -35px;
    right: 60px;
}
.hidden::after{
    position: absolute;
    background: url('../upload/20220513/jiantou_03.png');
    content: '';
    right: -33px;
    width: 33px;
    height: 33px;
    top: 40px;
}
.hidden .w { padding:20px 35px; box-sizing: border-box;color: #fff;}
.hidden .w p{line-height: 2; text-align: left; font-weight: normal;}
.hidden .w h2{
    line-height: 4;
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.hidden .w p span{
    font-weight: normal;

}
.hidden .w a{color: #fff;}
.hidden .w a.tel_link:hover{color: #fff!important;cursor: inherit;}
.hidden .w em{width: auto!important;height: auto!important;}
.hidden .w span{display: inline-block!important;}

.hidden .w p i{
    display: inline-block;
    margin-right: 5px;
}



.abo_ll{float: left;width:43.33%;}
.abo_ll dd{ position:relative;}
.abo_ll dd span{position: absolute;right:3%;bottom:28%; width: 130px; height: 45px;}
.abo_ll dd h3{ color: #fff; position: absolute;right:3%; bottom:19%;}
.abo_rr{float: right;width:52.5%;}
.abo_rr h3 span{ display: block;width:46px; height:29px; margin-bottom:20px; border-bottom: 1px solid #0167CA; }
.abo_rr li{ float: left;width:33.33%;color:#777777; margin-bottom:30px; position: relative;}
.abo_rr li i{ position: relative;top:5px; }
.abo_rr li em{ position: absolute;right:30px;top:0; width: 1px; height: 100%; background: #B4A9A8;transform:rotate(15deg);
    -ms-transform:rotate(15deg);  }

.spe_ll{float: left;width:65.16%;}
.spe_ll dl{color:#fff; padding:3% 5% 6%; margin-bottom: 5%;
    /*background: url(../upload/about_img03.jpg) no-repeat;*/
    /*background-size:cover;*/}
.spe_ll dt {font-weight: normal; margin-bottom:4.5%;}
.spe_ll dt span{margin-right: 20px;}
.spe_ll dd h2{margin-bottom:2%;}



.index-network{ position:relative; overflow:hidden;}
.index-network .img { width:1220px; height:849px; margin:0 auto; position:relative; }
.index-network .img > img { width:100%;transition:1s all; -webkit-transition:1s all; opacity:0;}
.index-network .img .d { background:#fff; width:8px; height:8px; border-radius: 50%; z-index:10; left:74.83%; top:49.46%; position:absolute;}
.index-network .img > .list { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.index-network .img > .list li {position:absolute; right:0; top:0; width:100%; height:100%;}
.index-network .img > .list li img { width:1200px; height:849px; position:absolute; right:0; top:0;}
.index-network .img > .logo-item{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}

.logo-item li {
    /*background:url(../images/logo-item.png) no-repeat; */
    width:68px; height:70px; position:absolute;  transition:3s all;
    -webkit-transition:3s all;
    -moz-transition:3s all;
    -o-transition:3s all; transform:scale(0,0); -webkit-transform:scale(0,0);}
.logo-item li.i1 { left:36%; top:19%; transition-delay:0.4s;    -webkit-transition-delay:0.4s;}
.logo-item li.i2 { left:17%; top:33%; transition-delay:0.6s;    -webkit-transition-delay:0.4s;}
.logo-item li.i3 { left:20%; top:45%; transition-delay:1.4s;    -webkit-transition-delay:0.4s;}
.logo-item li.i4 { left:50%; top:41%; transition-delay:0.2s;    -webkit-transition-delay:0.4s;}
.logo-item li.i5 { left:59%; top:33%; transition-delay:1.4s;    -webkit-transition-delay:0.4s;}
.logo-item li.i6 { left:32%; top:66%; transition-delay:0.4s;    -webkit-transition-delay:0.4s;}
.logo-item li.i7 { left:49%; top:56%; transition-delay:0.8s;    -webkit-transition-delay:0.4s;}
.logo-item li.i8 { left:79%; top:68%; transition-delay:0.2s;    -webkit-transition-delay:0.4s;}

.index-network.open .logo-item li { transform:scale(1,1); -webkit-transform:scale(1,1);}
.index-network.open .img > img { opacity:1;}
.index-network.open .img .d { opacity:1;}
.map-network .list li { overflow:hidden;
    transition:3s all;
    -webkit-transition:3s all;
    -moz-transition:3s all;
    -o-transition:3s all;
}
.map-network .list li.l1 { width:0%;}
.map-network .list li.l2 { width:0%;  transition-delay:0.4s; -webkit-transition-delay:0.4s;}
.map-network .list li.l3 { width:0%;  transition-delay:1.6s; -webkit-transition-delay:1.6s;}
.map-network .list li.l4 { width:0%; transition-delay:1.4s; -webkit-transition-delay:1.4s;}
.map-network .list li.l5 { width:0%; transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.map-network .list li.l6 { width:0%; transition-delay:1.0s; -webkit-transition-delay:1.0s;}
.map-network .list li.l7 { width:0%; transition-delay:0.4s; -webkit-transition-delay:0.4s;}
.map-network .list li.l8 { height:0%; transition-delay:1.5s; -webkit-transition-delay:0.4s;}

.index-network.open .list li.l1 { width:100%;}
.index-network.open .list li.l2 { width:100%;}
.index-network.open .list li.l3 { width:100%;}
.index-network.open .list li.l4 { width:100%;}
.index-network.open .list li.l5 { width:100%;}
.index-network.open .list li.l6 { width:100%;}
.index-network.open .list li.l7 { width:100%;}
.index-network.open .list li.l8 { height:100%;}
.m31 .hidden{
    right: auto;
    left: 60px;
}
.m31 .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
.m26 .hidden{
    right: auto;
    left: 60px;
}
.m26  .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
.m29 .hidden{
    right: auto;
    left: 60px;
}
.m29   .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
.m28 .hidden{
    right: auto;
    left: 60px;
}
.m28  .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
.m25 .hidden{
    right: auto;
    left: 60px;
}
.m25  .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
.m23 .hidden{
    right: auto;
    left: 60px;
}
.m23  .hidden:after{
    right: auto;
    transform: rotate(180deg);
    left: -33px;
}
@media only screen and (max-width: 1365px) {
    .index-network { height:800px;}
    .index-network .img { width:1150px;height:800px;}
    .index-network .img > .list li img { width:1150px;height:800px;}
}

@media only screen and (max-width: 1279px) {
    .network{padding-bottom:12%;}
    .nanhai{right:20%;}
    .index-network { height:675px;}
    .index-network .img { width:970px;height:675px;}
    .index-network .img > .list li img { width:970px;height:675px;}
}
@media only screen and (max-width: 1023px) {
    .map_box{ display:none;}
    .address-select{ display:block;}
    .address-select li{float: left;width:12%; line-height: 30px; text-align: center;}
    .address-select li.on{color:#0167CA;}
    .cl11{ position:relative; left:0; top:0; width: 100%; margin-top: 15px; border: none;}
    .cl11 .close1,.nanhai,.nanhai1{ display:none;}
    .map{height: 450px;}
    .network{padding:40px 0;}
    .index-network { height:513px;}
    .index-network .img { width:738px;height:513px;}
    .index-network .img > .list li img { width:738px;height:513px;}
    .cl11 .w{margin-top: 30px;}
    .dbx{transform: rotate(90deg);left: 50%;top: -23px;margin-left: -15px;}
}
@media only screen and (max-width: 767px) {
    .map{height: 350px;}
    .BMap_bubble_title{font-size: 14px!important;}
    .index-network { height:268px;}
    .index-network .img { width:385px;height:268px;}
    .index-network .img > .list li img { width:385px;height:268px;}
    .index-network .img .d{width:4px; height: 4px;}
    .logo-item li{width:28px; height: 30px; background-size: cover;}
    .address-select li{width:20%;}

}
@media only screen and (max-width:375px) {
    .product_list li:nth-child(5){top: -27px;}
    .map{height: 300px;}
    .index-network { height:240px;}
    .index-network .img { width:345px;height:240px;}
    .index-network .img > .list li img { width:345px;height:240px;}
}

@media only screen and (max-width:340px) {
    .index-network { height:216px;}
    .index-network .img { width:310px;height:216px;}
    .index-network .img > .list li img { width:310px;height:216px;}
}
@media only screen and (max-width:320px) {
    .index-network { height:201px;}
    .index-network .img { width:290px;height:201px;}
    .index-network .img > .list li img { width:290px;height:201px;}
}

.network_item.on{display: block;}
.network_item>img{width: 100%;}

.network_item.world{position: relative;}
.world_item{position: absolute;}
.world_item img{width: 60px;display: none;}
.world_item>span{background: url(../images/w_d.png) no-repeat;background-size: cover;width: 15px;height: 15px;display: block;cursor: pointer;}

.world_item>span:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*background-color: #fff;*/
    background:rgba(0,75,127,0.5);
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 200ms;
    transition: 0.5s all ease;
    transform: scale(1);
    display: block;
}
@keyframes scale {
    0% {
        transform: scale(1);
    }
    50%,
    75% {
        transform: scale(1.8);
    }
    78%, 100% {
        opacity: 0;
    }
}
.world_word{position: absolute;left: 50%;top: 15px;width: 390px;padding: 20px 30px;box-sizing: border-box;background:rgba(0,75,127,0.9);color: #fff;
    display: none;z-index: 10;margin-left: -195px;}
.world_word p{line-height: 30px;}
.world_word p a{color: #fff;}
.world_item.on .world_word{display: block;}
@media only screen and (max-width: 1200px) {
    .world_word{left: -50px;top: 30px;}
}
@media only screen and (max-width: 1024px) {
    .world_word{left: -50px;top: 30px;}
    .networ_tit h2 em{margin-top: 0;}
    .cl11 .w{padding: 20px;}
    .network_item.world{margin-top: 30px;}
    .world_item{position: static;margin-bottom: 20px;}
    .world_item>span{margin-left: 10px;}
    .world_word{position: static;display: block;width: 100%;margin-left: 0;padding: 20px;margin-top: 20px;}
}

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


}

.aftersale_down{background: url(../upload/aftersale_down.png) no-repeat;background-size: cover;display: block;width: 219px;height: 32px;padding-left: 34px;box-sizing: border-box;}
.aftersale_down span{text-align: center;color: #fff;width: 100%;line-height: 32px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.details_b .application_list{position: relative;}
.details_b .application_list .swiper-button-prev{left: 0px;}
.details_b .application_list .swiper-button-next{right: 0px;}
.details_b .application_list .lhl_but>div{margin-top: -62px;width: 75px;height: 66px;line-height: 66px;font-weight: bolder;}
@media only screen and (max-width: 767px) {

    .details_b .application_list .lhl_but>div{
        width: 50px;
        height: 42px;
        line-height: 42px;
        margin-top: -44.5px;
    }
}

.technology_item h2{margin-bottom: 20px;}
.model_list .ph_table td{width: 98%;box-sizing: border-box;padding: 20px 40px;}
.model_list .ph_table td a{display: block;}
.model_list .ph_table td:last-child{width: 80px;}
.model_list{padding-bottom: 8%;}

@media only screen and (max-width: 767px) {
    .model_list{padding: 40px 0;}
    .model_list .ph_table td:last-child{text-align: center;}
    .model_list .ph_table td{padding: 10px;border-top: 0;width: 100%;}
    .ph_table td a{position: relative;z-index: 3;}
	.aboutstaus tbody td:last-child {
	    background: #0254aa;
	    padding: 0;
	    text-align: right;
	}
}

.parameter li{overflow: hidden;margin-bottom: 10px;}
.parameter dl{float: left;width: calc((100% - 10px) / 2);margin-right:10px;box-sizing: border-box;}
.parameter dl:nth-child(2n){margin-right: 0;}
.parameter dl dd{float: left;width: 50%;background: #e5e6e6;padding: 20px 20px;box-sizing: border-box;height:80px; line-height: 20px;}
.parameter dl dt{float: left;width: 50%;background: #e5e6e6;padding: 20px 20px;box-sizing: border-box; height:80px; line-height: 20px;}
.parameter dl dt .edit_con_original,.parameter dl dt .edit-con-original{ line-height: 20px;}
.parameter li:nth-child(2n) dd,.parameter li:nth-child(2n) dt{background: #f3f3f3;}

@media only screen and (max-width: 767px) {
    .parameter dl{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .parameter li{margin-bottom: 0;}

}
.network_01{
    background: #f2f2f2;
}
.network_02{
    padding: 5% 0;
}
.network_02 ul li{
    margin-right: 2.78%;
    margin-bottom: 2.78%;
    box-sizing: border-box;
    float: left;
    background: #fff;
    width: 48.61%;
    padding: 60px;
    box-shadow: 0 0 5px rgba(0,0,0,10%);
}
.network_02 ul li:nth-child(2n){
    margin-right: 0;
}
.network_02 ul li h2{
    line-height: 1;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 2px solid #c9d0d6;
    margin-bottom: 30px;
}
.network_02 ul li h2:after{
    content: '';
    background: #115ea2;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 118px;
    height: 3px;
}
.network_02 ul li p{
    line-height: 1;
    margin-bottom: 20px;
}
.network_02 ul li span{
    display: inline-block;
}
.network_02 ul li p i{
    color: #115ea2;
    display: inline-block;
    margin-right: 10px;
}
.network_02 ul li p , .network_02 ul li p a{
    color: #707070;
}
@media only screen and (max-width: 767px) {
    .network_02 ul li {
        margin-right: 0%;
        width: 100%;
        padding: 20px;
    }
    .network_02 ul li p:last-child span{
        margin-top: -10px;
    }
    .network_02 ul li span{
        width: 70%;
        display: inline-block;
    }
    .network_02 ul li h2 {
        line-height: 1;
        padding-bottom: 15px;
        position: relative;
        border-bottom: 2px solid #c9d0d6;
        margin-bottom: 20px;
    }
    .network_02 ul li p {
        line-height: 1.2;
        margin-bottom: 15px;
    }
}
.serviceindex_01{
    padding: 5.2% 0;
}
.serviceindex_01 ul li{
    transition: all .3s;
    overflow: hidden;
    position: relative;
    width: 31.45%;
    margin-right: 2.825%;
    margin-bottom: 2.825%;
    float: left;
}
.serviceindex_01 ul li a{display: block;position: relative; height: 100%;}
.serviceindex_01 ul li a img{
	position: relative;
	height: 100%;
}
.serviceindex_01 ul li a:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);}
.serviceindex_01 ul li:nth-child(3n){
    margin-right: 0;
}
.serviceindex_01 ul li:nth-child(3n+1){
    clear: both;
}
.serviceindex_01 ul li .servicelistwrap{
    transition: all .3s;
    background: url('../upload/20220513/servicelistwrapbg.png');
    box-sizing: border-box;
    background-size: cover;
    padding:  13.24% 6.62%;
    position: absolute;
    height: 100%;
    color: #fff;
    width: 100%;
    bottom:-100%;
    left: 0;
    z-index: 3;
}
.serviceindex_01 ul{
    margin-top: 50px;
}
.serviceindex_01 ul li img{
    width: 100%;
}
.serviceindex_01 ul li:hover .servicelistwrap{
    bottom: 0;
}
.serviceindex_01 ul li .servicelistwrap h2{
    line-height: 1;
    margin-bottom:  6.62%;
}
.serviceindex_01 ul li .servicelistwrap a{
    color: #fff;
}
.serviceindex_01 ul li .servicelistwrap p{
    line-height: 1.875;
    height: 9.375em;
  }
  .serviceindex_01 ul li .servicelistwrap span{
      background: #fff;
      margin-top: 5px;
      color: #0750a4;
  }
  .serviceindex_01 ul li a > p{
      position: absolute;
      width: 100%;
      box-sizing: border-box;
      padding:6.62%;
      padding-right: 0;
      bottom: 0;
      left: 0;
      color: #fff;
      z-index: 2;
  }
  .serviceindex_01 ul li:hover a > p{
      opacity: 0;
  }
  .serviceindex_01 .pub_more{
      margin: 20px auto;
  }
  .serviceindex_02 {
      padding-bottom: 7.29%;
  }
  .serviceindex_02 ul li{
    position: relative;
    width: 48.61%;
    float: left;
    margin-right: 2.78%;
  }
  .serviceindex_02 ul li:nth-child(2n){
      margin-right: 0;
  }
  .serviceindex_02 ul li img{
      width: 100%;
  }
  .serviceindex_02 ul li .serviceindex_02ding{
      color: #fff;
      box-sizing: border-box;
      padding: 8.57% 0 0  7.14%;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.2);
  }
  .serviceindex_02 ul li .serviceindex_02ding p{
      margin-top: 15px;
	  line-height: 1.2;
	  height: 3.6em;
  }
  .serviceindex_02 ul li .serviceindex_02ding .pub_more{
      margin-top: 10%;
  }
  @media only screen and (max-width: 768px){
    .serviceindex_01 ul {
        margin-top: 20px;
    }
    .serviceindex_01 ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.825%;
        float: none;
    }
    .serviceindex_01 ul li .servicelistwrap {
        transition: all .3s;
        background: url(../upload/20220513/servicelistwrapbg.png);
        box-sizing: border-box;
        background-size: cover;
        padding: 6.24% 6.62%;
        position: static;
        height: 100%;
        color: #fff;
        width: 100%;
        bottom: -100%;
        left: 0;
    }
    .serviceindex_01 ul li .servicelistwrap h2 {
        line-height: 1;
        margin-bottom: 3%;
    }
    .serviceindex_01 ul li .servicelistwrap p {
        line-height: 1.875;
        height: auto;
    }
    .serviceindex_01 ul li a > p{
        display: none;
    }
    .serviceindex_01 ul li .servicelistwrap span {
        background: #fff;
        margin-top: 10px;
        color: #0750a4;
    }
    .serviceindex_01 {
        padding: 5.2% 0 0;
    }
    .serviceindex_02 ul li {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 2.78%;
    }
    .serviceindex_02 ul li .serviceindex_02ding .pub_more {
        margin-left: 0;
        margin-top: 2%;
    }
  }
  .case_01 ul{
      margin-top: 0;
  }
  .recruitindex_01{
      padding-top: 3.64%;
  }
  
  .titlebp{
      width: 100%;
      text-align: center;
      color: #686868;
  }
  .recruitindex_01 ul li {
      overflow: hidden;
  }
  .recruitindex_01 ul li .recruitindex_01ding{
      transition: all .3s;
    top: auto;
    bottom: -100%;
}
.solutiondetails_02{
	padding: 3% 0;
}
.recruitindex_01 ul li:hover .recruitindex_01ding{
    top: auto;
    bottom: 0%;
}
.recruitindex_01 ul li .recruitindex_01ding .pub_more {
    margin-top: 5%;
}
.recruitindex_01 ul li > p{
    transition: all .3s;

    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 8.57% 7.14%;
}
.recruitindex_01 ul li:hover > p{
    bottom: -100%;
}
.recruitindex_01 ul{
    margin-top: 2.6%
}
.recruitindex_02{
    position: relative;
}
.recruitindex_02 > div{
    width: 50%;
}
.recruitindex_02 > .pull-right{
    position: relative;
    z-index: 999;
}
.recruitindex_02 > div img{
    width: 100%;
}
.recruitindex_02 .ding02{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
.recruitindex_02 .ding02 .left{
    box-sizing: border-box;
    padding-right: 6.9%;
    width: 50%;
}
.recruitindex_02 .ding02 .left .pub_more{
    margin-top: 20%;
}
.recruitindex_02 .ding02 .left h2{
    color: #2c2b2b;
}
.recruitindex_02 .ding02 .left p {
    margin-top: 10px;
    color: rgb(104, 104, 104);
    line-height: 2.25;
	height: 11.25em;
  }
  @media only screen and (max-width: 1399px){
    .recruitindex_02 .ding02 .left .pub_more{
        margin-top: 15%;
    }
  }
  @media only screen and (max-width: 1199px){
    .recruitindex_02 .ding02 .left .pub_more{
        margin-top: 10%;
    }
  }
  .recruitindex_03 img{
    width: 100%;
  }
  .recruitindex_03{
      background-size: cover;
      position: relative;
  }
  .back02{
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0%;
      background: rgba(0,0,0,0.2);
  }
  .back02 p{
        color: rgb(255, 255, 255);
        line-height: 2.25;
      text-align: center;
  }
  .back02 h2{
      margin-bottom: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
}
@media only screen and (max-width: 768px){
    .recruitindex_02 > div {
        width: 100%;
    }
    .recruitindex_02 .ding02 .left {
        box-sizing: border-box;
        padding-right:0%;
        width: 100%;
    }
    .recruitindex_02 .ding02 {
        height: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        background: rgba(0,0,0,0.2);
    }
    .recruitindex_02 .ding02 .wrap{
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
  
    .recruitindex_03 img{
        display: none;

    }
    .recruitindex_03 {
        background-size: cover !important;
        height: 250px;
    }
}
.develop_01{
    padding: 3.9% 0 6.7%;
}
.develop_01 h2{
    margin-bottom: 1.3%;
}
.develop_01 .titlebp{
    margin-bottom: 2%;
    color: rgb(104, 104, 104);
    line-height: 2.25;
    text-align: center;
  }
  .develop_01 .develop_01ul > li > div{
      width: 50%;
      float: left;
  }
  .develop_01  .text_right{
      position: relative;
  }
  .develop_01  .text_right .text_rightding{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 9.7% 8.3%;
      box-sizing: border-box;
  }
  .develop_01  .img_left img ,  .develop_01  .text_right img{
      width: 100%;
  }
  .develop_01  .text_right .text_rightding h2{
      color: #2c2b2b;
      margin-bottom: 10px;
  }
  .develop_01 .text_right .text_rightding p{
    color: rgb(104, 104, 104);
    line-height: 2.25;
    height: 9em;
  }
  .develop_01 .develop_01ul > li:nth-child(2n) .img_left{
    float: right;
  }
  .develop_01 .text_right .text_rightding ul{
      margin-top: 30px;
  }
  .develop_01 .text_right .text_rightding ul li{
      margin-right: 40px;
      display: inline-block;
  }
  .develop_01 .text_right .text_rightding ul li i{
      color: #115ea2;
      display: inline-block;
      margin-right: 10px;
  }
  .develop_01 .text_right .text_rightding ul li span{
      font-weight: bold;
  }
  @media only screen and (max-width: 1299px){
    .develop_01 .text_right .text_rightding ul{
        margin-top: 10px;
    }
    .develop_01 .text_right .text_rightding {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 5.7% 8.3%;
        box-sizing: border-box;
    }
  }
  .develop_02{
    padding:  3.125% 0 5.2%;
  }
  .develop_02 .tongdaoimgwrap img{
    width: 100%;
  }
  .develop_03{
    padding:  3.125% 0 5.2%;
  }
  .develop_03 .swiper-slide img{
    width: 100%;
  }
  .develop_03 .swiper-slide .bg02{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.6);
  }
  .develop_03 .swiper-slide.swiper-slide-active .bg02{
    display: none;
  }
  .develop_03 .swiper-container{
      margin-top: 3.9%;
  }
  .develop_03 .devo3swiper{
      position: relative;
  }
  .develop_03   .lhl_but div {
      color: #115ea2;
    width: 40px;
    height: 40px;
    background: #fff !important;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    margin-top: -20px;
    background: none;
    font-size: 16px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.develop_03   .lhl_but .swiper-button-prev{
    left: 25.5%;
}
.develop_03   .lhl_but .swiper-button-next{
    right: 25.5%;
}
@media only screen and (max-width: 768px){
    .develop_01 .titlebp{
        margin-bottom: 10px;
    }
    .develop_01 .develop_01ul > li > div {
        width: 100%;
        float: left;
    }
    .develop_01 .text_right .text_rightding p {
        color: rgb(104, 104, 104);
        line-height: 2.25;
        height: 6.75em;
    }
    .develop_01 .text_right .text_rightding ul li {
        margin-right: 5px;
        display: inline-block;
    }
    .develop_01 .text_right .text_rightding {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2% 8.3%;
        box-sizing: border-box;
    }
    .develop_01 .text_right .text_rightding h2 {
        color: #2c2b2b;
        margin-bottom: 0px;
    }
    .develop_03 .lhl_but .swiper-button-prev {
        left: 10px;
    }
    .develop_03 .lhl_but .swiper-button-next {
        right: 10px;
    }
}
.recruit01{
    padding: 3.9%;
}
.recruit01 .toprecruittopnav{
    text-align: center;
}
.recruit01 .toprecruittopnav ul{
    position: relative;
    display: inline-block;
}
/* .recruit01 .toprecruittopnav ul:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    background: #000;
    left: 50%;
    visibility:inherit;
    transform: translateX(-50%) rotate(20deg);
} */
.recruit01 .toprecruittopnav ul li{
    cursor: pointer;
    float: left;
    margin: 0 25px;
    line-height: 60px;
}
.recruit01 .toprecruittopnav ul li:nth-child(2){
    margin: 0;
}
.recruit01 .toprecruittopnav ul li.on{
    font-size: 40px;
}
.social-tit{ text-align: center; margin:0 0 3%;}
.social-tit ul{ display:inline-block}
.social-tit li{float:left; padding:0 30px; position: relative;}
.social-tit li::before{ content: ""; position: absolute; left:0; top:50%; margin-top:-14px; widtH:1px; height:28px; transform: skewX(-20deg); background: #AFB1B4;}
.social-tit li:first-child::before{ opacity: 0;}
.social-tit li.on a{color:#2F9344; font-weight: bold;}

.social-select{margin-top: 2%; margin-bottom: 3.5%; position: relative; z-index: 10;}
.social-select .btn i{color:#fff; margin-right: 15px;}
.social-select .sel-box{ float: left; width:100%}
.social-select .sel-box li{ float: left; width:26.73%; margin-right:2.77%; height: 50px; line-height: 50px; }
.on_o{color: #000;}
.select-box{position: relative; border-bottom:2px solid #000;}
.select-box dt{cursor: pointer; padding:0 56px 0 20px; position: relative;}
.select-box dt span{
    color: #7f7f80;
}
.select-box dt i{ position: absolute; right:0; top:0; font-size: 20px; widtH:56px; height: 100%; color:#000; text-align: center;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{display: none;padding:10px 0;border: 1px solid #CFCFCF;position: absolute; z-index: 10; top:52px;left: -1px;width:100%;background: #fff;max-height: 220px;overflow: auto;}
.select-box dd a{display: block;line-height:40px; padding:0 20px; cursor: pointer;}
.social-select .btn{color: #fff; float: left; width: 84.84%  !important; height: 52px; line-height: 52px; bordeR:none; background: #115ea2; border-radius: 50px;}
.social-select li:last-child{
    width: 11.5%;
    margin-right: 0;
}
.social-select .btn:hover{
    opacity: .8;
}
.recruitlistul{
    background-size: cover;
    background: url('../upload/20220513/recruit_03.jpg');
    width: 100%;
}
.recruitlistul > li{
    padding-left: 40px;
    box-sizing: border-box;
    line-height: 60px;
    height: 60px;
    color: #fff;
    float: left;
}
.recruitlistul > li:nth-child(1){
    width: 26.38%;
}
.recruitlistul > li:nth-child(2){
    width: 18.5%;
}
.recruitlistul > li:nth-child(3){
    width: 20.48%;
}
.recruitlistul > li:nth-child(4){
    width: 21.5%;
}
.listw ul{
    border-bottom: 1px solid #000;

}
.listw ul li{
  
    line-height: 80px;
    height: 80px;
    box-sizing: border-box;
    float: left;
    padding-left: 40px;
}

.listw ul li em{
    display: none;
}
.listw ul > li:nth-child(1){
    width: 26.38%;
}
.listw ul > li:nth-child(2){
    width: 18.95%;
}
.listw ul > li:nth-child(3){
    display: none;
}
.listw ul > li:nth-child(4){
    width: 20.48%;
}
.listw ul > li:nth-child(5){
    width: 21.5%;
}
.listw ul li > i{
    color: #fff;
    width: 13px;
    height: 13px;
    background: #115ea2;
    border-radius: 10px;
}
.listwhide ul li{
    box-sizing: border-box;
    float: left;
    padding-left: 40px;
}
.listwhide ul > li:nth-child(1){
    width: 26.38%;
}
.listwhide ul > li:nth-child(2){
    width: 18.95%;
}
.listwhide{
    padding: 40px 0;
    background: #eff2f4;
}
.zhze .leftgagnwei{
    border-right: 1px solid #000;
    padding-left: 40px;
    box-sizing: border-box;
    width: 48.26%;
    float: left;
}
.zhze{
    margin-top: 30px;
}
.zhze .rightzige{
    padding :0 4.16%;
    box-sizing: border-box;
    width: calc( 100% - 48.26%);
    float: left;
}
.leftgagnwei h2{
    font-weight: bold;
    margin-bottom: 15px;
}
.rightzige h2{
    font-weight: bold;
    margin-bottom: 15px;
}
.listwhide > p{
    margin-top: 60px;
    box-sizing: border-box;
    padding-left: 55px;
    font-weight: bold;
}
.btnwrao{
    padding: 0 40px;
}
.btnwrao .emilbtn{
    margin-top: 40px;
    text-align: center;
    background: #115ea2;
    display: block;
    width: 145px;
    height: 42px;
    line-height: 42px;
    color: #fff !important;
    border-radius: 50px;
}
.emilbtn:hover{
  opacity: .8;
}
.listwhide{
    display:none;
}
.recruitlist.on .listwhide{
    display:block;
}
.recruitlist.on .listw ul > li:nth-child(3){
    display: block;
        width: 18.9%;

}
.recruitlist.on .listw ul > li:nth-child(2){
    display: block;
}
.recruitlist.on  .listw ul > li:nth-child(5){
    display: block;

}
.recruitlist.on .listw ul > li:nth-child(4) {
        width: 20.48%;
}
.recruitlist .listw ul li:last-child{
    display: none;
}
.recruitlist.on .listw ul li:last-child{
    display: block;
}
.recruitlist.on .listw ul li:nth-child(6){
    display: none;
}
@media only screen and (max-width: 1499px){
    .recruitlistul > li {
        padding-left: 15px;
    }
    .listw ul li {
        padding-left: 15px;
    }
}
@media only screen and (max-width: 1299px){
    .recruitlistul > li {
        padding-left: 10px;
    }
    .listw ul li {
        padding-left: 10px;
    }
    .listw ul > li:nth-child(2) {
        width: 16.95%;
    }
    .listw ul > li:nth-child(4) {
        width: 22.48%;
    }
}
@media only screen and (max-width: 1199px){
    .recruitlistul > li {
        padding-left: 10px;
    }
    .listw ul li {
        padding-left: 10px;
    }
    .listw ul > li:nth-child(2) {
        width: 14.95%;
    }
    .listw ul > li:nth-child(4) {
        width: 25.48%;
    }
}
@media only screen and (max-width: 768px){
    .social-select .sel-box li {
        float: left;
        width: 100%;
        margin-right: 0;
        height: 45px;
        line-height: 45px;
    }
    .social-select .btn {
        display: block;
        color: #fff;
        float: none;
        width: 84.84% !important;
        height: 45px;
        line-height: 45px;
        bordeR: none;
        background: #115ea2;
        border-radius: 50px;
        margin: 10px auto;
    }
    .recruitlistul{
        display: none;
    }
    .listw ul li {
        text-align: right;
        display: block !important;
        width: 100% !important;
    }
    .listw ul li em{
        float: left;
        display: block;
    }
    .listw ul li {
        line-height: 40px;
        height: 40px;
        box-sizing: border-box;
        float: left;
        padding-left: 40px;
    }
    .recruitlist .listw ul li:last-child{
        display: none !important;
    }
    .recruitlist.on .listw ul li:last-child {
        display: block !important;
    }
    .recruitlist.on .listw ul li:nth-child(6) {
        display: none !important;
    }
    .listw ul {
        margin-bottom: 10px;
    }
    .listw ul li {
        border-bottom: 1px solid #B4A9A8;
        padding-left: 0px;
    }
    .listwhide {
        padding: 20px 0;
        background: #eff2f4;
    }
    .listwhide ul li {
        box-sizing: border-box;
        float: left;width: 100% !important;
        padding-left: 15px;
    }
    .zhze .leftgagnwei {
        border-right: none;
        padding:0 15px;
        width: 100%;
    }
    .zhze .rightzige {
        padding: 8px 4.16%;
        box-sizing: border-box;
        width: 100%;
        float: left;
    }
    .zhze {
        margin-top: 10px;
    }
    .listwhide > p {
        margin-top: 5px;
        box-sizing: border-box;
        padding: 0 15px;
        font-weight: bold;
    }
    .emilbtn {
        margin-top: 15px;
        text-align: center;
        background: #115ea2;
        display: block;
        width: 145px;
        height: 42px;
        line-height: 42px;
        color: #fff;
        border-radius: 50px;
    }
    .btnwrao {
        padding: 0 15px;
    }
}
.sitemap  > ul > li{
    padding: 3% 0;
}
.sitemap  > ul > li:nth-child(2n){
    background: #f5f5f5;
}
.sitemap  > ul > li h2{
    font-weight: bold;
  
}
.sitemap  > ul > li em{
    display: block;
    width: 45px;
    height: 3px;
    background: #115ea2;
    margin-top: 25px;
}
.sitemap  > ul > li ul li{
    float: left;
    margin-right: 45px;
   
}
.sitemap  > ul > li ul{
    margin-top: 25px;
}
.sitemap  > ul > li ul li a{
    color: #686868;
}

@media only screen and (max-width: 768px){
    .sitemap > ul > li em {
        display: block;
        width: 45px;
        height: 3px;
        background: #115ea2;
        margin-top: 10px;
    }
    .sitemap > ul > li ul {
        margin-top: 9px;
    }
    .recruitindex_01 ul li .recruitindex_01ding{
        bottom: 0;
    }
    .recruitindex_01 ul li > p{
        display: none;
    }
    .develop_02 .tongdaoimgwrap img{
        display:none;
    }
    .phoneimg{
        display: block !important;
    }
    .pcimg{
        display: none !important;
    }
    .consulting_01 .title {
        line-height: 1;
        font-size: 20px;
    }
	.recruitindex_02 > .pull-right {
	    z-index: 0;
	}
	.recruitindex_02 .ding02 {
	    background: none;
	}
	.recruitindex_02 .ding02 {
	    height: 100%;
	    position: absolute;
	    top: 33%;
	    transform: translateY(-50%);
	    width: 100%;
	    left: 0;
	}
    .solution_01 li .textright{
        transform:none;
    }
}
.jieguo_01 .pull-right{
    width: 100% !important;
}
.jieguo_01 .pull-right ul li {
    margin-bottom: 6%;
    margin-right: 5% !important;
    width: 30%;
    float: left;
}
.jieguo_01 .pull-right ul li:nth-child(3n){
    margin-bottom: 6%;
    margin-right: 0% !important;
}
.seriesdetails_03{
	position: relative;
}
.seriesdetails_03 .lefti,.seriesdetails_03 .righti{
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


@media only screen and (max-width: 768px){
    .jieguo_01 .pull-right ul li {
        width: 100%;
    }
    .jieguo_01 .pull-right {
        height: auto;
        overflow-x: hidden;
    }
	    .solutiondetails_01 .lhl_but div.swiper-button-prev {
	        left: 10px;
	    }
	    .solutiondetails_01 .lhl_but div.swiper-button-next {
	        right: 10px;
	    }
		.seriesdetails_03 .wrap{
			overflow-x: auto;
		}
	.seriesdetails_03 img{
	    width: 1000px;
	}
	.seriesdetails_03 .lefti,.seriesdetails_03 .righti{
		display: block;
	}
	.seriesdetails_03 .lefti{
		left: 0;
	}
	.seriesdetails_03 .righti{
		right: 0;
	}
}
.pageout {
    text-align: center;
    padding-bottom: 30px;
    clear: both;
    overflow: hidden;
}
/*.series_02 .pull-left.on{
	position: fixed;
	left: 5%;
	top: 50px;
}
*/
#boxtanwrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
    background: rgba(0,0,0,0.5);
}
.tanbox{
    padding-top: 80px;
    padding-bottom: 130px;
    background: #fff;
    width: 100%;
}
.tanbox h2{
    margin-bottom: 20px;
    text-align: center;
    color: #2c2b2b;
}
.tanbox p{
        color: rgb(36, 39, 41);
        line-height: 1.714;
    text-align: center;
    color: #242729;
    margin-bottom: 50px;
}
.tanbox .inputwrap  ul{
    width:940px;
    margin: 0 auto;
}
.tanbox .inputwrap  ul li{
    margin-bottom: 20px;
    height: 40px;
    width: 50%;
    float: left;
}
.tanbox .inputwrap  ul li > label{
    width: calc(100% - 314px);
    float: left;
    position: relative;
}
.tanbox .inputwrap  ul li .inputright{
    float: left;
    width: 314px;
    line-height: 40px;
}
.tanbox .inputwrap  ul li em{
    color: #ff0000;
}
.tanbox .inputwrap  ul li > label{
    box-sizing: border-box;
    padding-right: 10px;
    text-align: right;
    line-height: 40px;
}
.inputright input[type=text] , .inputright .select-box{
    background: #f7fafc;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border-radius: 5px;
    border: none;
}
.inputright .select-box dt{
    height: 40px;
}
.yzmm input{
    width: 60% !important;
}
.yzmm .yzmbox{
    width: 107px;
    height: 40px;
    float: right;
}
.button{
    margin-top: 4%;
    text-align: center;
}
.button ul{
    display: inline-block;
}
.button ul li{
    float: left;
}
.button ul li button{
    margin: 0 10px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    background: #115ea2;
    color: #fff;
}
.button ul li:nth-child(2) button{
    background: #b2b2b2;
}
@media only screen and (max-width: 768px){
    .tanbox .inputwrap ul {
        width: 100%;
    }
    .tanbox .inputwrap ul li {
        margin-bottom: 20px;
        height: auto;
        width: 100%;
        float: left;
    }
    .tanbox .inputwrap ul li label {
        display: block;
        text-align: left !important;
        width: 100%;
        float: none;
        line-height: 30px;
        height: 30px;
        position: relative;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .inputright input[type=text], .inputright .select-box {
        background: #f7fafc;
        height: 30px;
        line-height: 30px;
        width: 100%;
        border-radius: 5px;
        border: none;
    }
    .tanbox .inputwrap ul li .inputright {
        float: none;
        width: 100%;
        line-height: 30px;
    }
    .tanbox {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        background: #fff;
        width: 100%;
        height: 400px;
        overflow-y: auto;
    }
    .yzmm input {
        height: 40px !important;
        width: 60% !important;
    }
    .button ul li button {
        margin: 0 10px;
        width: 110px;
        height: 40px;
        line-height: 40px;
        border-radius: 50px;
        background: #115ea2;
        color: #fff;
    }
}
.seriesdetails_05 .swiper-slide a{
	position: relative;
	height: 100%;
	display: flex;
}
@media only screen and (min-width: 1025px){
	.seriesdetails_05 .swiper-slide{
		width: 30.55%;
	}
}