@media screen and (min-width:1850px) {
    .wrap {
        width: 1700px;
    }
	
	.wrap1200{
		 width: 1200px;
	}
}

@media screen and (max-width:1850px) {
    .wrap {
        width: 90%;
    }
	
	.wrap1200{
		 width: 1200px;
	}
	
    .logo {
        width: 960px;
    }
    .tel {
        width: 300px;
    }
    .headerNav ul .li a {
        display: block;
        font-size: 18px;
        color: #fff;
        line-height: 78px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inProNav ul li a {
        display: block;
        line-height: 24px;
        font-size: 16px;
        text-align: center;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .proItemInfoNav a {
        width: 100px;
    }
    .inProShowPlay img {
        width: 420px;
        height: auto;
        overflow: hidden;
    }
    .inProShowOneRightInfo div {
        background: url(../img/icon_tel_pro.png) no-repeat left center;
        padding-left: 7%;
    }
    .inProShowCont1 .box1 input {
        width: 70%;
    }
    .inProShowCont1 .box1 textarea {
        background: url(../img/proDetailsLy_icon05.png) no-repeat 95% 19%;
    }
    .inProShowCont3Right ul li a p {
        width: 70%;
        float: left;
        line-height: 42px;
        font-size: 16px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
	
	.logo a .logo_two {
		width: 45%;
	}
}

@media screen and (max-width: 1680px) {
	
	.homeProTopImg a img {
		width: 120px;
	}
	
    .homeProTopItemContRight video {
        height: 330px;
    }
    .homeProTopItemContLeft img {
        height: 330px;
    }
    .homeProTopImg {
        top: 10%;
    }
    .homeProTopNav {
        bottom: 14%;
    }
    .homeYoushiCont {
        margin-bottom: 10%;
    }
    .homeProNav li a {
        display: block;
        line-height: 60px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 60px;
    }
    .homeService .homeTitle {
        width: 68%;
    }
    .homeServiceItem li div span {
        width: 20.5%;
        display: block;
        background: url(../img/home_service_span.png) no-repeat left center;
        text-align: center;
        font-size: 25px;
        line-height: 32px;
        color: #fff;
        position: relative;
        z-index: 999;
        padding-top: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .homeServiceItem li div p {
        width: 102%;
    }
    .homeServiceNav {
        margin-top: 6%;
    }
    .homeNewsContNav div:nth-child(1) {
        width: 50%;
    }
    .homeNewsTop a div:nth-child(2) {
        width: 75%;
    }
	
	.logo a .logo_two {
		width: 45%;
	}
}

@media screen and (max-width: 1560px) {
    .homeProTopItemContRight video {
        height: 300px;
    }
    .homeProTopItemContLeft img {
        height: 300px;
    }
    .homeProTopImg {
        top: 10%;
    }
    .homeProTopNav {
        bottom: 14%;
    }
    .homeYoushiCont {
        margin-bottom: 10%;
    }
    .homeProNav li a {
        display: block;
        line-height: 60px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 60px;
    }
    .homeService .homeTitle {
        width: 68%;
    }
    .homeServiceItem li div span {
        width: 20.5%;
        display: block;
        background: url(../img/home_service_span.png) no-repeat left center;
        text-align: center;
        font-size: 25px;
        line-height: 32px;
        color: #fff;
        position: relative;
        z-index: 999;
        padding-top: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .homeNewsContNav div:nth-child(1) {
        width: 50%;
    }
    .homeNewsTop a div:nth-child(2) {
        width: 75%;
    }
	
	.homeProTopImg a img {
		width: 110px;
	}
	
	.homeTitle h3::after{
		left:27%;
	}
	
	
	.logo a .logo_two {
		width: 45%;
	}
	
}

@media screen and (min-width: 1200px) and (max-width:1440px) {
	
	.homeProTopImg a img {
		width: 110px;
	}
    .wrap {
        width: 88%;
    }
	
	.wrap1200{
		 width: 1200px;
	}
	
    .homeProTopItemContLeft img {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    .homeProTopItemContRight video {
        width: 100%;
        height: 250px;
    }
    .homeProTopNav {
        position: absolute;
        left: 4%;
        bottom: 4%;
    }
    .homeProTopImg {
        position: absolute;
        right: 4%;
        top: 1%;
    }
    .homeSearchLeft {
        width: 60%;
    }
    .homeYoushiCont ul li h4 {
        font-size: 26px;
        line-height: 71px;
        text-align: center;
        color: #333;
        font-weight: 600;
    }
    .homeYoushiCont {
        margin-bottom: 16%;
    }
    .homeProNav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: #0050bd;
        margin-bottom: 2%;
        flex-wrap: wrap;
    }
    .homeVideoRightCont p {
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        margin-top: 3%;
        text-indent: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .homeServiceItem li div span {
        width: 27%;
        display: block;
        background: url(../img/home_service_span.png) no-repeat left center;
        text-align: center;
        font-size: 25px;
        line-height: 32px;
        color: #fff;
        position: relative;
        z-index: 999;
        padding-top: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .homeServiceNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 78%;
        margin: 0px auto;
        margin-top: 8%;
        margin-bottom: 2%;
        position: relative;
    }
    .homeNewsContNav div:nth-child(1) {
        width: 60%;
    }
    .homeNewsItem p a span {
        font-size: 17px;
        line-height: 24px;
        color: #333;
    }
    .homeNewsTop a div:nth-child(2) {
        width: 70%;
    }
    .homeNewsTop a div:nth-child(2) h4 {
        font-size: 22px;
        line-height: 28px;
        color: #333;
        margin-bottom: 10px;
    }
    .homeNewsItem p {
        margin-bottom: 10px;
    }
    .menu_right {
        width: 28%;
        float: right;
    }
    .homeProNav li {
        width: 25%;
    }
    .logo {
        width: 66%;
    }
	
	
	
	
    .logo a div {
         
    }
    .table_top_right {
        width: 75%;
        float: left;
        padding: 2%;
        padding-top: 0%;
    }
    .table_one p {
        font-size: 22px;
        line-height: 33px;
        color: #333;
    }
    .table_three {
        width: 14%;
    }
    .table_item {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 18px 2%;
        border-top: 1px solid #ddd;
    }
    .menu {
        float: left;
        position: relative;
        margin-left: 0%;
    }
    .inAboutOneDiyItem:nth-child(2) {
        left: 32%;
    }
    .inAboutOneDiyWrap {
        background: #026eb6;
        position: relative;
        margin: 20% auto;
        margin-top: 14%;
    }
    .menu_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 735px;
        float: left;
    }
    .logo a img:nth-child(1) {
        width: 140px;
        height: auto;
        margin-top: 2%
    }
	
	 
	
	.logo a .logo_two {
		width: 55%;
	}
	
	.logo a div{
		display:none;
	}
	
    .menu ul li {
        float: left;
        font-size: 16px;
        line-height: 60px;
        width: 100px;
        text-align: center;
    }
    .inContactItem li img {
        width: 70px;
        height: auto;
        overflow: hidden;
        margin-left: 9%;
    }
    .inAboutLeft {
        width: 55%;
        float: left;
        padding-top: 2%;
    }
    .inProShowOneRightInfo div {
        background: url(../img/icon_tel_pro.png) no-repeat left center;
        padding-left: 8%;
    }
    .inProShowPlay img {
        width: 330px;
        height: auto;
        overflow: hidden;
    }
    .inProShowCont4 ul li {
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 3%;
    }
    .inProShowCont4 ul {
        margin: 2% auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        padding-bottom: 1%;
        flex-wrap: wrap;
    }
    .inProShowCont1 .box1 .Input2 input {
        background: url(../img/proDetailsLy_icon01.png) no-repeat 280px center;
    }
    .inProShowCont1 .box1 .Input3 input {
        background: url(../img/proDetailsLy_icon02.png) no-repeat 280px center;
    }
    .inProShowCont1 .box1 .Input4 input {
        background: url(../img/proDetailsLy_icon04.png) no-repeat 280px center;
    }
    .inProShowCont1 .box1 textarea {
        background: url(../img/proDetailsLy_icon05.png) no-repeat 97% 19%;
    }
    .inProShowCont3Right ul li a p {
        width: 68%;
        float: left;
        line-height: 42px;
        font-size: 16px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inProShowCont3Right ul li a span {
        display: block;
        float: right;
        font-size: 16px;
        line-height: 42px;
    }
	
	.homeTitle h3::after{
		left:23%;
	}
}

@media screen and (min-width:1024px) and (max-width: 1199px) {
    .wrap {
        width: 88%;
    }
    .homeProTopItemCont {
        flex-direction: column;
    }
    .homeProTopItemContLeft {
        width: 100%;
        position: relative;
    }
    .homeProTopItemContLeft img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .homeProTopItemContRight {
        width: 100%;
        margin-top: 1%;
    }
    .homeProTopItemContRight video {
        width: 100%;
        height: auto;
    }
    .homeSearchLeft p {
        padding-left: 5%;
        background: url(../img/icon_home.png) no-repeat left center;
        font-size: 15px;
        line-height: 28px;
    }
    .homeSearchLeft {
        width: 60%;
    }
    .homeVideoTitle div:nth-child(1) {
        width: 50%;
    }
    .homeProNav li {
        width: 25%;
    }
    .homeProNav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: #0050bd;
        margin-bottom: 2%;
        flex-wrap: wrap;
    }
    .homeVideoLeftCont li a p span {
        font-size: 16px;
        line-height: 30px;
        color: #333;
        font-weight: 600;
    }
    .homeVideoRightCont p {
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        margin-top: 3%;
        text-indent: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .homeYoushiCont ul li h4 {
        font-size: 24px;
        line-height: 60px;
        text-align: center;
        color: #333;
        font-weight: 600;
    }
    .homeYoushiCont {
        margin-bottom: 20%;
    }
    .homeNewsCont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .homeServiceItem li div p {
        width: 74%;
        line-height: 27px;
        padding: 0% 3%;
        font-size: 20px;
        /* background: #3d3f40; */
        /* opacity: .5; */
        color: #fff;
        background: url(../img/home_service_p.png) no-repeat left center;
        padding-left: 3%;
        position: relative;
        left: -14px;
        z-index: 99;
        display: flex;
        align-items: center;
    }
    .homeServiceItem li div span {
        width: 26%;
        display: block;
        background: url(../img/home_service_span.png) no-repeat left center;
        text-align: center;
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        position: relative;
        z-index: 999;
        padding-top: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
    }
    .homeServiceNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 78%;
        margin: 0px auto;
        margin-top: 8%;
        margin-bottom: 2%;
        position: relative;
    }
    .homeServiceNav li .no {
        left: 40%;
    }
    .homeServiceNav li.cur .on {
        left: 40%;
    }
    .homeNewsCont li {
        width: 100%;
        margin-bottom: 3%;
    }
    .inProShowCont4 ul li {
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 3%;
    }
    .inProShowCont4 ul {
        margin: 2% auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        padding-bottom: 1%;
        flex-wrap: wrap;
    }
    .inProShowCont3Right ul li a span {
        display: block;
        float: none;
        font-size: 16px;
    }
    .inProShowCont3Right ul li a p {
        width: 100%;
        float: none;
        line-height: 42px;
        font-size: 16px;
        color: #333;
    }
    .inProShowPlay img {
        width: 290px;
        height: auto;
        overflow: hidden;
    }
    .inProShowOneRightInfo a {
        display: block;
        background: #0050bd;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
        width: 150px;
        margin-right: 6%;
        border-radius: 41px;
    }
    .inProShowOneRightInfo div {
        background: url(../img/icon_tel_pro.png) no-repeat left center;
        padding-left: 10%;
    }
    .inProShowCont1 .box1 .Input {
        width: 47%;
    }
    .inProShowCont1 .box1 .Input2 input {
        background: url(../img/proDetailsLy_icon01.png) no-repeat 235px center;
    }
    .inProShowCont1 .box1 .Input3 input {
        background: url(../img/proDetailsLy_icon02.png) no-repeat 235px center;
    }
    .inProShowCont1 .box1 .Input4 input {
        background: url(../img/proDetailsLy_icon04.png) no-repeat 235px center;
    }
    .inProShowCont1 .box1 textarea {
        background: url(../img/proDetailsLy_icon05.png) no-repeat 98% 19%;
    }
    .headerNav ul .li a {
        display: block;
        font-size: 18px;
        color: #fff;
        line-height: 78px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inProNav {
        width: 100%;
    }
    .inProNav ul li a {
        display: block;
        line-height: 24px;
        font-size: 16px;
        text-align: center;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .proItemImg {
        width: 100%;
    }
    .proItemInfo {
        width: 100%;
    }
    .proItemTwo li {
        flex-direction: column;
    }
    .inContactItem li div {
        margin-left: 4%;
        width: 200px;
    }
    .proItemOneRight li {
        width: 20.28%;
        margin-bottom: 0%;
    }
    .table_top_left {
        width: 230px;
        height: 170px;
        float: left;
        border: 1px solid #036db7;
        padding: 1% 2%;
    }
    .table_top_right {
        width: 74%;
        float: left;
        padding: 2%;
        padding-top: 0%;
    }
    .table_one p {
        font-size: 18px;
        line-height: 33px;
        color: #333;
    }
    .table_three {
        width: 16%;
    }
    .inDinghuoCont li::after {
        position: absolute;
        right: -33px;
        top: 50%;
        content: url(../img/icon_dinghuo_jiaotou.png);
        background-size: cover;
    }
    .inAboutLeft {
        width: 55%;
        float: left;
        padding-top: 2%;
    }
    .menu ul li a {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inAboutOneDiyItem {
        background: #026eb6;
        height: 140px;
        display: flex;
        align-items: center;
        width: 26%;
    }
    .inAboutOneDiyItem:nth-child(2) {
        background: url(../img/logo2_bg.png) no-repeat center;
        width: 300px;
        height: 360px;
        background-size: cover;
        /* display: flex; */
        /* flex-direction: column; */
        /* align-items: center; */
        /* justify-content: center; */
        text-align: center;
        padding-top: 5%;
        position: absolute;
        left: 36%;
        top: -82%;
        display: flex;
        flex-direction: column;
    }
    .inAboutOneDiyItem {
        background: #026eb6;
        height: 140px;
        display: flex;
        align-items: center;
        width: 26%;
    }
    .menu {
        float: left;
        position: relative;
        margin-left: -1%;
    }
    .menu ul li {
        float: left;
        font-size: 16px;
        line-height: 60px;
        width: 91px;
        text-align: center;
    }
    .logo a {
        margin-top: 10px;
    }
    .logo {
        width: 580px;
    }
    .logo a img:nth-child(1) {
        width: 120px;
        height: auto;
    }
	
	.logo a .logo_two {
		width: 65%;
	}

    .menu {
        float: left;
        position: relative;
        margin-left: -1%;
    }
    .tel {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 300px;
    }
    .logo a div {
        display: none;
    }
    .inLianxiRight {
        margin-left: 8%;
        padding-top: 2%;
        padding-left: 6%;
    }
    .menu_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 96%;
        float: none;
    }
    .menu_right {
        width: 55%;
        float: none;
    }
    .menu_center {
        width: 12%;
        float: left;
        margin-left: 8%;
        text-align: center;
        margin-top: 2%;
    }
	
	.homeTitle h3::after{
		left:18%;
	}
}

@media screen and (max-width: 1023px) {
    .wrap {
        width: 96%;
    }


    .homeNewsItem p a span {
        font-size: 17px;
        line-height: 40px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
    }

    .homeNewsTop a div:nth-child(2) h4 {
        font-size: 20px;
        line-height: 40px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .inBanner {
        position: relative;
        padding-bottom: 20%;
    }


    .headerWrap {
        display: none;
    }
    .menuWrap {
        display: block;
    }
    .banner img {
        width: 100%;
        height: auto;
    }
    .bannerWrap {
        margin-top: 0%;
    }
    .banner {
        padding-top: 16%;
    }
    .inBannerWrap {
        padding-top: 19%;
    }
    .inLocation p {
        float: left;
        width: 94%;
        margin-left: 1%;
        line-height: 22px;
        font-size: 14px;
        color: #e9e9e9;
    }
    .inLocation {
        padding: 16px 0%;
    }
    .inCateNav ul li {
        width: 47%;
        margin-bottom: 4%;
    }
    .inCateNav ul {
        width: 100%;
        flex-wrap: wrap;
    }
    .inMainTitle h3 {
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        color: #333;
        font-weight: 600;
        margin-top: 8%;
    }
    .inLianxi {
        background: #e9e9e9;
        display: flex;
        padding: 5%;
        flex-direction: column;
        justify-content: space-between;
        margin: 2% auto;
    }
    .inLianxiLeft {
        display: flex;
        width: 100%;
    }
    .inLianxiRight h4 {
        font-size: 22px;
        line-height: 32px;
        color: #026eb6;
        font-weight: 600;
    }
    .inLianxiRight {
        margin-left: 0%;
        padding-top: 5%;
        padding-left: 17%;
        background: url(../img/icon_tel3.png) no-repeat left center;
        width: 100%;
        background-size: auto;
    }
    .inLianxiRight p {
        font-size: 18px;
        line-height: 18px;
        color: #333;
    }
    .inDownloadList li a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2%;
    }
    .inbDownloadRight {
        /* width: 8%; */
        display: flex;
        background: #eee;
        line-height: 40px;
        font-size: 14px;
        width: 150px;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        text-align: center;
        margin: 10px auto;
    }
    .inDownloadLeft {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .inDownloadLeft p {
        font-size: 18px;
        line-height: 30px;
        color: #000;
    }
    /* 
    .footerOne p:nth-child(1) {
        background: url(../img/icon_tel_img.png) no-repeat left center;
        
        font-size: 18px;
        line-height: 24px;
    }

    .footerOne p {
        font-size: 18px;
        color: #fff;
        line-height: 36px;
        padding-left: 15%;
        width: 100%;
        border-right: 1px solid #4c88b0;
       
        margin-bottom: 5%;
    }

    .footerOne {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 24px 0%;
    }
 */
    .logo_bottom a {
        display: block;
        text-align: center;
    }
    .menu_left li {
        width: 45%;
    }
    .menu_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        float: left;
        margin-bottom: 4%;
    }
    .menu_left div {
        padding-left: 6%;
    }
    .menu_left li:nth-child(3) {
        width: 100%;
    }
    .menu_right {
        width: 100%;
        float: none;
        margin: 4% auto;
    }
    .menu_center {
        width: 100%;
        float: left;
        margin-left: 0%;
        text-align: center;
        margin-top: 10%;
    }
    .inCateNav ul li a {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        color: #333;
    }
    .inContactItem {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 4%;
    }
    .inContactItem li {
        width: 100%;
        margin-bottom: 2%;
        background: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 2% 0%;
        border: 1px solid #fff;
        padding-left: 2%;
    }
    .inContactItem li img {
        width: 20%;
        height: auto;
        overflow: hidden;
    }
    .inContactItem li div {
        margin-left: 5%;
        width: 75%;
    }
    .inContactItem li div h4 {
        font-size: 18px;
        line-height: 32px;
        color: #333;
    }
    .inContactItem li:nth-child(5) div h4 {
        font-size: 18px;
    }
    .inTuijianPro li {
        width: 49%;
        margin-bottom: 4%;
    }
    .inTuijianPro li a p {
        text-align: center;
        background: #fff;
        font-size: 18px;
        line-height: 50px;
    }
    .inAboutOneDiyWrap {
        background: #026eb6;
        position: relative;
        margin: 12% auto;
        margin-top: 8%;
        overflow: hidden;
    }
    .inAboutNav li h4 {
        font-size: 16px;
        text-align: center;
        line-height: 34px;
        color: #333;
        font-weight: 600;
    }
    .inAboutNav li {
        background: #ffff;
        width: 48%;
        padding: 1% 0%;
        margin-bottom: 3%;
    }
    .inAboutNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* background: #eeeeee; */
        flex-wrap: wrap;
    }
    .inAboutLeft {
        width: 100%;
        float: left;
    }
    .inAboutRight {
        width: 100%;
        float: right;
    }
    .inAboutRight h4 {
        font-size: 24px;
        line-height: 30px;
        color: #333;
        margin: 6% auto;
    }
    .inAboutOneDiy {
        display: block;
        flex-direction: row;
        justify-content: space-between;
    }
    .inAboutOneDiyItem {
        background: #026eb6;
        height: auto;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 6% 0%;
    }
    .inAboutOneDiyItem:nth-child(2) {
        background: url(../img/logo2_bg.png) no-repeat center;
        width: 308px;
        height: 354px;
        background-size: cover;
        /* display: flex; */
        /* flex-direction: column; */
        /* align-items: center; */
        /* justify-content: center; */
        text-align: center;
        padding-top: 5%;
        position: unset;
        left: 0%;
        top: 0%;
        display: flex;
        flex-direction: column;
    }
    .inAboutOneDiyItem:nth-child(2) img {
        animation: seesaw_img 5s ease-out infinite;
        margin-top: 8%;
    }
    .chengfenNav li {
        background: #ffff;
        width: 100%;
        padding: 0% 0%;
        border-bottom: 1px solid #026eb6;
    }
    .chengfenNav {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* border-top: 5px solid #026eb6; */
        flex-wrap: wrap;
    }
    .chengfenItem {
        padding: 2% 0%;
        width: 100%;
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
    }
    .inNewsList li a {
        display: flex;
        flex-direction: column;
    }
    .newsListImg {
        overflow: hidden;
        width: 100%;
    }
    .inNewsList li a .newsListTitle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        background: #fff;
        width: 100%;
        padding: 2%;
    }
    .inNewsList li {
        width: 30%;
        width: 100%;
        margin-top: 6%;
        border: 1px solid #eee;
    }
    .inNewsList li a h3 {
        font-size: 20px;
        color: #373838;
        text-align: left;
    }
    .inCasesShowRight h2 {
        line-height: 50px;
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
    }
    .inCasesShowRight {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        justify-items: center;
    }
    .inCasesShowLeft {
        width: 100%;
    }
    .inCasesShowWrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 4%;
    }
    .inCasesShowTitle h2 {
        line-height: 28px;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 5%;
    }
    .inCasesShowTitle p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        line-height: 22px;
        color: #7d7d7d;
        flex-wrap: wrap;
        margin-bottom: 3%;
    }
    .inCasesShowTitle p span {
        margin-right: 0%;
        font-size: 14px;
        width: 50%;
        text-align: center;
        margin-bottom: 2%;
    }
    .inCasesList li {
        width: 100%;
        margin-bottom: 6%;
    }
    .inCasesInfo h4 {
        font-size: 18px;
    }
    .inProText span {
        display: block;
        z-index: 1;
        width: 18%;
        height: 2px;
        background: #d2d2d2;
        position: relative;
        margin-top: 13%;
    }
    .inProText p {
        width: 66%;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        color: #333;
    }
    .proItemTwo li {
        width: 100%;
        margin-bottom: 6%;
        overflow: hidden;
    }
    .inDinghuoTitle h4 {
        font-size: 46px;
        line-height: 90px;
        text-align: center;
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        color: #999;
    }
    .inDinghuoTitle p {
        text-align: center;
        font-size: 24px;
        line-height: 40px;
    }
    .inDinghuoCont li::after {
        position: absolute;
        right: -30px;
        top: 45%;
        content: url(../img/icon_dinghuo_jiaotou.png);
        background-size: cover;
    }
    .inDinghuoCont li {
        text-align: center;
        background: #fff;
        padding: 4.5% 0%;
        width: 44%;
        border-radius: 14px;
        position: relative;
        box-shadow: 0px 0px 20px 2px #e2ecf3;
        margin-bottom: 6%;
    }
    .inDinghuoCont ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .inDinghuoCont li {
        text-align: center;
        background: #fff;
        padding: 10% 0%;
        width: 44%;
        border-radius: 14px;
        position: relative;
        box-shadow: 0px 0px 20px 2px #e2ecf3;
        margin-bottom: 6%;
    }
    .inProNavWap {
        display: block;
        margin: 6% auto;
    }
    .inProShowNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-top: 4px solid #026eb6;
        flex-wrap: wrap;
    }
    .inProShowNav li {
        background: #ffff;
        width: 32.5%;
        padding: 1% 0%;
        margin-bottom: 3%;
    }
    .inProShowNav li p {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        color: #787878;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inProShowItem {
        padding: 2% 0%;
        width: 100%;
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
    }
    .inProShowNav li h4 {
        font-size: 16px;
    }
    .inProShowItem table {
        width: 200%;
    }
    .proTitle h3 {
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        color: #999;
    }
    .proTitle h4 {
        text-align: center;
        font-size: 24px;
        color: #222;
        line-height: 40px;
        font-weight: 600;
    }
    .wapContDiy {
        display: block;
    }
    .pcContDiy {
        display: none;
    }
    .kehuItem {
        display: block;
    }
    .newsItem span {
        padding-left: 16%;
    }
    .table_bottom {
        text-align: center;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 3%;
    }
    .table_top_left {
        width: 100%;
        height: auto;
        float: left;
        border: 1px solid #036db7;
        padding: 4% 2%;
    }
    .table_top_left h4 {
        font-size: 24px;
        line-height: 24px;
        color: #127fc8;
        font-weight: 600;
    }
    .table_top_left p {
        font-size: 24px;
        line-height: 42px;
        color: #000;
    }
    .table_top_right {
        width: 100%;
        float: left;
        padding: 0%;
        padding-top: 0%;
    }
    .table_three {
        width: 20%;
    }
    .table_one p {
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    .table_item {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px 2%;
        border-top: 1px solid #ddd;
    }
    .serviceTableWrap {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
    }
    .serviceTable tr.tableTitleDiy td p {
        font-size: 16px;
        font-weight: 600;
    }
    .serviceTable th,
    .serviceTable td {
        border: 1.5px solid #dadada;
        padding-left: 2%;
        line-height: 28px;
        font-size: 16PX;
        color: #333;
    }
    .proItemOneRight li {
        width: 40%;
        margin-bottom: 0%;
        margin-left: 8%;
    }
    .proItemOneRight {
        width: 100%;
    }
    .proItemOneLeft {
        display: none;
    }
    .inProShowOneLeft {
        width: 100%;
        position: relative;
        background: #FFF;
        padding: 20px 0px;
    }
    .inProShowOne {
        flex-direction: column;
    }
    .inProShowPlay img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .inProShowOneRight {
        width: 100%;
    }
    .inProShowOneRightInfo div h3 {
        font-size: 18px;
        line-height: 27px;
        color: #0050bd;
        font-weight: 600;
    }
    .inProShowOneRightInfo a {
        display: block;
        background: #0050bd;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        width: 120px;
        margin-right: 6%;
        border-radius: 41px;
    }
    .inProShowOneRightInfo div {
        background: url(../img/icon_tel_pro.png) no-repeat left center;
        padding-left: 12%;
    }
    .inProShowThreeCont video {
        width: 100%;
        height: auto;
    }
    .inProShowCont4 ul {
        margin: 2% auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        padding-bottom: 1%;
    }
    .inProShowCont4 ul li {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 5%;
    }
    .inProShowCont3 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #fff;
        padding: 3% 1.5%;
    }
    .inProShowCont3Left {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .inProShowCont3LeftImg {
        width: 100%;
    }
    .inProShowCont3LeftInfo {
        width: 100%;
        padding-right: 0%;
    }
    .inProShowCont3Right {
        width: 100%;
        border-left: none;
        padding-left: 3%;
    }
    .inProShowCont3Right ul li a p {
        width: 66%;
        float: left;
        line-height: 42px;
        font-size: 16px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inProShowCont2 ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .inProShowCont2 ul li {
        width: 48%;
    }
    .inProShowTitle p {
        line-height: 60px;
        font-size: 22px;
        color: #333;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
    }
    .inProShowThreeCont img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .inProShowCont1 .box2 a {
        display: inline-block;
        width: 140px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 16px;
        color: #666;
        text-decoration: none;
        background-color: #fff;
        border: solid 1px #e1e1e1;
        border-radius: 30px;
    }
    .inProShowCont1 .box2 {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .isPcShow {
        display: none;
    }
    .isWapShow {
        display: block;
    }
    .inProShowThreeCont {
        padding: 2% 0%;
        margin-bottom: 2%;
        text-align: center;
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
    }
    .inProShowThreeCont table {
        border-collapse: collapse;
        width: 200%;
        margin: 0px auto;
    }
    .inProNav ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .inProNav ul li {
        width: 48%;
        margin-bottom: 4%;
    }
    .proItemTwo li {
        flex-direction: column;
    }
    .proItemImg {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .proItemInfo {
        width: 100%;
    }
    .homeYoushiCont ul li {
        width: 49%;
        text-align: center;
        padding: 5% 0%;
        border-radius: 4px;
        background: url(../img/home_youshi_bg.jpg) no-repeat center;
        margin-bottom: 2%;
    }
    .homeYoushiCont ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .homeYoushiCont ul li h4 {
        font-size: 20px;
        line-height: 60px;
        text-align: center;
        color: #333;
        font-weight: 600;
    }
    .homeTitle {
        margin: 2% auto;
        width: 100%;
    }
    .homeTitle h3 {
        font-size: 24px;
        text-align: center;
        line-height: 60px;
        font-weight: 600;
        position: relative;
    }
    .homeTitle h3::after {
        content: '';
        position: absolute;
        width: 110px;
        height: 10px;
        background: #dcdcdc;
        bottom: 14px;
        left: 34%;
        z-index: -2;
    }
    .homeNewsCont {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .homeNewsCont li {
        width: 100%;
        margin-bottom: 4%;
    }
    .homeNewsTop a div:nth-child(2) {
        width: 70%;
    }
    .homeService .homeTitle {
        width: 100%;
    }
    .homeService .homeTitle h3 {
        font-size: 24px;
        text-align: center;
        line-height: 34px;
        font-weight: 600;
        position: relative;
    }
    .homeService .homeTitle h3::after {
        content: '';
        position: absolute;
        width: 110px;
        height: 10px;
        background: #dcdcdc;
        bottom: 9px;
        left: 34%;
        z-index: -2;
    }
    .homeServiceNav {
        margin-top: 20%;
    }
    .homeServiceCont::after {
        /* background: #e95762; */
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0px;
        border-top: 1px dotted #e95762;
        bottom: 112px;
        z-index: 1;
    }
    .homeServiceNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto;
        margin-top: 20%;
        margin-bottom: 2%;
        position: relative;
    }
    .homeServiceNav li h4 {
        text-align: center;
        font-size: 20px;
        line-height: 26px;
        color: #fff;
        margin-bottom: 8%;
    }
	
	.homeProItem {
		display: grid;
		grid-template-columns: repeat(2,48%);
		align-items: center;
		justify-content: center;
		gap: 3%;
		margin-bottom:16%;
	}
    .homeProItem li {
       
        margin-bottom: 2%;
    }

    .homeProItem li a p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 8% auto;
    }


    .homeProNav {
        display: flex;
        flex-direction: row;
        align-items: center;
        background: #0050bd;
        margin-bottom: 2%;
        flex-wrap: wrap;
        justify-content: space-between;
        padding:4% 0%;
    }

    .homeProNav li a {
        display: block;
        line-height: 40px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 40px;
    }

    .homeProNav li {
        width: 46%;
    }

    .homeVideoLeft {
        width: 100%;
        float: left;
        align-items: baseline;
        display: flex;
        flex-direction: column;
    }


    .homeVideoRight {
        width: 100%;
        float: right;
        padding-top: 8%;
    }

    .homeVideoRightCont p {
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        margin-top: 3%;
        text-indent: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .homeVideoTitle div:nth-child(1) h4 {
        font-size: 24px;
        line-height: 40px;
        color: #fff;
        font-weight: 600;
    }

    .homeVideoLeftCont li a p span {
        font-size: 16px;
        line-height: 24px;
        color: #333;
        font-weight: 600;
    }

    .homeVideoLeftCont li a p {
        background: #ececec;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10% 4%;
    }

    .homeServiceWrap {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        position: relative;
        margin-top: 8%;
    }

    .homeNewsContNav div:nth-child(1) h4 {
        font-size: 24px;
        line-height: 40px;
        color: #222;
        font-weight: 600;
    }

    .homeNewsContNav div:nth-child(1) {
        width: 55%;
    }


    .homeProTopItem li h4 {
        font-size: 20px;
        line-height: 70px;
        font-weight: 600;
    }

    .homeProTopItemCont {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .homeProTopItemContLeft {
        width: 100%;
        position: relative;
    }

    .homeProTopItemContRight {
        width: 100%;
    }

    .homeProTopItemContLeft img {
        height: auto;
    }


    .homeProTopImg a img {
        width: 50px;
        height: auto;
        overflow: hidden;
        transition: all .5s ease;
    }

    .homeProTopNav {
        bottom: -3%;
    }

    .homeProTopNav a {
        width: 100px;
        height: 34px;
        background: #0050bd;
        display: block;
        margin-bottom: 10%;
        text-align: center;
        font-size: 14px;
        line-height: 34px;
        border-radius: 4px;
        color: #fff;
    }

    .homeProTopItemContRight video {
        height: auto;
        margin-top: 2%;
    }

    .homeYoushiImg img {
        display: block;
        text-align: center;
        max-width: 50%;
        height: auto;
    }

    .homeYoushiImg {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        background: #0050bd;
        display: flex;
        align-items: center;
        justify-content: center;
        /* display: block; */
        margin: 0px auto;
    }
    
    .homeServiceItem li div span{
        display: none;
    }

    .homeServiceItem li div p {
        width: 100%;
        line-height: 30px;
        padding: 3% 3%;
        font-size: 16px;
        /* background: #3d3f40; */
        /* opacity: .5; */
        color: #fff;
        background: url(../img/home_service_p.png) no-repeat left center;
        padding-left:3%;
        position: relative;
        left: 0px;
        /* z-index: 99; */
    }

    .homeSearch {
        
        flex-direction: column;
         
    }

    .homeSearchLeft {
        width: 100%;
    }

    
    
    .homeSearchLeft p {
        padding-left: 8%;
        background: url(../img/icon_home.png) no-repeat left center;
        font-size: 15px;
        line-height: 28px;
    }

    .homeSearchRight {
        width: 88%;
        margin: 0px auto;
        margin-bottom: 8%;
        margin-top: 3%;
    }

    .keyword {
        border: none;
        line-height: 34px;
        border-radius: 30px;
        padding: 1% 5%;
    }


    .proItemInfoNav {
        margin: 0px auto;
        width: 100%;
        padding-bottom: 4%;
        /* padding-left: 13%; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .proItemInfoNav a {
        width: 120px;
        height: 40px;
        display: block;
        float: left;
        margin-right: 5%;
        background: #0050bd;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        font-size: 16px;
        margin: 0% 3%;
    }

    .inProShowTwo a {
        display: block;
        width: 50%;
        line-height: 50px;
        background: #de0515;
        color: #fff;
        text-align: center;
        font-size: 20px;
    }

    .inProShowThreeTitle p {
        color: #fff;
        text-align: center;
        line-height: 32px;
        font-size: 22px;
    }


    .sp_logo img:nth-child(1) {
        margin: auto;
        max-height: 44px;
        float: left;
        margin-top: 4px;
    }

    .inCasesShowCont video{
        width: 100%;
        height: auto;
    }

}