/*.banner{position: relative;height:6.8rem}
.banner .Text{width: 5.34rem;height: 2.59rem;background: url(../img/bannerBk.png) center center no-repeat;box-sizing: border-box;padding:0.8rem 0 0 0.75rem;line-height: 1.5;margin: 2.35rem 0 0 2.83rem;background-size: contain;}
.banner .Text p{font-size: 0.3rem;color: #fff;margin-bottom: 0.1rem;}
.banner .Text p.title{font-size: 0.44rem;font-weight: bold;color: #fff;}
.banner .swiper-container,.banner .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:0.5rem;height:0.5rem;background-color: rgba(255,255,255,0.35);background-position:center center;background-repeat:no-repeat;border-radius:10px;background-size: 0.17rem 0.26rem;left: 0.9rem;}
.banner .swiper-button-next{left:auto;right:0.9rem}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0.3rem;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box;opacity: 1;background: #fff;border-radius: 50%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.09rem;}
.banner .swiper-pagination-bullet-active{background: #90b747;}*/

.row{/* width: 17.4rem; */margin: 0 auto;}
.row1{/* margin: 0.8rem auto; */}
.row1 ul{display: flex;justify-content: space-between;height: 6.4rem;}
.row1 ul li{width: 25%;padding: .22rem 0.74rem .65rem;box-sizing: border-box;position:relative;background-size: cover;overflow:hidden}
.row1 ul li .title{position:relative;z-index:10}
.row1 ul li .title span{font-size:.14rem;color:#fff;font-family:"Arial";font-weight:bold;line-height:.5rem}
.row1 ul li .title .en{font-size:.24rem;color:#fff;font-family:"Arial";font-weight:bold;text-transform:uppercase}
.row1 ul li .title p{color:#fff;font-size:.22rem}
.row1 ul li .title:after{position:absolute;width:.6rem;height:.02rem;background:#fff;content:"";bottom:-.4rem}
.row1 ul li dl{margin-top:.7rem;height: 0;position:relative;z-index:10;left:-100%;transition:all 0.5s ease-in-out;}
.row1 ul li dl dd{width:.94rem;height:.38rem;border:1px solid #fff;margin-bottom:.2rem;line-height:.38rem;text-align:center;width: 1.2rem;}
.row1 ul li dl dd a{color:#fff;font-size:.14rem;display:block;width:100%;height:100%;}
.row1 ul li dl dd:hover{border-color:#c6a75f}
.row1 ul li dl dd:hover a{color:#c6a75f}
.row1 ul li .button{width:.6rem;height:.6rem;border:1px solid #fff;border-radius:5px;position:absolute;bottom:.7rem;display: flex;line-height: .6rem;overflow:hidden;z-index:10}
.row1 ul li .button span{display:none}
.row1 ul li .button em{width:.18rem;height:100%;display:inline-block;background: url(../images/arrow1.png) left center no-repeat;margin-left: .22rem;background-size: .18rem;padding-right: .22rem;}
.row1 ul li .mb{display:block;width:100%;height:100%;position:absolute;left:-100%;top:0;transition:all 0.5s ease-in-out;background-size: cover!important;}
.row1 ul li:hover .mb,.row1 ul li:hover dl{left:0}
/* .row1 ul li:hover .button{border: 0;background: #c6a75f;animation: move1 2s;}
.row1 ul li:hover .button span{display:block;margin-left: .28rem;color: #fff;animation:move2 1s;width: 0;}
.row1 ul li:hover .button em{background-image:url(../images/arrow2.png);} */
.row1 ul li:hover .button{border: 0;background: #c6a75f;animation: move1 0.8s;width:1.6rem}
.row1 ul li:hover .button span{display:block;margin-left: .28rem;color: #fff;animation:move2 1s;font-size: .16rem;}
.row1 ul li:hover .button em{background-image:url(../images/arrow2.png);}
@keyframes move1{
0%{width:.6rem}
100%{ width:1.6rem}
}
@keyframes move1_phone{
0%{width:8vw}
100%{ width:24vw}
}
@keyframes  move2{
    from{width:0;}
    to{width:auto;}
}

.row2{
    padding-bottom: .5rem;
}
.row2 .tab{margin:.2rem 0 .35rem;text-align:center}
.row2 .tab i{font-style:normal;padding:0 18px;line-height:.38rem;color:#666666;margin:0 6px;display:inline-block;cursor:pointer}
.row2 .tab i.active,.row2 .tab i:hover{background:#c6a75f;border-radius:30px;color:#fff}
.row2 .tabConBox_{width:16.52rem;margin:0 auto;position: relative;width: 16.96rem;}
.row2 .tabCon{margin: .15rem auto 0;position:relative;width: 16.96rem;}
.row2 .ulWrap{height:6.35rem;height: 7rem;}
.row2 .ulWrap li{height: 2.87rem;float: left;/* margin: .15rem; */width: 3.92rem;/* height: 1rem; */}
.row2 .ulWrap li .Img{width:100%;height:2.5rem;overflow:hidden;border-radius:10px}
.row2 .ulWrap li .Img img{max-width:100%;max-height:100%;transition:all .35s ease-in-out;height: 100%;}
.row2 .ulWrap li p{margin-top:.18rem;text-align:center;font-size:.16rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.row2 .ulWrap li p.btn{margin-top:0;position:relative;z-index:222;font-size: .14rem;line-height: 22px;cursor: pointer;}
.row2 .ulWrap li:hover img{transform:scale(1.2)}
.row2 .ulWrap li p.btn:hover{color:#c6a75f}
.row2 .tabCon1 .hd{text-align:center;}
.row2 .ulWrap{width: 100%;text-align: center;position: relative;}
.row2 .hd a,.row .hd .more{width: .4rem;height: .4rem;display: inline-block;position: static;margin: 0 3px;}
.row2 .hd .swiper-button-prev{background: url(../images/arrowIcon.png) 0 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row2 .hd .swiper-button-next{background: url(../images/arrowIcon.png) 100% 0  no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row2 .hd .swiper-button-next:after,.row2 .hd .swiper-button-prev:after{content: "";}
.row2 .hd .swiper-button-next.swiper-button-disabled,.row .btnBox  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.row2 .hd :hover{background-position-y: calc(100% + 1px)!important;}
.row2 .hd .more{cursor: pointer;background: url(../images/arrowIcon.png) -.535rem 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
/* .row2 .tabConBox .swiper-container{height:6.35rem}
.row2 .tabConBox .swiper-container .swiper-slide{height: 2.87rem;}
.row2 .tabConBox .swiper-container .swiper-slide .Img{width:100%;height:2.5rem;overflow:hidden;border-radius:10px}
.row2 .tabConBox .swiper-container .swiper-slide .Img img{max-width:100%;max-height:100%;transition:all .35s ease-in-out}
.row2 .tabConBox .swiper-container .swiper-slide p{margin-top:.18rem;text-align:center;font-size:.16rem}
.row2 .tabConBox .swiper-container .swiper-slide:hover img{transform:scale(1.2)}
.row2 .tabConBox .swiper-container .swiper-slide:hover p{color:#c6a75f}
.row .btnBox{width: 100%;text-align: center;position: relative;}
.row .btnBox div,.row .btnBox .more{width: .4rem;height: .4rem;display: inline-block;position: static;margin: 0 3px;}
.row .btnBox .swiper-button-prev{background: url(../images/arrowIcon.png) 0 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row .btnBox .swiper-button-next{background: url(../images/arrowIcon.png) 100% 0  no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row .btnBox .swiper-button-next:after,.row .btnBox .swiper-button-prev:after{content: "";}
.row .btnBox .swiper-button-next.swiper-button-disabled,.row .btnBox  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.row .btnBox :hover{background-position-y: calc(100% + 1px)!important;}
.row .btnBox .more{cursor: pointer;background: url(../images/arrowIcon.png) -.535rem 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px} */

.row .iHead{margin: 0.65rem auto 0;text-align: center;/* height: 0.95rem; */position: relative;width: 100%;}
.row .iHead .title{/* position:absolute; *//* width:100%; *//* bottom:0; *//* z-index: 2; */line-height: .45rem;font-size: .3rem;color: #444444;}
.row .iHead .title span{position:relative;letter-spacing:0.1rem;background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(71, 158, 205)), to(rgb(130, 188, 93)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:0.42rem;font-weight:bold;}
.row .iHead .title span:before{position:absolute;width:2rem;height:.02rem;background:url(../img/titleBk1.png) center center no-repeat;content:"";left: -2.2rem;top:calc(50% - .01rem);}
.row .iHead .title span:after{position:absolute;width:2rem;height:.02rem;background:url(../img/titleBk2.png) center center no-repeat;content:"";right: -2.1rem;top:calc(50% - .01rem);}
.row .iHead .en{font-family:"Arial";font-size: 0.14rem;color: #adadad;text-transform: uppercase;line-height: .35rem;}
.moreBtn{text-align: center;margin-top: .2rem;}
.more{/* display: inline-block; *//* width: 1.5rem; *//* height: 0.48rem; *//* line-height: 0.48rem; *//* font-size: 0.2rem; *//* color: #fff; *//* background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(71, 158, 205)), to(rgb(130, 188, 93))); *//* border-radius: 30px; */}

.row3{overflow:hidden;background:url(../images/index_advanBack.jpg) center center no-repeat;background-size:cover;padding-bottom: .7rem;position:relative}
.row3:after{content:"Our  strengths";position:absolute;left:1.36rem;font-size:.85rem;text-transform:uppercase;bottom:0.27rem;line-height:1;font-weight:bold;color:#eeeeee}
.row3 .tab{display:flex;justify-content:center;position:relative}
.row3 .tab:after{content:"";width:100%;border-bottom:1px dashed #d0d0d1;position:absolute;top: .72rem;left: 16.05rem;width: 2.95rem;}
.row3 .tab i{width:2.8rem;height:2.13rem;text-align:center;background:url(../images/index_advanBk1.png) center top no-repeat;line-height: 1.45rem;position:relative;margin: 0 .3rem;background-size: 1.45rem;cursor: pointer;}
.row3 .tab i:after{content:"";width:100%;border-bottom:1px dashed #d0d0d1;position:absolute;top: .72rem;left: -.73rem;width: 1.38rem;}
.row3 .tab i:nth-child(1)::after{left: -3.75rem;width: 4.4rem;}
.row3 .tab i.active,.row3 .tab i:hover{background:url(../images/index_advanBk2.png) center top no-repeat;background-size: 1.45rem;}
.row3 .tab i.active::after,.row3 .tab i:hover::after{border-color:#c6a75f}
.row3 .tab i img{width:.64rem}
.row3 .tab i p{line-height:.6rem;color:#3b3b3b;font-style:normal;font-size:.16rem}
.row3 .tab i em{position:absolute;font-size:.1rem;top: 0.67rem;line-height: .26rem;font-style: normal;left: 66%;text-transform: uppercase;color: #a1a1a2;width: .82rem;height: .08rem;background: url(../images/arrowIcon2.png) left top  no-repeat;background-size:3.37rem}
.row3 .tab i:nth-child(2) em{background-position: 32.5% top;}
.row3 .tab i:nth-child(3) em{background-position: 66.5% top;}
.row3 .tab i:nth-child(4) em{background-position:100% top}
.row3 .tab i.active em,.row3 .tab i:hover em{background-position-y:bottom}
.row3 .tab i.active p,.row3 .tab i:hover p{color:#c6a75f}
.row3 .swiper-container{height: 5.3rem;}
.row3 .range,.iChanges #range{position: relative;width: 13.1rem;height: 5.3rem;background-color: rgb(133, 246, 250);overflow: hidden;background-size: cover!important;/* background-size: auto 100%!important; */}
.row3 .icon {position: absolute;height:5.3rem;width: 13.1rem;cursor: move;user-select: none;left: 0;background-size: cover!important;width: 100%;position: relative;}
.row3 .icon:hover{cursor:pointer}
.row3 .icon .imgBox{width:100%;height:100%;background-size:auto 100%!important}
.row3 .tabConBox{width:13.1rem;margin:0 auto;position: relative;min-height: 5.3rem;}
.row3 .tabCon{display:none}
.row3 .tabCon.active{display:block}
.row3 .slideTxtBox{position: relative;}
.row3 .hd{position:absolute;bottom:-.45rem;right:0.65rem;}
.row3 .hd .pageState{color:#cccccc;font-size: .18rem;/* color:#999999; */}
.row3 .hd .pageState span{font-weight:bold;margin:8px;color: #999;}
.row3 .hd .pageState span:first-child{color:#c6a75f}
.row3 .bd{position: relative;width: 100%;height: 5.3rem;}
.row3 .bd ul{position: absolute;top: 0;left: 0;height: 100%;}
.row3 .bd ul li{display: block!important;height: 100%;position:relative}
.row3 .bd ul li .icon span{position:absolute;width:50px;height: 100%;background: url(../images/btn1.png) center center no-repeat;border:0;top: 0;right: -24px;display: none;}
.row3 .bd ul li p{width: 100%;height: .8rem;background: rgba(0,0,0,.4);color: #fff;font-size: .2rem;bottom: 0;left: 0;position: absolute;box-sizing: border-box;line-height: .8rem;}
.row3 .bd ul li p span{padding: 0 .6rem 0 .3rem;max-width: 10rem;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row3 .btnBox{position:absolute;bottom: calc(-12px - .27rem);height: 12px;width: 46px;right:0;}
.row3 .bd ul li video{width:100%;height:100%;}
.row3 .btnBox .prev{z-index:9;position:absolute;top: 0;left: 0;width: 10px;height: 12px;background: top left no-repeat;background-size: 21px;background-image: url(../images/arrowIcon1.png);cursor: pointer;}
.row3 .btnBox .next{z-index:9;position:absolute;top: 0;right: 0;width: 10px;height: 12px;background: top right no-repeat;background-size: 21px;background-image: url(../images/arrowIcon1.png);cursor: pointer;}
.row3 .btnBox .prev:hover{background-position:bottom left;}
.row3 .btnBox .next:hover{background-position:bottom right;}
.row3 .Text{position:absolute;top:4.25rem;left:0;width: 3.44rem;text-align:right;z-index:1;color:red;left: -3.05rem;top: 0.65rem;}
.row3 .Text .en{color:#141414;font-family:"Arial";font-size:.23rem;/* margin-right: 0.02rem; */position:relative;}
.row3 .Text .en:after{position:absolute;content:"";width:1.25rem;height:.02rem;background:#c6a75f;bottom:-.15rem;right: -0.1rem;}
.row3 .Text .en span{width: .38rem;display:inline-block;text-align: left;}
.row3 .Text p{margin-top:.4rem;margin-right:.78rem;font-size:.16rem;color:#333333}
.row3 .Text .summary{margin-right:.73rem;font-size:.14rem;color:#999999;line-height:1.5;margin-top:.1rem;width: 1.5rem;display: inline-block;}

.row4{height:5.85rem;background:url(../images/index_Back2.jpg) center bottom no-repeat;overflow: hidden;}
.row4 .iHead{margin-top:.45rem}
.row4 .tabCon{margin: .15rem auto 0;position:relative;width:16.8rem;}
.row4 .bd{height:3.2rem;width:16.8rem;margin-bottom: .15rem;}
.row4 .bd li{height:1.3rem;width: 2.49rem;text-align: center;line-height: 1.3rem;background: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,.1);float: left;margin: .15rem;overflow: hidden;box-sizing:  border-box;}
.row4 .bd li img{transition:all .3s ease-in-out}
.row4 .bd li:hover img{transform:scale(1.2)}
.row4 .hd{width: 100%;text-align: center;position: relative;}
.row4 .hd a,.row .hd .more{width: .4rem;height: .4rem;display: inline-block;position: static;margin: 0 3px;}
.row4 .hd .swiper-button-prev{background: url(../images/arrowIcon.png) 0 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row4 .hd .swiper-button-next{background: url(../images/arrowIcon.png) 100% 0  no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
.row4 .hd .swiper-button-next:after,.row4 .hd .swiper-button-prev:after{content: "";}
.row4 .hd .swiper-button-next.swiper-button-disabled,.row .btnBox  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.row4 .hd :hover{background-position-y: calc(100% + 1px)!important;}
.row4 .hd .more{cursor: pointer;background: url(../images/arrowIcon.png) -.535rem 0 no-repeat;background-size:1.46rem;box-shadow: 1px 3px 5px rgb(0,0,0,10%);border-radius:5px}
/* .row4 .swiper-container{height:3.2rem;width:16.55rem}
.row4 .swiper-container .swiper-slide{height:1.3rem;width:2.5rem;text-align: center;line-height: 1.3rem;background: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
.row4 .swiper-container .swiper-slide img{transition:all .3s ease-in-out}
.row4 .swiper-container .swiper-slide:hover img{transform:scale(1.2)} */


.tanchuang{/* max-width:80%; *//* width:13.1rem; *//* height: 5.3rem; */position: fixed;top: 0;left: 0;/* transform:translate(-50%,-50%); */display: none;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 1111;}
.tanchuang .tabConBox{top: 50%;left: 50%;transform: translate(-50% , -50%);position:absolute;}
.tanchuang .range{position: relative;width: 9.3rem;height: 6.0rem;background-color: rgb(133, 133, 133);overflow: hidden;background-size: cover!important;/* background-size: auto 100%!important; */}
.tanchuang .icon {position: absolute;height: 100%;width: 13.1rem;cursor: move;user-select: none;left: 0;background-size: cover!important;width: 7.55rem;position: relative;}
.tanchuang .icon:hover{cursor:pointer}
.tanchuang .icon .imgBox{width:100%;height:100%;background-size:auto 100%!important}
.tanchuang .icon span{position:absolute;width:50px;height: 100%;background: url(../images/btn1.png) center center no-repeat;border:0;top: 0;right: -24px;}
.tanchuang .close{width: .5rem;height: .5rem;background:url(../images/close.png) center center no-repeat;position: absolute;right: -.2rem;top: -.2rem;display: inline-block;background-size: cover;/* width: 1rem; *//* height: 1rem; */}

@media screen and (max-width: 1024px){
    .main{margin-top:17vw}
    .main:after{width:100%;height:100%;top:0;left:0;content:"";position:absolute;display:none}
    .mainMb:after{display:block}

    .row1 ul{display:block;height: auto;}
    .row1 ul li{width:100%;height:86vw;margin-bottom:2.7vw;padding: 4vw 10vw;}
    .row1 ul li .title p{line-height:2;font-size: 14px;}
    .row1 ul li .title:after{bottom: -2vw;width: 9vw;height: 1px;}
    .row1 ul li .title span{font-size:12px;line-height: 3;}
    .row1 ul li .title .en{font-size: 16px;}
    .row1 ul li dl{flex-wrap:wrap;margin-top: 10vw;display: flex;width: 100vw;left: -100vw;}
    .row1 ul li:hover dl{display:flex;}
    .row1 ul li dl dd{margin-right:3vw;width: 23vw;height: 9vw;line-height: 9vw;margin-bottom: 2vw;}
    .row1 ul li dl dd a{font-size:12px}
    .row1 ul li .button{width: 8vw;height: 8vw;bottom: 10vw;line-height: 8vw;}
    .row1 ul li:hover .button{width:24vw;animation:move1_phone 1s}
    .row1 ul li .button em{width:3vw;margin-left: 2.5vw;padding-right: 2.5vw;background-size: 3vw;}
    .row1 ul li:hover .button span{font-size:12px;margin-left: 2.5vw;}

    .row .iHead{margin-top:8vw}
    .row .iHead .title{line-height:1.5;font-size: 17px;}
    .row .iHead .en{font-size: 10px;line-height:1.5;}
    .row2{padding-bottom:7vw}
    .row2 .tab i{padding: 0 3vw;font-size: 13px;margin:0 1vw;line-height:8vw;}
    .row2 .tabConBox_{width:94vw}
    .row2 .tabCon{margin:0;width: 100%;}
    .row2 .ulWrap{height: 173vw;margin: 20px 0px 0px 0px;}
    .row2 .ulWrap li{height: 40vw;/* margin: 2vw; */width: 43vw;}
    .row2 .ulWrap li .Img{height:28vw;}
    .row2 .ulWrap li p{margin-top:2vw;font-size:12px;/* height: 16px; */overflow: hidden;}
    .row2 .ulWrap li p.btn{font-size:10px}
    .row2 .hd a, .row2 .hd .more{width:8vw;height:8vw;z-index: 1;}
    .row2 .hd .more{background: url(../images/arrowIcon.png) -10.5vw 0 no-repeat;background-size: 29vw;}
    .row2 .hd .swiper-button-prev{background-size: 29vw;}
    .row2 .hd .swiper-button-next{background-size: 29vw;}
/*     .row2 .tabConBox .swiper-container{height: 156vw;}
    .row2 .tabConBox .swiper-container .swiper-slide{height:35vw}
    .row2 .tabConBox .swiper-container .swiper-slide .Img{height: 28vw;}
    .row2 .tabConBox .swiper-container .swiper-slide p{margin-top: 2vw;font-size: 12px;} */
    .row .btnBox div, .row .btnBox .more{width:8vw;height:8vw;z-index: 1;}
    .row .btnBox .more{background: url(../images/arrowIcon.png) -10.5vw 0 no-repeat;background-size: 29vw;}
    .row .btnBox .swiper-button-prev{background-size: 29vw;}
    .row .btnBox .swiper-button-next{background-size: 29vw;}

    .row3{padding-bottom:12vw}
    .row3:after{display:none}
    .row3 .tabIcon{overflow-x:scroll;overflow-y:hidden;margin-top: 5vw;}
    .row3 .tab{width: 151vw;}
    .row3 .tab:after{left:auto;top: 10vw;width: 10vw;left: 140vw;}
    .row3 .tab i{width: 20vw;background-size: 20vw;line-height: 20vw;margin: 0;margin-right: 16vw;height: 32vw;}
    .row3 .tab i.active, .row3 .tab i:hover{background-size: 20vw;}
    .row3 .tab i:after{top:10vw;left: -8vw;width: 8vw;}
    .row3 .tab i:nth-child(1)::after{width:10vw;left:-10vw}
    .row3 .tab i em{top: 9.5vw;left:15vw;font-size: 10px;line-height: 2;width: 12vw;height: 1vw;background-size: 49vw;}
    .row3 .tab i img{width: auto;height: 8vw;}
    .row3 .tab i p{line-height:10vw;font-size:10px}
    .row3 .tabConBox{width:92vw;position: relative;}
    .row3 .Text{top:auto;bottom: 2vw;line-height:10vw;left: 4vw;text-align: left;width: 60vw;top: 100%;}
    .row3 .Text .summary{margin-right:0;text-align:left;width: auto;font-size: 12px;}
    .row3 .Text .en,.row3 .Text p{display:none}
    .row3 .bd{height:43vw}
    .row3 .bd ul{width:100%}
    .row3 .bd ul li .icon span{width:10vw;background-size: 100%;right: calc(-5vw + 1px);}
    .row3 .hd{right:15vw;top: calc(100% + 2vw);}
    .row3 .hd .pageState{font-size:12px}
    .row3 .hd .pageState span{margin:0 1vw}

    .row3 .btnBox{bottom:-7vw}
    .row3 .range, .iChanges #range{width:100%;height:43vw}
    .row3 .icon{width: 100%;height:43vw;background-size: cover!important;}

    .row4{height: auto;padding-bottom: 10vw;}
    .row4 .tabCon{margin-top:5vw;width: 94vw;}
    .row4 .bd{height: 163vw;width: 94vw;}
    .row4 .bd li{height:23vw;line-height:23vw;width: 43vw;margin: 1.9vw;}
    .row4 .bd li img{max-width:80%}
    .row4 .hd a, .row4 .hd .more{width:8vw;height:8vw;z-index: 1;}
    .row4 .hd .more{background: url(../images/arrowIcon.png) -10.5vw 0 no-repeat;background-size: 29vw;}
    .row4 .hd .swiper-button-prev{background-size: 29vw;}
    .row4 .hd .swiper-button-next{background-size: 29vw;}

     .tanchuang .tabConBox{/* top: 50%; */left: 50%;transform: translateX(-50%);position:absolute;bottom: 5%;top:auto;}
    .tanchuang .range{/* width:80vw; */height:80vh;width:124vh;height:70vh;width:108.5vh;/* width: 108.5vh; *//* height: 70vh; */}
    .tanchuang .range>div{width:70%}
    .tanchuang .icon span{width: 50px;background-size: 100%;right: calc(-25px + 1px);}
    .tanchuang .close{width: 40px;height: 40px;top: -20px;right: -20px;}
 

}

@media screen and (max-width: 500px){
    .tanchuang .tabConBox{top: 50%;left: 50%;transform: translate(-50%,-50%);position:absolute;bottom: auto;}
    .tanchuang .range{width:80vw;height:51.6vw;}
    .tanchuang .range>div{width:70%}
    .tanchuang .icon span{width:10vw;background-size: 100%;right: calc(-5vw + 1px);}
    .tanchuang .close{width:8vw;height:8vw;top:-4vw;right:-4vw}
 
}