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

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

/* 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-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-grey,  .c-grey-h:hover{color:#76807d;}
.c-red-1, .c-red-1-h:hover{color:#fcd7d4;}
.c-grey-1,  .c-grey-1-h:hover{color:#7c7d7f;}  
.c-grey-2,  .c-grey-2-h:hover{color:#d9eeff;}  
.c-blue,  .c-blue-h:hover{color:#038ee7;}

/* 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; }
 
.e-sub-banner{width: 19.2rem;height:7rem;position: relative;top:0;left:50%;margin-left: -9.6rem;padding: 0;}
.e-sub-banner .pic-img{top:0;left:50%;margin-left: -9.6rem;}
.e-sub-banner .text-box{ width: 3.2rem; position: relative;left: 50%;transform: translateX(-50%);margin-top:3.4rem;}
.e-sub-banner .text-box .h2{float: left; width: 100%; line-height: .8rem;}
 
.e-sub-banner .text-box-a{ width: 3.2rem; position: relative;left: 50%;transform: translateX(-50%);margin-top:1.4rem;}
.e-sub-banner .text-box-a .h3{float: left; text-align: left; width: 100%; line-height: .8rem;}
.e-sub-banner .text-box-a .icon-img{width: .5rem;}

/* 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: rgba(34, 34, 34, 0.5);}
/* 以上 公共部分 */

/* 公共部分 +-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.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: .3rem;font-size: .16rem; }
.title .title-h3{float: left;width: 100%; text-align: left;line-height: .5rem; font-weight: 600; font-size: .42rem;}

.sub-title{float: left;width: 100%;}
.sub-title .title-h3{float: left;width: 100%; text-align: left;line-height: .5rem; font-weight: 600; font-size: .28rem;}
.sub-title .icon-img{ width: .6rem; height: .6rem;}

.p-text{float: left; width: 100%; line-height: .35rem; padding: .15rem 0; text-align: left; font-size: .2rem;}

/* 其他  缺角装饰 */
.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;}

/*+-+-+-+-+-+-++-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/


.e-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:rgba(238, 238, 238, 0.98);}
.e-header.active{right: 0;}
.e-header .header-body{padding: 0 .2rem;}
.e-header .header-body .l-box,
.e-header .header-body .r-box{width: 100%;}
.e-header .header-body .l-box .a-logo{width:100%; margin-top: 1rem;}
.e-header .header-body .nav{margin-top: .2rem;}
.e-header .header-body .nav .item.active > .a-link {color: #f14f44;}
.e-header.on-scroll .nav-fixed-open-close {background-color: rgba(168, 168, 168, 0.6)}
 
.e-header-a{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:rgba(30, 42, 54, 0.98);}
.e-header-a.active{right: 0;}
.e-header-a .header-body{padding: 0 .2rem;}
.e-header-a .header-body .l-box,
.e-header-a .header-body .r-box{width: 100%;}
.e-header-a .header-body .l-box .a-logo{width:100%; margin-top: 1rem;}
.e-header-a .header-body .nav{margin-top: .2rem;}
.e-header-a .header-body .nav .item.active > .a-link {color: #f14f44;}
.e-header-a.on-scroll .nav-fixed-open-close {background-color: rgba(168, 168, 168, 0.6)}
 
.section-e1 .container-banner{width: 19.2rem;height:5rem;position: relative;left: 50%;top: 0;margin-left: -9.6rem;z-index: 5; background-color: #1f1f1f;}
.section-e1 .swiper-banner{width: 19.2rem;height:5rem;} 
.section-e1 .swiper-banner .pic-img{height:5rem;}
.section-e1 .swiper-banner .swiper-text{width: 3.2rem; height:5rem; position: absolute;left: 50%;transform: translateX(-50%);}
.section-e1 .swiper-banner .swiper-text .h1{line-height: .5rem;margin-top:.8rem; }
.section-e1 .swiper-banner .swiper-text .text-group{margin-top: .15rem;} 
  
.section-e1 .swiper-banner .my-box .h6{margin-top: .5rem; padding: .15rem 0;line-height: .35rem;}
.section-e1 .swiper-banner .my-box .box-A1 .icon-img{width: .6rem;margin-top: .15rem;}
.section-e1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - .6rem)}
 
.section-e2{padding-top: .2rem ;}
.section-e2 .row-box .input-events input{border: 1px solid #e9ebed}
.section-e2 .row-box .input-events input:focus{border: 1px solid #F14F44;}
.section-e2 .row-box .input-angeles .iconfont{width: .4rem;line-height: .6rem;position: absolute;left: 0;}
.section-e2 .row-box .input-angeles input{padding-left: .4rem;width: 100%;border: 1px solid #e9ebed;}
.section-e2 .row-box .input-angeles input:focus{border: 1px solid #F14F44;}
.section-e2 .row-box .search-box .link-search{ width: 55%; position: relative;left: 50%;transform: translateX(-50%);}
 
.section-e3{padding-top: .5rem;}
.section-e3 .row-box{padding: .5rem 0;border-bottom: 1px solid #dadadf;}
.section-e3 .row-box .a-link .l-box{width: .8rem;}
.section-e3 .row-box .a-link .r-box{width: calc(100% - .8rem);}
.section-e3 .row-box .a-link .r-box h2{height: .5rem;}
 
.section-e4{padding-top: .5rem ;}
.section-e4 .row-box{padding: .5rem 0;border-bottom: 1px solid #dadadf;}
.section-e4 .row-box .a-link .l-box{width: .5rem;}
.section-e4 .row-box .a-link .r-box{width: calc(100% - .5rem);}
.section-e3 .row-box .a-link .r-box h2{height: .5rem;}
 
.section-e5{padding-top: .5rem ;}
.section-e5 .row-box{padding: .5rem 0;border-bottom: 1px solid #dadadf;}
.section-e5 .row-box .a-link .pic-img{width: .5rem;}

.section-e6{padding-top: .5rem;}
.section-e6 .row-box{padding: .5rem 0;}
.section-e6 .row-box .a-link .l-box{width: .5rem;}
.section-e6 .row-box .a-link .r-box{width: calc(100% - .5rem);}
  
.section-e7 .row-box{border-top: 1px solid #d6d7d9;}
.section-e7 .nav-box .a-back.active{ color:#f14f44 ; }

.section-e8{padding-top: .5rem}
.section-e8 .row-ul{padding: .5rem 0;}
.section-e8 .row-ul .h2{height: .6rem;}
 
.section-e10 .row-box-a{border-bottom: 1px solid #dadadf;}
.section-e10 .row-ul .l-box{width: calc(100% - .6rem);word-wrap: normal; }
.section-e10 .row-ul{padding-bottom:.5rem; }
.section-e10 .row-ul .r-box{width: .6rem;}

.section-e11{padding-bottom: .5rem;}
.section-e11 .icon-img{width: .6rem;height: .6rem; }
.section-e11.fixed-section{position: fixed;top:0;margin-top: 1rem;width:16.8%;z-index: 1000;}

.section-e12{padding-top:.5rem; margin-top: 1rem;}
.section-e12 .row-box{padding-bottom:.6rem; border-bottom: 1px solid #dadadf;}
.section-e12 .row-box .h4{border-bottom: 1px solid #dadadf;}

.section-e13{margin-top: 1rem;}
.section-e13 .row-box .a-back .iconfont{width: .5rem;height: .5rem;}
.section-e13 .row-box .date-place .date-box{width: .6rem;height:.6rem;border : 1px solid #dadadf;}
.section-e13 .row-box .date-place .icon-r{width: .6rem; height:.6rem;line-height: .6rem;border : 1px solid #dadadf;}
.section-e13 .row-box .h2 > .icon-img{width: .4rem; margin-top: 5px;}

.section-e14 .row-box .a-link{background: #F14F44;background: linear-gradient(90deg,rgba(241, 79, 68, 1) 0%, rgba(250, 128, 19, 1) 64%);}
.section-e14 .row-box{padding-top: .5rem ;border-top: 1px solid #dadadf;}
.section-e14 .row-table-box{padding-bottom:.5rem;}

.sw-100{width: 1.2rem;}
.sw-300{width: 3.6rem;}
.sw-200{width: 1.5rem;}
.row-table-box .table-box{width: 100%;overflow-x: auto; white-space: nowrap; border: 1px solid #e0e0e0;background: #fff;}
.row-table-box .table-box .row-table {display: inline-block; min-width: 11.7rem;white-space: nowrap;vertical-align: top;}
.row-table-box .table-box .row-table-head,
.row-table-box .table-box .row-table-body li {display: block;clear: both;overflow: hidden;border-bottom: 1px solid #f0f0f0;white-space: nowrap;}
.row-table-box .table-box .row-table-head {background: #f6f6f7;font-weight: 400;}
.row-table-box .table-box .row-table-body .s-pan{white-space: normal; word-break: break-word;  overflow-wrap: break-word;}
.row-table-box .table-box .row-table-body li:nth-child(even) {background-color: #f2f6fa;}
 
.watch-video-up{width: 8rem;height: 4.5rem;position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%, -50%);display: none;   }
.watch-video-up .icon-play{width: 1rem;height: 1rem;line-height: 1rem;position: absolute;top: 50%;left: 50%;z-index: 20;transform: translate(-50%, -50%);cursor: pointer;}
.watch-video-up .icon-play::before{content: "\e60d"; }
.watch-video-up .icon-play.playing::before {content: "\e685";opacity: 0;}
.watch-video-up:hover .icon-play.playing::before {opacity: .6;}
.watch-video-up .icon-close{ width: .6rem;height: .6rem;line-height: .6rem;background-color: rgba(0, 0, 0, 0.5); position: absolute;top: 0;right:0;z-index: 20;cursor: pointer;}
.watch-video-up .icon-close:hover{background-color:rgba(241, 79, 68, 0.9);}

/* col 375 */
@media (min-width: 375px) { 
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 3.75rem;}

	.section-e1 .swiper-banner .swiper-text{width: 3.75rem;} 
}

@media (min-width: 414px) { 
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 4.14rem;}

	.section-e10 .row-ul .l-box{width: calc(100% - 1rem);}
	.section-e10 .row-ul .r-box{width: 1rem;}
}

/* col 480 */
@media (min-width: 480px) {
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 4.8rem;}

 	.section-e1 .swiper-banner .swiper-text{width: 4.8rem;} 
	.section-e1 .swiper-banner .swiper-text .h1{line-height: .5rem;margin-top:.8rem; }
	.section-e1 .swiper-banner .swiper-text .text-group{margin-top: .5rem;} 
	.section-e1 .swiper-banner .swiper-text .s-pan{line-height: .5rem;}

	.section-e1 .swiper-banner .my-box .h6{margin-top: .2rem;line-height: .5rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .icon-img{width: 1rem;margin-top: .35rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1rem);font-size: .46rem;margin-top: .2rem; }
 
	.section-e10 .row-ul .l-box{width: calc(100% - 1.2rem);}
	.section-e10 .row-ul .r-box{width: 1.2rem;}
}

/* col-sm */
@media (min-width: 576px) { 
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 5.76rem;}

  	.section-e1 .swiper-banner .swiper-text{width: 5.76rem;} 
	.section-e1 .swiper-banner .swiper-text .h1{line-height: .5rem;margin-top:.8rem;}
	.section-e1 .swiper-banner .swiper-text .text-group{margin-top: .5rem;} 
	.section-e1 .swiper-banner .swiper-text .s-pan{ font-size: .36rem; line-height: .5rem;}

	.section-e1 .swiper-banner .my-box .h6{margin-top: .2rem;line-height: .5rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .icon-img{width: 1rem;margin-top: .35rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1.2rem);font-size: .54rem;margin-top: .2rem; }
 
	.section-e2 .row-box .search-box .link-search{ width: 2rem; position: relative;left: 50%;transform: translateX(-50%);}
}

/* col-md */
@media (min-width:768px) { 
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 7.68rem;}
 	.e-sub-banner .text-box-a .text-div{width: 5rem;}

	.section-e1 .swiper-banner .swiper-text{width: 7.68rem;} 
	.section-e1 .swiper-banner .swiper-text .h1{line-height: .5rem;margin-top:1.2rem; }
	.section-e1 .swiper-banner .swiper-text .text-group{margin-top: .5rem;} 
	.section-e1 .swiper-banner .swiper-text .s-pan{ font-size: .4rem; line-height: .7rem;}

	.section-e1 .swiper-banner .my-box .h6{text-align: left; margin-top: .2rem;line-height: .5rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .icon-img{width: 1.2rem;margin-top: .45rem;margin-left: .15rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 1.7rem);font-size: .7rem;margin-top: .2rem; }
 
	.section-e2 .row-box .a-link{ float: right; width: 100%; position: relative;left: 50%;right:0;transform: translateX( -50%);}
 
	.section-e10 .row-ul .l-box{width: calc(100% - 1.2rem);word-wrap: normal; }
	.section-e10 .row-ul .r-box{width: 1.2rem;}
}
 
/* col-lg */
@media (min-width: 992px) {
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 9.92rem;}
 
	.section-e1 .swiper-banner .swiper-text{width: 9.92rem;} 
	.section-e1 .swiper-banner .swiper-text .h1{line-height: .5rem;margin-top:1.2rem;font-size: .6rem; }
	.section-e1 .swiper-banner .swiper-text .text-group{margin-top: .5rem;} 
	.section-e1 .swiper-banner .swiper-text .s-pan{ font-size: .4rem; line-height: .7rem;}

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

	.section-e1 .watch-video{border-radius: .1rem .1rem 0 0 ; position: absolute; right: 0; bottom: 0; z-index: 50;} 

	.section-e2 .row-box .input-events{width: 40%;}
	.section-e2 .row-box .input-angeles{width: 40%;}
	.section-e2 .row-box .input-angeles .iconfont{ margin-left: .15rem; }
	.section-e2 .row-box .input-angeles input{ padding-left: .45rem; }
	.section-e2 .row-box .search-box{width: 20%;}
	.section-e2 .row-box .search-box .link-search{ width:100%; font-size: .3rem; position: relative;left: 50%;transform: translateX(-50%);}
}

/* col-xl */
@media (min-width:1200px) {
	.container{width:calc(12rem - .3rem)}
 
	.e-sub-banner .text-box,
	.e-sub-banner .text-box-a{width: 12rem;}
 
	.e-header{width:100%; height: .9rem; left: 0; top: 0; padding: 0 .5rem; overflow-y: visible; background-color:#eff1f3; }
	.e-header.on-scroll{position: fixed;margin-top:0;background-color:hsla(0, 0%, 100%, 0.98);}
	.e-header .header-body{height: .9rem;padding: 0 .1rem;}
	.e-header .header-body .l-box,
	.e-header .header-body .r-box{width: auto;}
	.e-header .header-body .l-box .a-logo{width: 3rem; margin-top: .2rem;margin-left:0;}
	.e-header .header-body .nav{width: auto;margin-top: .15rem; margin-left: 1.8rem;}
	.e-header .header-body .nav .item{width: auto;padding: 0 .2rem;}
    .e-header .header-body .lang-link{width: auto;padding: 0 .15rem; margin-top: .15rem;} 

	.e-header-a{width:100%; height: .9rem; left: 0; top: 0; padding: 0 .5rem; overflow-y: visible; background-color:rgba(134, 134, 134, 0); }
	.e-header-a.on-scroll{position: fixed;margin-top:0;background-color:rgba(30, 42, 54, 0.98) }
	.e-header-a .header-body{height: .9rem;padding: 0 .1rem;}
	.e-header-a .header-body .l-box,
	.e-header-a .header-body .r-box{width: auto;}
	.e-header-a .header-body .l-box .a-logo{width: 3rem; margin-top: .2rem;margin-left:0;}
	.e-header-a .header-body .nav{width: auto;margin-top: .15rem; margin-left: 2rem;}
	.e-header-a .header-body .nav .item{width: auto;padding: 0 .2rem;}
    .e-header-a .header-body .lang-link{width: auto;padding: 0 .15rem; margin-top: .15rem;} 

	.section-e1{margin-top: .9rem;}
	.section-e1 .container-banner{height:5rem;}
	.section-e1 .swiper-banner{height:5rem;} 
	.section-e1 .swiper-banner .swiper-text{width: 12rem;}
	.section-e1 .swiper-banner .pic-img{height:5rem;}
	.section-e1 .swiper-banner .swiper-text .h1{line-height: .8rem;margin-top: 1rem;text-align: left; font-size: .6rem; }
	.section-e1 .swiper-banner .swiper-text .s-pan{font-size: .36rem;text-align: left; font-weight: 300; line-height: .5rem;}

	.section-e1 .swiper-banner .my-box .h6{margin-top:.3rem;line-height: .5rem;}
	.section-e1 .swiper-banner .my-box .box-A1 .icon-img{width: 2rem;margin-top: .15rem; }
	.section-e1 .swiper-banner .my-box .box-A1 .box-A1-1{width: calc(100% - 3.5rem);font-size: .8rem;margin-top: .2rem; }
}
  
/* col-xxl */
@media (min-width:1400px) {
	.container{width:calc(12rem - .3rem)}

	.e-header .header-body .nav{width: auto;margin-top: .15rem; margin-left: 2.5rem;}
 
	.section-e1 .container-banner{width:calc(14rem - .3rem); height:5rem;}
	.section-e1 .swiper-banner .swiper-text{width: 14rem;}
}

@media (min-width:1500px) {
	.container{width:calc(12rem - .3rem)}

	.section-e1 .container-banner{width:calc(15rem - .3rem); height:5rem;}
	.section-e1 .swiper-banner .swiper-text{width: 15rem;}
}

@media (min-width:1920px) {
	.container{width:calc(12rem - .3rem)}

	.e-header .header-body .nav{width: auto;margin-top: .15rem; margin-left: 4.6rem}
 
	.section-e1 .container-banner{width:calc(19.2rem - .3rem); height:5rem;} 
}