/*
	* ==============================================================================
        _  _        _                 _                                 _                                               
    ___| |(_) ___ _| |_  ____ _____ _| |_  ___   ___  _   _  _____  ___| | 
   / __  || |/ __|__  _|/ _  |  _  |_   _|/ __| / _ \| | | ||  _  |/ __  | 
  | (__| || |\__ \ | |_  (_| | | | | | |_ \__ \| |_| | |_| || | | | (__| | 
   \_____||_||___/ |___|\____|_| |_| |___||___/ \___/|_____||_| |_|\_____| 
   
	* CSS Document Css Reset  
	* Author: DistantSound 
	* Date: 2020 
	* IDE:  

  * ---------------------------------------------------------------------------------------------
*/
body{font-family:Arial, "Microsoft YaHei", "Sora";} 
.container{width:calc(100% - .3rem)}

/* bgc +++++++++++++++++++++++++++++++++++++++++*/
.bgc-white, .bgc-white-h:hover{background-color:#fff;} 
.bgc-grey, .bgc-grey-h:hover{background-color:#f0f2f4;}
.bgc-grey-1, .bgc-grey-1-h:hover{background-color:#e9ebed;}
.bgc-grey-2, .bgc-grey-2-h:hover{background-color:#272727;}
.bgc-grey-3, .bgc-grey-3-h:hover{background-color:#838383;}
.bgc-grey-4, .bgc-grey-4-h:hover{background-color:#d1cccc;}
.bgc-black, .bgc-black-h:hover{background-color:#1f1f1f;}
.bgc-red, .bgc-red-h:hover{background-color:#f14f44;}
 
/* color +++++++++++++++++++++++++++++++++++++++++*/
.c-white, .c-white-h:hover{color:#fff;}
.c-black, .c-black-h:hover{color:#000;}
.c-red, .c-red-h:hover{color:#f14f44;}
.c-red-1, .c-red-1-h:hover{color:#fcd7d4;}
.c-grey,  .c-grey-h:hover{color:#76807d;}
.c-grey-1,  .c-grey-1-h:hover{color:#7c7d7f;}  
 
/* swiper pagination prev-next  ++++++++++++++++++++++++++++++++++++++++ +*/
.my-banner-pagination{position: absolute;bottom:0;left: 50%;transform: translate(-50%  -50%);width: 200px; display: flex;justify-content: center;align-items: center;gap: 10px;z-index: 10;margin-bottom: 50px;}
.my-banner-pagination .my-bullet{width: 10px;height: 10px;border-radius: 5px;background: #4a566e;transition: all 0.3s ease;cursor: pointer;}
.my-banner-pagination .my-bullet-active{ width: 30px;background: #f14f44;}

.my-swiper-prev-next{float: left; width: 1.1rem;height: .5rem;position: absolute;top: 0;z-index: 20;border-radius: .25rem;border: 1px solid #d3d3d3;}
.my-swiper-prev-next .btn-prev{float: left;position: absolute;left: 1px;z-index: 20;width: .5rem; height: .5rem;line-height: .5rem;font-size: .2rem;color: #d3d3d3;transform: rotate(180deg);}
.my-swiper-prev-next .btn-next{float: right;position: absolute;right: 1px;z-index: 20;width: .5rem; height: .5rem;line-height: .5rem;font-size: .2rem;color: #d3d3d3;}
.my-swiper-prev-next .btn-prev:hover,
.my-swiper-prev-next .btn-next:hover{color:#f14f44;}

/* page-box +++++++++++++++++++++++++++++++++++++++++++++*/
.page-box{float: left;width: 100%; height: .5rem;margin:.2rem auto;text-align: center;}
.pager-content{float: right; width:auto; margin: 0 auto;}
.pager-content .pager-prev,
.pager-content .pager-next{float: left; width:auto;line-height: .4rem;padding: 0 .1rem; margin: 0 3px 0px 3px; border:1px solid #ddd;color:#76807d; border-radius:5px;font-size: .14rem; }
.pager-content .pager-link{float: left; width:.42rem;line-height: .4rem; margin:0 3px 0px 3px; border:1px solid #ddd;color:#76807d; border-radius:5px;font-size: .14rem; }
.pager-content .pager-prev:hover,
.pager-content .pager-next:hover,
.pager-content .pager-link:hover,
.pager-content .pager-link.current{background-color: #f14f44; color: #fff;border:1px solid #f14f44; }

/* breadcrumb-nav  +++++++++++++++++++++++++++++++++++++++++++++*/
.breadcrumb-nav{line-height: .7rem;border-radius: .15rem .15rem 0 0 ; }
.breadcrumb-nav .a-link{line-height: .7rem; color:#76807d;}
.breadcrumb-nav .a-link .icon-l{width: .3rem;height: .7rem;line-height: .7rem;color:#76807d;}
.breadcrumb-nav .a-link .icon-r{width: .3rem;height: .7rem;line-height: .7rem;color:#76807d;}
.breadcrumb-nav .a-link:nth-of-type(n+2) .icon-l{display: none;}
.breadcrumb-nav .a-link:last-child {color: #f14f44;} 
.breadcrumb-nav .a-link:last-child .icon-r{display: none;}
.breadcrumb-nav .a-link:hover{color: #f14f44;}

/* nav-fixed-open-close  +++++++++++++++++++++++++++++++++++++++++++++*/
.nav-fixed-open-close{width:.5rem;height:.5rem;position:fixed;right:.15rem;top:.2rem;z-index:9999;background-color: rgba(255, 255, 255, 0.1);cursor: default; }
.nav-fixed-open-close .header-nav-open{width:.5rem;height:.5rem;line-height:.5rem;cursor: default; color: #fff; }
.nav-fixed-open-close.active .header-nav-open{color: #fff;-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.nav-fixed-open-close.active{background-color: #222;}

/* 以上 公共部分 */

/* 公共部分 +-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.bg-tag-red{background-color: #f5e3e2;color:#f14f44;}
.bg-tag-green{background-color: #ddf3ed;color:#01b383;}
.bg-tag-purple{background-color: #efdefe;color:#8700ff;}
.bg-tag-dark-blue{background-color: #9194ad;color:#fff;}

.title{float: left;width: 100%; }
.title .title-label{float: left;line-height: .5rem;font-size: .24rem; }
.title .title-h2{float: left;width: 100%; text-align: left;padding: .15rem 0; font-weight: 400; font-size: .3rem;}
   
.p-text{float: left; width: 100%; line-height: .35rem; padding: .15rem 0; text-align: left; font-size: .2rem;}

/* 其他  缺角装饰 */
.missing-corner-white{background-image: url(../images/em-horn-white.png);background-repeat: no-repeat;background-position: right bottom;background-size: auto; }
.missing-corner-grey{background-image: url(../images/em-horn-grey.png);background-repeat: no-repeat;background-position: right bottom;background-size: auto;}
 
.em-decorate-1{width: 2.36rem;height: 1.96rem;background-image: url(../images/decorate-1.png);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;z-index: 2;}
.em-decorate-2{width: 1.83rem;height: 2.46rem;background-image: url(../images/decorate-2.png);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;z-index: 2;}
.em-decorate-3{width: 1.42rem;height: 2.9rem;background-image: url(../images/decorate-3.png);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;z-index: 2;}
 
.text-gradient{background: #fcd6d4;background: linear-gradient(to right, #fcd6d4 20%, #F14F44 50%, #fcd6d4 90%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradientY{background: #FDE0DE;background: linear-gradient(to bottom, #FDE0DE 32%, #CF1512 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradientX-A{background: rgba(37, 145, 181, 0.9);background: linear-gradient(to right, rgba(37, 145, 181, 0.9) 0%, rgba(145, 71, 78, 0.9) 100%);}
.text-gradientX-B{background: #32DDFD;background: linear-gradient(to bottom, #32DDFD 0%, #ffffff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradientX-C{background: #F3695F;background: linear-gradient(to bottom, #F3695F 0%, #FBD8D3 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
/*+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/


.header{float:left; width:2.6rem;height: 100vh;position:fixed; z-index: 9998; top: 0; right: -2.6rem;overflow-y: auto;padding-bottom: .5rem;background-color:#111;}
.header.active{right: 0;}
.header .header-body{padding: 0 .2rem;}
.header .header-body .l-box,
.header .header-body .r-box{width: 100%;}
.header .header-body .a-logo{width:1.9rem; margin-top: 1rem;}
.header .header-body .nav{margin-top: .2rem;}
.header .header-body .nav .item.active > .a-link {color: #f14f44;}
.header.on-scroll .nav-fixed-open-close {background-color: rgba(38, 38, 38, 0.6)}
 
.sub-banner{width: 19.2rem;height:7rem;position: relative;top:0;left:50%;margin-left: -9.6rem;padding: 0;}
.sub-banner .pic-img{top:0;left:50%;margin-left: -9.6rem;}
.sub-banner .text-box{ width: 3.2rem; position: relative;left: 50%;transform: translateX(-50%);margin-top:2.8rem;}
.sub-banner .text-box .h2{float: left; width: 100%; line-height: .8rem;}
 
.section-1 .container-banner{width: 19.2rem;height:8rem;position: relative;left: 50%;top: 0;margin-left: -9.6rem;z-index: 5; background-color: #1f1f1f;}
.section-1 .swiper-banner{width: 19.2rem;height:8rem;} 
.section-1 .swiper-banner .pic-img{height:8rem;}
.section-1 .swiper-banner .swiper-text{width: 3.2rem; height:8rem; padding: 0 .15rem; position: absolute;left: 50%;transform: translateX(-50%);}
.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top:1rem; }
.section-1 .swiper-banner .swiper-text .text-group{margin-top: .8rem;}
.section-1 .swiper-banner .swiper-text .link-group{margin-top: .6rem;} 

.section-1 .swiper-banner .my-box{margin-top:.5rem; }
.section-1 .swiper-banner .my-box .h6{margin-top: .5rem; padding: .15rem 0;line-height: .5rem;}
.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: .6rem;margin-top: .24rem;}
.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - .6rem)}
 
.section-2{padding: .5rem 0; }
.section-2 .card-view-4 .swiper-wrapper{margin-top: .6rem;}
.section-2 .card-view-4 .swiper-wrapper .l-box{width: calc(100% - .8rem);} 
.section-2 .card-view-4 .swiper-wrapper .r-box{width: .8rem;}
 
.section-3{padding: .5rem 0; }
.section-3 .row-box { background-image: url(../images/bg-3-2.png);background-repeat: no-repeat;background-position: right bottom;background-size: auto; }
.section-3 .row-box .pic-img{width: 90%}

.section-4{padding: .5rem 0; background-image: url(../images/bg-4-1.png), url(../images/bg-4-2.png);background-repeat: no-repeat,no-repeat;background-position: right 0 top 50px, bottom left;background-size: auto, auto;}
.section-4 .ow-box-1 .row-ul .p-text{height: 4rem;}
.section-4 .row-box-2{padding-top: 1.6rem;background-image: url(../images/bg-4.png);background-size: cover;background-position: center;background-repeat: no-repeat; }
.section-4 .row-box-2 .h3{width: 100%;position: absolute;top: 0;left: 0;margin-top: .5rem;}
.section-4 .row-box-2 .card-view-3 .swiper-wrapper{margin: .8rem 0;}
.section-4 .row-box-2 .card-view-3 .a-link{background-color: rgba(85, 69, 69, 0.3);backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(8px);}
.section-4 .row-box-2 .card-view-3 .a-link .p-text{height: 1.5rem ;}
.section-4 .row-box-2 .card-view-3 .my-swiper-prev-next{float: right;right: 0;border: 1px solid rgba(212, 212, 212, 0.1); }
.section-4 .row-box-2 .card-view-3 .my-swiper-prev-next .btn-prev:hover,
.section-4 .row-box-2 .card-view-3 .my-swiper-prev-next .btn-next:hover{background-color:  rgba(212, 212, 212, 0.1s); }

.section-5{padding: .5rem 0; }
.section-5 .row-box{background-image: url(../images/bg-3-2.png);background-repeat: no-repeat;background-position: right bottom;background-size: auto;}
.section-5 .row-box .pic-img{width: 90%;}

.section-6{padding: .5rem 0; }
.section-6 { background-image: url(../images/bg-6.png);background-repeat: no-repeat;background-position: right bottom;background-size: auto; }
.section-6 .a-link{border: 1px solid #393838;}
.section-6 .a-link:hover img {opacity: 1;transform: scale(1.05);}

.section-7{padding: .5rem 0; }
.section-7 .card-view-3 .swiper-wrapper{margin-top: 1rem;}
.section-7 .card-view-3 .time{margin-top: -.5rem;border-top-left-radius: .15rem;border-top-right-radius: .15rem;}
.section-7 .card-view-3 .h2{height: 1.2rem;}
.section-7 .card-view-3 .p-text{height: 2rem;} 
.section-7 .row-box{border-radius: .2rem; height: 2rem;background-image: url(../images/bg-7.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.section-7 .row-box .input-box .label{width: 100%; }
.section-7 .row-box .input{position: relative;border: 1px solid #f3695f;padding: 0 .7rem;border-radius: 10px; z-index: 1;overflow: hidden; }  
.section-7 .row-box .input:focus{border: 1px solid #fde2e1;}
.section-7 .row-box .icon-left{width: .7rem;height: .7rem;position: absolute;left: 0;}
.section-7 .row-box .icon-right{width: .7rem;height: .7rem;position: absolute;right: 0;}
 
.section-8{position: relative; z-index: 5; margin-top: -.7rem;}

.section-9{padding: .5rem 0;}
.section-9 .row-ul .time{margin-top: -.5rem;border-top-left-radius: .15rem;border-top-right-radius: .15rem;}
 
.section-10{padding: .5rem 0;}
.section-10 .row-box .a-link{border: 1px solid;border: 1px solid #dddddd;transition: all 0.5s ease; }
.section-10 .row-box .a-link:hover{ border-color: #f3695f;background-color: rgba(233, 235, 237, 0.4); }
.section-10 .row-box .a-link:hover .pic-img{transform: scale(1.05);transform-origin: center; }
  
.section-12{padding: .5rem 0;}
.section-12 .row-box .time{border-radius: .15rem .15rem 0 0;position: absolute;bottom: 0;left: 0;}

.section-13{padding: .5rem 0;}
.section-13 .row-ul .l-box{width: 1rem;}
.section-13 .row-ul .r-box{width: calc(100% - 1rem);}
  
footer .row-box {border-top: 1px solid #d6d7d9;}

/* col 375 */
@media (min-width: 375px) { 
	.sub-banner .text-box{width: 3.75rem;}
	.sub-banner .text-box .h2{line-height: .8rem;}

	.section-1 .swiper-banner .swiper-text{width: 3.75rem;}
 
	.section-3 .row-ul .h3{ padding-bottom: .5rem;}
}

/* col 480 */
@media (min-width: 480px) {
	.sub-banner .text-box{width: 4.8rem;}
	.sub-banner .text-box .h2{line-height: .8rem;font-size: .42rem;}

	.section-1 .swiper-banner .swiper-text{width: 4.8rem; height:8rem; position: absolute;left: 50%;transform: translateX(-50%); }
	.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 1.2rem;font-size: .5rem; }
	.section-1 .swiper-banner .swiper-text .text-group{margin-top: 1.4rem;}
	.section-1 .swiper-banner .swiper-text .text-group .s-pan{font-size: .44rem;}
	.section-1 .swiper-banner .swiper-text .link-group{margin-top: .6rem;width: auto;position: relative;left: 50%;transform: translate(-50%);}
	.section-1 .swiper-banner .swiper-text .link-group a{margin: 0 .1rem;}
  
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 1rem;margin-top: .35rem;}
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1rem);font-size: .46rem;margin-top: .2rem; }
 
	.section-2 .card-view-4 .swiper-wrapper .l-box{width: calc(100% - 1rem);} 
	.section-2 .card-view-4 .swiper-wrapper .r-box{width: 1rem;}
 
	.section-3 .row-box .h2{font-size: .54rem;}
	.section-3 .row-box .pic-img{width: 80%;}

	.section-5 .row-box .h2{font-size: .6rem;font-weight: 700;}
	.section-5 .row-box .pic-img{width: 90%;}
 
	.section-7 .row-box .input-box{margin-top: .6rem;}
	.section-7 .row-box .input-box .l-box{ width: 1.5rem; }
	.section-7 .row-box .input-box .r-box{ width: calc(100% - 1.5rem); }
}

/* col-sm  */
@media (min-width: 576px) { 
	.sub-banner .text-box{width: 5.76rem;}
	.sub-banner .text-box .h2{font-size: .5rem;}

 	.section-1 .swiper-banner .swiper-text{width: 5.76rem;}
	.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 1rem;font-size: .6rem; }
	.section-1 .swiper-banner .swiper-text .text-group{margin-top: .6rem;}
	.section-1 .swiper-banner .swiper-text .text-group .s-pan{font-size: .5rem; line-height: .8rem;}
	.section-1 .swiper-banner .swiper-text .link-group{margin-top: .5rem;width: auto;position: relative;left: 50%;transform: translate(-50%);}
	.section-1 .swiper-banner .swiper-text .link-group a{margin: 0 .15rem;padding: 0 .3rem; font-size: .24rem;}
  
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 1rem;margin-top: .35rem;}
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1.2rem);font-size: .54rem;margin-top: .2rem; }
  
	.section-2 .card-view-4 .swiper-wrapper .l-box{width: calc(100% - 1.2rem);} 
	.section-2 .card-view-4 .swiper-wrapper .r-box{width: 1.2rem;}

	.section-3 .row-ul .h3{font-size: .5rem;}
	.section-3 .row-ul .icon-font{font-size: .6rem;}
	.section-3 .row-box .h2{font-size: .6rem;} 

	.section-5 .row-box .h2{font-size: .8rem;line-height: 1rem; }
	.section-5 .row-box .pic-img{width: 90%;}
 
 	.section-7 .row-box .input-box{margin-top: .6rem;position: relative;left: 50%;transform: translate(-50%);} 
}

/* col-md */
@media (min-width:768px) {
	.sub-banner .text-box{width: 7.68rem;margin-top: 2.6rem;}
	.sub-banner .text-box .h2{font-size: .5rem;}

	.section-1 .swiper-banner .swiper-text{width: 7.68rem;}
	.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 1.4rem;font-size: .6rem; }
	.section-1 .swiper-banner .swiper-text .text-group{margin-top:1rem;}
	.section-1 .swiper-banner .swiper-text .text-group .s-pan{font-size: .5rem; line-height: .8rem;}
	.section-1 .swiper-banner .swiper-text .link-group{margin-top: .6rem;width: auto;position: relative;left: 50%;transform: translate(-50%);}
	.section-1 .swiper-banner .swiper-text .link-group a{margin: 0 .3rem;} 
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 1.2rem;margin-top: .55rem;margin-left: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1.7rem);font-size: .8rem;margin-top: .2rem; }
 
	.section-3 .row-ul .h3{font-size: .6rem;}
	.section-3 .row-box .h2{font-size: .8rem; margin-top: .3rem;} 
 
	.section-7 .card-view-3 .p-text{height: 2.4rem;}
}
 
/* col-lg */
@media (min-width: 992px) {
	.sub-banner .text-box{width: 9.92rem;margin-top: 2.8rem;}
	.sub-banner .text-box .h2{font-size: .7rem;}
 
	.section-1 .swiper-banner .swiper-text{width: 9.92rem; } 
	.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 1.8rem;font-size: .8rem; }
	.section-1 .swiper-banner .swiper-text .text-group{margin-top:1rem;}
	.section-1 .swiper-banner .swiper-text .text-group .s-pan{font-size: .6rem; line-height: .8rem;}
	.section-1 .swiper-banner .swiper-text .link-group{margin-top: .6rem;width: auto;position: relative;left: 50%;transform: translate(-50%);}
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 1.5rem;margin-top: .55rem; }
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 2rem);font-size: 1rem;margin-top: .2rem; }

	.section-3 .row-ul .h3{font-size: .4rem;height: 1.5rem;}
   	.section-3 .row-box .h2{font-size: .64rem;}
 
 	.section-4 .row-box-1 .row-ul .h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.section-4 .row-box-1 .row-ul .p-text{height: 5rem;}
	.section-4 .row-box-2{padding-top: .5rem;}
	.section-4 .row-box-2 .card-view-3 .a-link .p-text{height: 1.5rem;}
	.section-4 .row-box-3 .row-ul .h2{height: 1.4rem;}
	.section-4 .row-box-3 .row-ul .p-text{height: 2rem;}

	.section-5 .row-box .h2{font-size: .6rem;line-height: 1rem; }
	.section-5 .row-box .pic-img{width: 80%;}

 	.section-7 .row-box .input-box{width: 6rem;}

	.section-9 .row-ul .h2{height: 1.2rem; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.section-9 .row-ul .p-text{height: 2rem;} 
}

/* col-xl */
@media (min-width:1200px) {
	.sub-banner .text-box{width: 12rem;}
	.sub-banner .text-box .h2{font-size: .7rem;}
 
	.header{ width:100%; height: 1rem; left: 0; top: 0;overflow-y: visible; background-color:transparent; }
	.header.on-scroll{position: fixed;margin-top:0;background-color:#1f1f1f;}
	.header .header-body{height: 1rem;padding: 0 .1rem;}
	.header .header-body .a-logo{width: 2.6rem; margin-top: .2rem;margin-left:0;}
	.header .header-body .l-box,
	.header .header-body .r-box{width: auto;}
	.header .header-body .nav{width: auto;margin-top: .2rem;}
	.header .header-body .nav .item{width: auto;padding: 0 .1rem;}
    .header .header-body .lang-link{width: auto;padding: 0 .1rem; margin-top: .2rem;} 

	.section-1 .container-banner{height:10rem;}
	.section-1 .swiper-banner{height:10rem;} 
	.section-1 .swiper-banner .swiper-text{width: 12rem;}
	.section-1 .swiper-banner .pic-img{height:10rem;}
	.section-1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 2.2rem;font-size:  1rem; }
	.section-1 .swiper-banner .swiper-text .text-group{margin-top:1rem;}
	.section-1 .swiper-banner .swiper-text .text-group .s-pan{font-size: .7rem; line-height: 1rem;}
	.section-1 .swiper-banner .swiper-text .link-group{margin-top: 1rem;width: auto;position: relative;left: 50%;transform: translate(-50%);}
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 2rem;margin-top: .5rem;margin-left: 1.5rem; }
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 3.5rem);font-size: 1rem;margin-top: .2rem; }
  
   	.section-3 .row-box .h2{font-size: .8rem;}
	.section-3 .row-box .pic-img{width: 60%}
 
	.section-4 .row-box-1 .row-ul .p-text{height: 3.5rem;}
	.section-4 .row-box-3 .row-ul .h2{height: .8rem;}
	.section-4 .row-box-3 .row-ul .p-text{height: 2rem;}

	.section-5 .row-box .h2{font-size: .8rem;line-height: 1rem; }

	.section-6 .row-box{margin-top: 1rem;}
	.section-6 .row-box .col-xl-2 .a-link{margin-top: 1rem;}
	.section-6 .row-box .group-vertical{ float:left;position:relative; width:66.66666667%; }
	.section-6 .row-box .group-vertical .col-xl-3:nth-of-type(odd) .a-link { margin-top: -.15rem;} 
	.section-6 .row-box .group-vertical .col-xl-3:nth-of-type(even) .a-link { margin-top: .15rem;} 
 
	.section-7 .card-view-3 .p-text{height: 2rem;}
  	.section-7 .row-box .input-box{width: 8rem;}
}
 
/* col-xxl */
@media (min-width:1400px) {
	.container{width:14rem}

	.sub-banner .text-box{width: 14rem;}
	.sub-banner .text-box .h2{font-size: .8rem;}

	.header .header-body{padding: 0 .3rem;}
	.header .header-body .nav .item{width: auto;padding: 0 .15rem;}
    .header .header-body .lang-link{width: auto;padding: 0 .2rem; margin-top: .2rem;} 

	.section-1 .swiper-banner .swiper-text{width: 14rem;}
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 2rem;margin-top: .5rem;margin-left: 1.5rem; }
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 3.5rem);font-size: 1.2rem;margin-top: .2rem; }

 	.section-3 .row-ul .h3{font-size: .4rem;height: 1rem;}
	.section-3 .row-box{height: 5rem;margin-bottom: .8rem; }
  	.section-3 .row-box .h2{font-size: .84rem; font-weight: 800; margin-top: 0; }
  	.section-3 .row-box .pic-img{margin-top:1.5rem;position: absolute; left: 0; margin-left: 1rem;}

	.section-4 .row-box-1 .row-ul .p-text{height: 3rem;}

	.section-5 .row-box .pic-img{width: 90%;}

	.section-7 .row-box .c-box{ margin-top: .15rem; padding: 0 2rem; }
	.section-7 .row-box .input-box{width: 8rem; margin-top: .5rem;}
} 
 
@media (min-width:1500px) {
	.header .header-body{padding: 0 .5rem;} 

	.section-1 .swiper-banner .swiper-text{width: 15rem;}
	.section-1 .swiper-banner .my-box .h6{margin-top: 1.2rem;line-height: .5rem;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 2rem;margin-top: .5rem;margin-left: 2rem; }
	.section-1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 4rem);font-size: 1.2rem;margin-top: .2rem; }
 
} 

@media (min-width:1920px) {
	.sub-banner .text-box{width: 19.2rem;}
	.sub-banner .text-box .h2{font-size: 1rem;}

	.header .header-body{padding: 0 .8rem;}
	.header .header-body .nav .item{width: auto;padding: 0 .25rem;}
    .header .header-body .lang-link{width: auto;padding: 0 .3rem; margin-top: .2rem;} 

	.section-1 .container-banner{height:100vh;}
	.section-1 .swiper-banner{height:100vh;}
	.section-1 .swiper-banner .pic-img{height:100vh;}
	.section-1 .swiper-banner .my-box .box-A1 .icon-img{width: 2rem;margin-top: .6rem;margin-left: 2rem; }
}