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

}
@media screen and (max-width: 992px){
	
}
.pcshow{display: block;}
.mbshow{display: none;}
@media screen and (max-width: 768px){

.pcshow{display: none!important;}
.mbshow{display: block!important;}
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;background-color: #fff;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{
	padding-top: 50px;
}

.pc{
    display: none;
}
.wap{
    display: block;
}


.head {
padding-top: calc(32/992*100vw);
padding-left: calc(32/992*100vw);
padding-right: calc(46/992*100vw);
position: absolute;
}

.head .more {
position: fixed;
right: 64px;
top: 14px;
z-index: 55555;
margin: 0;
}

.head .logo {
padding-top: calc(22/992*100vw);
padding-left: calc(13/992*100vw);
float: left;
width: calc(55/992*100vw);
}

.head .logo a img {
width: 100%;
}
.banner .swiper-container .swiper-wrapper .swiper-slide img{
	height: auto;
	object-fit: cover;
}
	.banner .swiper-container .swiper-pagination{
		
	}
    .banner .swiper-container .swiper-button-next,.banner .swiper-container .swiper-button-prev{background-size: 15px;top: 55%;}
    .banner .link a span{font-size: 14px;}
.banner .link{
	bottom:50%;
}
	.banner .link a{
		margin-right: 20px;
		width: auto;
		font-size: 15px;
		line-height: 35px;
		padding: 0px 10px;
		border-radius: 20px;
	}
	.banner{
		padding:0px;
	}
.titlemodel{margin-bottom: 3rem;}
.titlemodel .dec{
margin-top: 10px;
font-size: 1.6rem;
}
	.titlemodel .title{
		
        font-size: 2.8rem;
	}
	.section1 .wrap .left{
		width: 100%;
	}
	.section1 .wrap .right{
		
	}
	.section1 .wrap{display: block;height:auto;}
	.section1 .wrap .left .item.item1{
		height: 70vw;
		border-radius: 10px;
		overflow: hidden;
	}
	.section1 .wrap .left .item .title1 .t1{
		font-size:20px;
	}


	.section1 .wrap {
    /* display: flex; */
    /* height: 57.24rem; */ /* 15.9rem * 3.6 */
    /* margin-top: 7.02rem; */ /* 1.95rem * 3.6 */
}

.section1 .wrap .left {
    /* height: 100%; */
    /* width: 40.5%; */
}

.section1 .wrap .left .hover {
    height: auto; /* (100% - 10.15rem) * 3.6 */
    display: block;
}

.section1 .wrap .left .item.item1 {
    display: block;
    height: 35.82rem; /* 9.95rem * 3.6 */
    width: 100%;
    margin-bottom: 0.72rem; /* 0.2rem * 3.6 */
}

.section1 .wrap .left .item.item2 {
    height: 36%;
    margin-right: 0; /* 1% * 3.6 */
    transition: all 0.4s;
    width: 100%;
    float: none;
    height: 33rem;
    /* display: flex; */
}

.section1 .wrap .left .item.item3 {
    height: 100%;
    margin-right: 3.6%; /* 1% * 3.6 */
    transition: all 0.4s;
    width: 49.5%;
    margin-right: 0;
    float: left;
    height: 100%;
}

.section1 .wrap .left .item a {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    overflow: hidden;
    position: relative;
}

.section1 .wrap .left .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.section1 .wrap .left .item .title1 {
    position: absolute;
    top: 37%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.section1 .wrap .left .item .title1 .t1 {
    color: #fff;
    font-size: 2.43rem; /* 0.675rem * 3.6 */
    font-weight: 700;
    max-width: 90%;
    padding-bottom: 3.24rem; /* 0.9rem * 3.6 */
    width: -moz-max-content;
    width: max-content;
}

.section1 .wrap .left .item .title1 .line {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 0.36rem; /* 0.1rem * 3.6 */
    width: 1.98rem; /* 0.55rem * 3.6 */
    left: 50%;
    margin-top: 3.6rem; /* 1rem * 3.6 */
    display: block;
    margin: auto;
    margin-top: 3.6rem; /* 1rem * 3.6 */
}

.section1 .wrap .left .item .text {
    background: linear-gradient(70deg, #fff, rgba(123, 165, 255, 0.2));
    height: 100%;
    left: 0;
    padding: 2rem; /* 1.6rem 2.7rem 0.5rem 1.9rem * 3.6 */
    position: absolute;
    top: 0;
    transition: all 0.4s;
    width: 100%;
    z-index: 5;
}

.section1 .wrap .left .item .text .t2 {
    transition: all 0.4s;
    display: block;
    position: relative;
    color: #235295;
    font-size: 2.88rem; /* 0.8rem * 3.6 */
    font-weight: 700;
    line-height: 1;
}

.section1 .wrap .left .item .text .decs {
    font-size: 1.62rem; /* 0.45rem * 3.6 */
    display: block;
    color: #4c576e;
    line-height: 1.6;
    margin-top: 2.52rem; /* 0.7rem * 3.6 */
}

.section1 .wrap .left .item .text .decs b {
    /* No changes needed here */
}

.section1 .wrap .left .item .text .more {
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 4.32rem; /* 1.2rem * 3.6 */
    background: linear-gradient(90deg, #00baf9, #0087f1);
}

.section1 .wrap .right {
    display: block;
    height: auto;
    margin-left: 0; /* 0.25rem * 3.6 */
    width: 100%; /* 0.25rem * 3.6 */
}

.section1 .wrap .right .item {
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    overflow: hidden;
    position: relative;
    height: 101%;
    margin-right: 0; /* 0.25rem * 3.6 */
    width: 100%; /* 0.16667rem * 3.6 */
    margin-top: 2%;
    height: 35rem;
}

.section1 .wrap .right .item.item4 {}
.section1 .wrap .right .item.item5 {}
.section1 .wrap .right .item.item6 {}

.section1 .wrap .right .item a {}

.section1 .wrap .right .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .wrap .right .item .title1 {
    width: -moz-max-content;
    position: absolute;
    top: 16%;
    left: 50%;
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 100%;
    text-align: center;
}

.section1 .wrap .right .item .title1 .t1 {
    color: #fff;
    font-size: 2.43rem; /* 0.675rem * 3.6 */
    font-weight: 700;
    max-width: 90%;
    padding-bottom: 3.24rem; /* 0.9rem * 3.6 */
    width: -moz-max-content;
}

.section1 .wrap .right .item .title1 .line {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 0.36rem; /* 0.1rem * 3.6 */
    width: 1.98rem; /* 0.55rem * 3.6 */
    left: 50%;
    margin-top: 3.6rem; /* 1rem * 3.6 */
    display: block;
    margin: auto;
    margin-top: 3.6rem; /* 1rem * 3.6 */
}

.section1 .wrap .right .item .text {
    background: linear-gradient(180deg, #cfdffc, #e3ecfa 50%, #f0f3f9d6);
    height: 100%;
    left: 0;
    padding: 3.28rem 1.8rem 0; /* 2.3rem 0.5rem 0 * 3.6 */
    position: absolute;
    top: 0;
    transition: all 0.4s;
    width: 100%;
    z-index: 5;
}

.section1 .wrap .right .item .text .t2 {
    color: #235295;
    font-size: 2.88rem; /* 0.8rem * 3.6 */
    font-weight: 700;
    display: block;
    text-align: center;
}

.section1 .wrap .right .item .text .decs {
    color: #4c576e;
    max-height: 8.84em; /* 14.4em * 3.6 */
    line-height: 1.6;
    margin-top: 2.88rem; /* 0.8rem * 3.6 */
    font-size: 1.62rem; /* 0.45rem * 3.6 */
    display: block;
    color: #4c576e;
    line-height: 1.6;
    margin-top: 2.52rem; /* 0.7rem * 3.6 */
}

.section1 .wrap .right .item .text .decs b {}

.section1 .wrap .right .item .text .more {
    border: 1px solid #fff;
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 4.32rem; /* 1.2rem * 3.6 */
    background: linear-gradient(90deg, #00baf9, #0087f1);
    margin: auto;
    border-radius: 1080px; /* 300px * 3.6 */
    margin-top: 3%;
    opacity: 1;
}

.section1 .wrap .item:hover .title1 {
    opacity: 0;
}

.section1 .wrap .item:hover .text {
    opacity: 1;
}

.section1 .wrap .item .text {
    opacity: 0;
}

.section2 {
    background-color: #f9f9f9;
    padding-top: 7.68rem; /* 3.8rem * 3.6 */
}

.section2 .titlemodel {}

.section2 .titlemodel .title {}

.section2 .titlemodel .dec {}

.section2 .w1600 {
    margin-top: 4.84rem; /* 1.9rem * 3.6 */
    overflow: hidden;
}

.section2 .w1600 .item {
    display: block;
    height: auto; /* 9.4rem * 3.6 */
    justify-content: space-between;
    margin-bottom: 0.9rem; /* 0.25rem * 3.6 */
    position: relative;
    margin-bottom: 8%;
}

.section2 .w1600 .item .imgbox {
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.section2 .w1600 .item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section2 .w1600 .item .right {
    background-color: #fff;
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    height: 100%;
    padding: 3.24rem 5.4rem 1.8rem; /* 0.9rem 1.5rem 0.5rem * 3.6 */
    width: 100%; /* 0.25rem * 3.6 */
    margin-bottom: 2;
}

.section2 .w1600 .item .right .num {
    color: #0087f1;
    font-size: 2.07rem; /* 0.575rem * 3.6 */
    font-weight: 700;
    line-height: 1;
}

.section2 .w1600 .item .right img {
    display: block;
    left: 0;
    top: -0.72rem; /* 0.2rem * 3.6 */
    width: 3.6rem; /* 1rem * 3.6 */
    position: relative;
}

.section2 .w1600 .item .right .title {
    color: #111;
    font-size: 2.88rem; /* 0.8rem * 3.6 */
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0;
}

.section2 .w1600 .item .right .dec {
    color: #666;
    line-height: 1.66;
    margin-top: 1.08rem; /* 0.3rem * 3.6 */
    font-size: 1.62rem; /* 0.45rem * 3.6 */
}

.section2 .w1600 .item .right .more {
    border: 1px solid #fff;
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #000;
    color: #000;
    margin-top: 4.32rem; /* 1.2rem * 3.6 */
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section3 {
    margin-top: 0; /* 2rem * 3.6 */
    padding: 6.66rem 0; /* 1.85rem * 3.6 */
    position: relative;
}
.section3 .w1600 .items {
    display: flex;
    justify-content: center;
    margin-top: 7.02rem; /* 1.95rem * 3.6 */
}

.section3 .w1600 .items .item {
    width: 33.33%;
}

.section3 .w1600 .items .item .num {
    align-items: stretch;
    display: flex;
    margin: 0 auto;
    width: -moz-max-content;
    width: max-content;
    background: linear-gradient(90deg, #0861dd, #0087f1);
    -webkit-background-clip: text;
    width: -moz-max-content;
    width: max-content;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.1;
    font-size: 2.16rem; /* 0.6rem * 3.6 */
}

.section3 .w1600 .items .item .num b {
    background: linear-gradient(90deg, #0861dd, #0087f1);
    -webkit-background-clip: text;
    width: -moz-max-content;
    width: max-content;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.1;
    font-size: 4.2rem; /* 2rem * 3.6 */
    line-height: 1;
    margin-right: 1.44rem; /* 0.4rem * 3.6 */
}

.section3 .w1600 .items .item .title {
    color: #262626;
    line-height: 1.2;
    margin-top: 1.8rem; /* 0.5rem * 3.6 */
    text-align: center;
}

.section4:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    background-image: url(../images/24.W5LQucad.png);
    height: 15rem; /* 6.9rem * 3.6 */
    top: calc(8.1rem - 21.6px); /* 2.25rem * 3.6 - 6px * 3.6 */
}

.section4:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    background-image: url(../images/146.eTyHbAbp.png);
    height: 8.1rem; /* 2.25rem * 3.6 */
    bottom: 15rem;; /* 6px * 3.6 */
    top: auto;
    background-size: cover;
}

.section4:after,
.section4:before {}

.section4:after{top: auto;bottom: 0;background-size: cover;}

.section4 {
    margin-top: 0; /* 2.5rem * 3.6 */
    position: relative;
    margin-bottom: 30px;
}

.section4 .w1600 {}

.section4 .w1600 .swiper-container {
    height: 36.96rem; /* 13.6rem * 3.6 */
    padding-bottom: 10.8rem; /* 3rem * 3.6 */
    z-index: 10;
}

.section4 .w1600 .swiper-container .swiper-wrapper {
    align-items: flex-end;
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide:hover {
    height: 100%;
    padding-top: 8.28rem; /* 2.3rem * 3.6 */
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide {
    padding: 5.04rem 1.98rem 0; /* 1.4rem 0.55rem 0 * 3.6 */
    transition: all 0.4s;
    /*width: 100% !important;!i;!;*/
    /*margin-right: 0px !important;!I;!; /* 1.33% * 3.6 */*/
    background: linear-gradient(180deg, #c6deff, #f2f8fd);
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    bottom: 0;
    box-shadow: 0 2.7rem 5.04rem rgba(11, 90, 170, 0.15); /* 0.75rem 1.4rem * 3.6 */
    height: 25.2rem; /* 7rem * 3.6 */
    padding: 1.54rem 1.98rem 0; /* 1.4rem 0.55rem 0 * 3.6 */
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten {
    top: auto;
    transition: all 0.4s;
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail {}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail img {}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .title {
    background: linear-gradient(90deg, #0861dd, #0087f1);
    -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    font-size: 1.98rem; /* 0.55rem * 3.6 */
    font-weight: 700;
    line-height: 1.2;
    max-width: 100%;
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    z-index: 5;
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .dec {
    line-height: 1.2;
    max-width: 100%;
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    z-index: 5;
    background: linear-gradient(90deg, #0861dd, #0087f1);
    -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    font-size: 1.62rem; /* 0.45rem * 3.6 */
    margin-top: 0.9rem; /* 0.25rem * 3.6 */
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .dec2 {
    display: -webkit-box;
    line-height: 1.75;
    margin-top: 2.16rem; /* 0.6rem * 3.6 */
    max-height: 18.9em; /* 5.25em * 3.6 */
    position: relative;
    z-index: 5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #24365a;
    opacity: 1;
    overflow: hidden;
    transition: all 0.4s;
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide:hover .conten .detail .more {
    opacity: 1;
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .more {
    border: 1px solid #fff;
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #000;
    font-size: 1.5rem;
    color: #000;
    margin-top: 1.32rem; /* 1.2rem * 3.6 */
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
}

.section5 {
    padding-bottom: 7.4rem; /* 4rem * 3.6 */
}

.section5 .titlemodel {}

.section5 .titlemodel .title {}

.section5 .titlemodel .dec {}

.section5 .w1600 {
    display: block;
    margin-top: 5.04rem; /* 1.4rem * 3.6 */
}

.section5 .w1600 .left {
    margin-right: 0;
    overflow: initial;
    width: 100%;
    display: block;
}

.section5 .w1600 .left .item {
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    box-shadow: 0 10.8px 1.8rem rgba(0, 0, 0, 0.05); /* 3px 0.5rem * 3.6 */
    margin-right: 0;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5%;
}

.section5 .w1600 .left .item a {
    border-radius: 1.8rem; /* 0.5rem * 3.6 */
    overflow: hidden;
    display: block;
}

.section5 .w1600 .left .item a .imgbox {
    display: block;
    overflow: hidden;
    position: relative;
    height: 29.16rem; /* 8.1rem * 3.6 */
    width: 100%;
}

.section5 .w1600 .left .item a .imgbox .tag {
    background-color: #cde2fe;
    color: #0c387f;
    height: 4.5rem; /* 1.25rem * 3.6 */
    line-height: 4.5rem; /* 1.25rem * 3.6 */
    text-align: center;
    width: 12.06rem; /* 3.35rem * 3.6 */
    position: absolute;
    border-radius: 1.8rem 0 1.8rem 0; /* 0.5rem * 3.6 */
    left: 0;
    top: 0;
    transition: all 0.4s;
    font-size: 14px;
}

.section5 .w1600 .left .item a .imgbox img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.4s;
    width: 100%;
}

.section5 .w1600 .left .item a .con .bg img {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s;
    width: calc(100% - 0.9rem); /* 0.25rem * 3.6 */
}

.section5 .w1600 .left .item a .con {
    background: linear-gradient(180deg, #eaf0fa, #fefeff);
    padding: 2.7rem 3.42rem 4.68rem; /* 0.75rem 0.95rem 1.3rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    display: block;
    height: 25.2rem; /* 7rem * 3.6 */
}

.section5 .w1600 .left .item a .con .title {
    color: #262626;
    font-weight: 700;
    height: 2.6em;
    line-height: 1.3;
    overflow: hidden;
    position: relative;
    z-index: 5;
    display: block;
    font-size: 2.16rem; /* 0.6rem * 3.6 */
}

.section5 .w1600 .left .item a .con .dec {
    color: #24365a;
    height: 4em;
    line-height: 2;
    margin-top: 21.6px; /* 6px * 3.6 */
    opacity: 0.8;
    overflow: hidden;
    position: relative;
    z-index: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.section5 .w1600 .left .item a .con .infor {
    position: absolute;
    bottom: 1.8rem; /* 0.5rem * 3.6 */
    width: 100%;
    left: 0;
    padding: 0px 3.24rem; /* 0.9rem * 3.6 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section5 .w1600 .left .item a .con .infor .more {
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section5 .w1600 .left .item a .con .infor .time {
    color: #24365a;
    opacity: 0.8;
    z-index: 5;
}

.section5 .w1600 .right {
    background: linear-gradient(180deg, #eaf0fa, #fefeff);
    border-radius: 1.26rem; /* 0.35rem * 3.6 */
    height: 56.52rem; /* 15.7rem * 3.6 */
    position: relative;
    overflow: hidden;
    width: 100%;
}

.section5 .w1600 .right .tag {
    background-color: #cde2fe;
    border-radius: 0.9rem 0 1.8rem 0; /* 0.25rem 0 0.5rem 0 * 3.6 */
    color: #0c387f;
    height: 4.5rem; /* 1.25rem * 3.6 */
    left: 0;
    line-height: 4.5rem; /* 1.25rem * 3.6 */
    text-align: center;
    top: 0;
    transition: all 0.4s;
    width: 12.06rem; /* 3.35rem * 3.6 */
}

.section5 .w1600 .right .list {
    margin-top: 2.52rem; /* 0.7rem * 3.6 */
    max-height: 36rem; /* 10rem * 3.6 */
    overflow-y: auto;
    padding: 0 3.6rem; /* 1rem * 3.6 */
}

.section5 .w1600 .right .list a {
    display: block;
    margin-bottom: 2.52rem; /* 0.7rem * 3.6 */
}

.section5 .w1600 .right .list a .title {
    color: #262626;
    font-weight: 700;
    line-height: 1.6;
    max-height: 3.2em;
    overflow: hidden;
    transition: all 0.4s;
    display: block;
    font-size: 1.8rem; /* 0.5rem * 3.6 */
}

.section5 .w1600 .right .more {
    border-radius: 2.52rem; /* 0.7rem * 3.6 */
    color: #fff;
    display: block;
    height: 3.6rem; /* 1rem * 3.6 */
    min-width: 12.6rem; /* 3.5rem * 3.6 */
    overflow: hidden;
    padding: 0 1.44rem; /* 0.4rem * 3.6 */
    position: relative;
    transition: all 0.4s;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 3.6rem; /* 1rem * 3.6 */
    margin-top: 5.76rem; /* 1.6rem * 3.6 */
}

.section5 .w1600 .right .list a .dec {
    color: #24365a;
    line-height: 1;
    margin-top: 18px; /* 5px * 3.6 */
    font-size: 14px;
    opacity: 0.8;
}

.wrap1 {
    margin: 0 0 0 9rem; /* 2.5rem * 3.6 */
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    max-width: 90%;
    width: 156.6rem; /* 43.5rem * 3.6 */
    width: 100%;
}

.w1600 {
    width: 89%; /* 40rem * 3.6 */
    margin: 0 auto;
}

.footer {
    background-color: #0a1d30;
    padding: 5%; /* 3.7rem 2.95rem * 3.6 */
    position: relative;
    z-index: 10;
}

.footer .wrap2 {
    display: block;
    justify-content: space-between;
    padding: 2rem 0 4rem; /* 2.05rem 1.8rem * 3.6 */
}

.footer .wrap2 .left {}

.footer .wrap2 .left .logo {
    align-items: center;
    display: flex;
    justify-content: center;
}

.footer .wrap2 .left .logo a {}

.footer .wrap2 .left .logo a img {
    -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);
    width: 11.16rem; /* 3.1rem * 3.6 */
}

.footer .wrap2 .left .logo a span {
    border-left: 1px solid #fff;
    color: #fff;
    line-height: 1.2;
    margin-left: 2.16rem; /* 0.6rem * 3.6 */
    padding-left: 1.8rem; /* 0.5rem * 3.6 */
}

.footer .wrap2 .left .dec {
    align-items: center;
    line-height: 1;
    font-size: 14px;line-height: 1.8;
    margin-top: 1.42rem; /* 0.95rem * 3.6 */
}

.footer .wrap2 .left .dec p {
    color: #fff;
    margin-bottom: 1.08rem; /* 0.3rem * 3.6 */
    display: flex;align-items: center;justify-content: center;
}

.footer .wrap2 .left .dec p img {
    filter: brightness(100) grayscale(100);
    margin-right: 0.9rem; /* 0.25rem * 3.6 */
    width: 18px;
}

.footer .wrap2 .left .dec p span {}

.footer .wrap2 .left .ewm {
    display: flex;
    justify-content: center;
    margin-top: 3.24rem; /* 0.9rem * 3.6 */
}

.footer .wrap2 .left .ewm .item {
    margin-right: 1.44rem; /* 0.4rem * 3.6 */
}

.footer .wrap2 .left .ewm .item img {
    width: 8.64rem; /* 2.4rem * 3.6 */
}

.footer .wrap2 .left .ewm .item .title {
    color: #fff;
    font-size: 10px;
    line-height: 1;
    margin-top: 1.08rem; /* 0.3rem * 3.6 */
    text-align: center;
}

.footer .wrap2 .right {
    align-items: flex-start;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding-top: 6%;
}

.footer .wrap2 .right .item:last-child {
    margin: 0px;
}

.footer .wrap2 .right .item {
    margin-right: 0; /* 3.35rem * 3.6 */
    font-size: 1.44rem; /* 0.4rem * 3.6 */
    width: 50%;
    margin-bottom: 5%;
}

.footer .wrap2 .right .item .title {
    color: #fff;
    margin-bottom: 2.52rem; /* 0.7rem * 3.6 */
}

.footer .wrap2 .right .item a {
    color: #fff;
    display: block;
    margin-bottom: 1.8rem; /* 0.5rem * 3.6 */
    opacity: 0.6;
    transition: all 0.3s;
}

.footer .bottom a {
    color: inherit;
}

.footer .bottom {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 1.52rem 0 0.2rem; /* 0.7rem 0.55rem * 3.6 */
    font-size: 13px;
    color: #fff;
    color: #ffffff4d;
    text-align: center;
}

.btn_top {
    background-color: #fff;
    border-radius: 50%;
    bottom: 6.84rem; /* 1.9rem * 3.6 */
    box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.1); /* 0.25rem * 3.6 */
    cursor: pointer;
    height: 3.78rem; /* 1.05rem * 3.6 */
    position: fixed;
    right: 0.5rem; /* 1.5rem * 3.6 */
    width: 3.78rem; /* 1.05rem * 3.6 */
    z-index: 100;
}

.btn_top img {
    width: 100%;
}

.banner .swiper-container .swiper-pagination *:after {
    background-color: #007aff;
    border-radius: 10.8px; /* 3px * 3.6 */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.banner .swiper-container .swiper-pagination *.swiper-pagination-bullet-active:after {
    animation: width-07d45f3c 5s linear forwards;
}

@keyframes width-07d45f3c {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .more:hover,
.section5 .w1600 .left .item a .con .infor .more:hover,
.section5 .w1600 .right .more:hover,
.section2 .w1600 .item .right .more:hover {
    background: linear-gradient(90deg, #00baf9, #0087f1);
    color: #fff;
    border-color: transparent;
}

.footer .wrap2 .right .item a:hover {
    color: #fff;
}

.head .right .nav:hover dl {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.section2 .w1600 .item{display: flex;flex-direction: column;}
.section2 .w1600 .item .imgbox{order: -1;}
.section2 .w1600 .item .right{padding: 20px;}
.section2 .w1600 .item:nth-child(2n+1){left: 0;}
.section2 .w1600 .item:nth-child(2n){left: 0;}
.section4 .swiper-button-next, .section4 .swiper-button-prev{width: 30px;height: 30px;border-radius: 25px;background-size: 6px;bottom: 24px;top: auto;z-index: 20;}
.section4 .swiper-button-next,.section4 .swiper-button-next:hover{right: 0;}
.section4 .swiper-button-prev,.section4 .swiper-button-prev:hover{left: 0;}

.mobile-inner-nav h2.h2tit a{color: #333;}
.mobile-inner-nav .hasson h2 a:after {
    background-size: 100%;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    content: "";
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: rotate(45deg);
    transition: all .3s;
    width: 10px;
}
.mobile-inner-nav .hasson.cur h2 a:after {
    border-right-color: #fff;
    border-top-color: #fff;
    transform: rotate(135deg);
}
.mobile-inner-nav h2.h2tit{line-height: 75px;}
.mobile-inner-nav h2 a{display: block;position: relative;text-indent: 0;}
.mobile-inner-nav li{border-top: 1px solid #ccc;padding: 0 20px;}
.mobile-inner-nav li.cur{background-color: #2394fb!important;padding-bottom: 10px;}
.mobile-inner-nav li.cur h2.h2tit a{color: #fff;}
.mobile-inner-nav li.hasson.cur h2 a:after{border-color: #fff;}
.mobile-inner-nav li:last-child{border-bottom: 1px solid #ccc!important;}
.mobile-inner-nav li:nth-child(2n+1){background-color: rgba(23, 28, 97, .05);}
.mobile-inner-nav dl dd{color: #333;position: relative;}
.mobile-inner-nav dl dd a{display: block;padding: 0 50px;position: relative;text-indent: 0;}
.mobile-inner-nav dl dd:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    transform: scaleY(0.5);
    width: 100%;
}
.mobile-inner-nav dl dd a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.wap_nav .search{width: 18px;height: 18px;position: absolute;top: 14px;right: 60px;}

.footer .wrap2 .right{display: none;}
.footer .wrap2 .left .dec{text-align: center;}


.menu-pro{margin-bottom:20px;}
.menu-pro ul{margin: 0 0 -5px 0px;justify-content: center;}
.menu-pro ul li{width: calc(25%);margin: 0 0 5px;flex: 1 0 auto;}
.menu-pro ul a{padding: 15px 3px; }
.menu-pro ul h4{margin-top: 5px;font-size: 14px;}

.w1400, .w1510{width: 100%;}

.subbanner .banner-text{font-size: 30px;}
.subbanner .banner-img{height: 20rem;}
.service .box1 .lf .tit{font-size: 2.8rem;padding-top: 30px;}
.service .box1 .lf .li-box .li .icon{width: 28px;height: 28px;}
.service .box1 .lf .cont{margin-top: 10px;padding-top: 10px;}

.title-32, .tit-32{font-size: 2.4rem;}
.title-26, .tit-26{font-size: 2.2rem;}
.title-22, .tit-22{font-size: 2rem;}
.title-20{font-size: 1.8rem;}
.title-18{font-size: 1.7rem;}
.title-16{font-size: 1.6rem;}
.newsdetail .news_main .content img{max-width:100%;height:auto;}
.service .box2 .map{padding-top: 4rem;}
.service .box2 .map .pos-cont1 .h2{font-size: 3.2rem;margin-top: 10px;}
.service .box2 .map .pos-cont2 .icon{width: 3rem;}
.service .box2 .map .pos-cont2 .cont .h1{font-size: 2.4rem;font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.tit-20{font-size: 1.8rem;}
.tit-18{font-size: 1.6rem;}
.service .box2 .li-box .li .list div{width: 2rem;}

.service .box3 .rg .el-form .el-form-item__label{font-size: 1.6rem;}
.service .box3 .rg .el-form .el-textarea__inner{font-size: 2rem;}
.service .box3 .rg .el-form .el-button--primary{height: 3.6rem;}
.service .box2 .li-box{max-height: 50rem;}
.subbanner{margin-top: 0;}


.productlist .item{width: 100%;margin-right: 0!important;}
.productlist .item .title{padding-top: 0;font-size: 16px;font-weight: bold;}
.fenye a, .fenye button, .fenye .input{min-width: 30px;height: 30px;line-height: 30px;margin: 0 5px 5px;}
.fenye button, .fenye .input{width: 30px;padding: 0;}
.fenye .inputbox:after{left: 13px;width: 14px;bottom: 10px;}

.subbanner .sub-nav .con{height: 7rem;}
.newslist_wrap{padding-top: 30px;}
.newslist{width: 100%;max-width: calc(100% - 40px);}
.newslist .item{margin-bottom: 20px;border-radius: 10px;}
.newslist .item .imgcon{width: 100%;border-radius: 10px;}
.newslist .item .textcon{width: 100%;padding: 10px 0 0;}
.newslist .item .textcon .title{font-size: 16px;}
.newslist .item .textcon .desc{font-size: 13px;}
.newslist .item .textcon .more{font-size: 13px;margin-top: 10px;height: 28px;line-height: 26px;}
.newsdetail .news_main{width: 100%;padding: 20px;}
.newsdetail{padding: 0 0!important;}

.news_rightbar{width: 100%;margin-left: 0;margin-top: 20px;}
.news_rightbar .box{padding: 20px;margin-bottom: 20px;}

.productdetail_wrap{padding-top: 0;}
.position_wrap{height: auto;line-height: 60px;}
.product_detail .item{padding: 30px 0;}
.product_detail .item .imgcon{width: 100%;height: auto;padding: 0;margin-bottom: 10px;}
.product_detail .item .textcon{width: 100%;padding-right: 0;margin: 0 0 0px!important;height: auto;order: 1!important;}
.product_detail .item .textcon .con p{margin-bottom: 6px;}
.product_detail .item .textcon .title{font-size: 20px;}
.product_detail .item .textcon .con {font-size: 15px;}

.position a{font-size: 16px;}

.hezuo_wrap{padding: 30px 0;}
.typebar .title{font-size: 20px;}
.typebar .desc{font-size: 15px;}
.hezuo_wrap .content .con{font-size: 16px;}

.hezuolist_wrap{padding: 30px 0;}
.hezuolist .img{height: 70px;line-height: 70px;}

.hezuoitem_wrap{padding: 30px 0 0px;}
.hezuoitem_list .item{width: 100%;margin-right: 0!important;margin-bottom: 20px;}
.hezuoitem_list .item .textcon{padding: 12px;}
.hezuoitem_list .item .title{font-size: 16px;}
.hezuoitem_list .item .title span{font-size: 13px;}
.hezuoitem_list .item .desc{font-size: 13px;}

.section1 .wrap .item{margin-bottom: 12px;}
.section1 .wrap .left .item .title1,.section1 .wrap .right .item .title1{opacity: 0;visibility: hidden;}
.section1 .wrap .left .item .text,.section1 .wrap .left .item.item2 .text, .section1 .wrap .left .item.item3 .text,.section1 .wrap .right .item .text{opacity: 1;visibility: visible;padding: 30px;}
.section1 .wrap .left .item .text .t2,.section1 .wrap .left .item .text .decs,.section1 .wrap .left .item .text .more,.section1 .wrap .right .item .text .t2,.section1 .wrap .right .item .text .decs,.section1 .wrap .right .item .text .more{opacity: 1;visibility: visible;}
.section1 .wrap .left .item .text .more,.section1 .wrap .left .item.item2 .text .more, .section1 .wrap .left .item.item3 .text .more,.section1 .wrap .right .item .text .more,.section1 .wrap .right .item.item2 .text .more, .section1 .wrap .right .item.item3 .text .more{margin-top: 20px;}
.section1 .wrap .left .item .text .t2{text-align: center;}
.section1 .wrap .left .item .text .more{margin-left: auto;margin-right: auto;}
.about .box1 .wrap .pic .play{width: 6rem;height: 6rem;}
.about .box2,.about .box1{padding: 40px 0;}

.about .box2 .box2-swiper .swiper-slide{margin: 0;}
.about .box2 .box2-swiper .swiper-slide .point{width: 2rem;height: 2rem;margin-top: -1rem;}
.about .box2 .box2-swiper .swiper-slide .point:after{width: 1rem;height: 1rem;}
.about .box2 .box2-swiper .swiper-slide .intro{height: 30rem;padding: 20px;}
.about .box2 .box2-swiper .swiper-slide .intro .list:after{width: 0.3rem;height: 0.3rem;top: 1.2rem;}
.about .box2 .box2-swiper .swiper-slide{}
.about .box2 .box2-swiper{padding-left: 0;padding-right: 0;width: 90%;margin: 0 auto;}
.about .box2 .box2-swiper .swiper-slide .intro .h1{margin: 15px 0;}
.about .box2 .box2-swiper .swiper-slide .intro .list-box{max-height: 18rem;}

.about .box3 .box .lf .box3-swiper .swiper-slide .h2{font-size: 2.4rem;margin-bottom: 10px;}
.about .box3 .box .lf{height: 28rem;padding: 20px;}
.about .box3 .box .lf .box3-swiper{width: 100%;}
.about .box3 .box .lf .box3-swiper{height: 100%;}
.about .box3 .box .lf .btn-box{width: 90px;height: 90px;bottom: -45px;}
.about .box3 .box .rg{height: 28rem;}
.about .box4 .box .li-box1 .li div{font-size: 30px;}
.about .box4 .box .li-box1{padding: 20px 15px;}
.about .box4 .box .li-box1 .li{margin-bottom: 12px;}
.about .box4 .box .li-box2{height: 360px;}
.about .box4 .box .li-box2 .scroll-box{padding: 0 15px;}
.about .box4 .box .li-box2 .li{padding-bottom: 10px;margin-bottom: 10px;}
.about .box4 .box .box4-swiper{height: 30rem;}
.about .box4 .box .swiper-box{padding: 20px;}
.about .box4 .box .swiper-box .swiper-button-prev,.about .box4 .box .swiper-box .swiper-button-next{width: 30px;height: 30px;}
.about .box4 .box .box4-swiper .swiper-slide img{object-fit: contain;}
.about .box5 .box .lf{padding: 20px 15px;}

.about .box5 .box .lf .li .top-tit div{width: 30px;height: 30px;margin-right: 10px;}
.about .box5 .box .lf .li .txt{padding-left: 40px;}
.about .box5 .box .lf .send-box .more{  width: 11rem;height: 3rem;}
.about .box5 .box .lf .send-box .more .cont div{width: 1.6rem;}
.about .box5 .box .lf .send-box .tips{margin-top: 12px;font-size: 1.5rem;}

.zz_tanchuang .tbox .modal{width: 90%;}
.zz_tanchuang .tbox .modal .close{right: -10px;}

.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide:hover{padding-top: 1.54rem;}
.productlist_wrap2,.newslist_wrap{padding-bottom: 2rem;}
.fenye{margin-top: 2rem;}

}