/*cssReset*/
@charset "utf-8";
*{ box-sizing: border-box; margin:auto; padding:0;}
html,body{padding:0; margin:auto; -webkit-font-smoothing:antialiased; overflow:auto;}
html{font-size: 14px;}
input{outline: none}
img{max-width: 100%; max-height: 100%;outline: none; border:none;}
li{list-style: none;}
a{text-decoration: none; color: #222}
a:hover{color: #222}
body{padding-top: 100px; outline:0; border:0;  box-sizing: border-box; vertical-align: middle; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family:'Microsoft YaHei','Arial','sans-serif'; color:#222;   }

@font-face {
    font-family: "Value-Regular";
    src: url("../images/Value-Regular-Web.woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Value-Bold";
    src: url("../images/Value-Bold-Web.woff2");
    font-weight: 400;
    font-style: normal
}

/*svg icon*/
.main-icon:after{content: ''; display: inline-block; width:15px; height:15px; background:no-repeat center / contain; }
.icon-dropdown-down-red:after{background-image: url('../images/dropdown-down-red.svg')}
.icon-search-white:after{background-image: url('../images/search.svg')}
.icon-chevron-small-white:after{background-image: url('../images/chevron-small-white-dx.svg')}
.icon-video-play:after{background-image: url('../images/play-icon.png')}
.icon-arrow-left-red:after{background-image: url('../images/red-arrow-left.svg')}
.icon-scroll-down:after{background-image: url('../images/icon-down-circle.svg')}
.icon-zoom-in-grey:after{background-image: url('../images/icon-zoom-in-grey.svg')}
.icon-ric-grey:after{background-image: url('../images/icon-ric-grey.svg')}
.icon-bte-grey:after{background-image: url('../images/icon-bte-grey.svg')}
.icon-ric:after{background-image: url('../images/icon-ric.svg')}
.icon-bte:after{background-image: url('../images/icon-bte.svg')}


/*common*/
.g-container{padding:0 150px; width: 100%}
.g-wrapper{margin:auto; max-width: 1620px;}
.flex{display: flex; align-items: center;}
.col-4{flex:0 0 25%}
.col-3{flex:0 0 33.3%}
.col-2{flex:0 0 50%}
.col-auto{flex:1}

.g-btn{position: relative; display: inline-block; padding:13px 20px; font-weight: 400;text-align: center; vertical-align: middle; font-size: 1rem; line-height: 1; border:2px solid transparent; border-radius:50px; cursor: pointer; font-family: 'Value-Bold','Microsoft YaHei';}
.g-btn.btn-pad{background:#fff; color:#c5003e; line-height:1;}
.g-btn.white-btn-outline{ border-color: #fff; }
.g-btn.white-btn-outline:before, .g-btn.red-btn-fill:before, .g-btn.red-btn-outline:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px; opacity: 0;transform:scaleX(0); transform-origin:50%; transition: all 200ms; background-color:rgba(255,255,255,.2);}
.g-btn.white-btn-outline:hover:before, .g-btn.red-btn-fill:hover:before, .g-btn.red-btn-outline:hover:before{transform:scaleX(1); opacity: 1}
.g-btn.red-btn-fill{background:#c5003e; color:#fff; border:none; }
.g-btn.red-btn-outline{border-color:#c5003e; color: #c5003e}
.g-btn.red-btn-outline:before{background-color:rgba(197,0,62,.2);}

.red-btn--fill{background:#c5003e; color:#fff; line-height:1;}
.font-h1{font-size: 36px;line-height:44px; font-weight: bolder;}
.font-h2{font-size: 28px;line-height:36px;}
.font-h3{font-size: 22px;line-height:30px;}
.font-h4{font-size: 18px;line-height:26px;}
.font-h5{font-size: 16px;line-height:26px;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.offset-sm{width: 50%; margin:auto;}
.f-hot{color: #c5003e}
.hide{display: none}

/*header*/
.g-header{ position: fixed; top:0; z-index: 999; width: 100%; height: 100px;  padding:10px 0; border-bottom:2px solid #e6e7e9; background: #fff;}
.g-header .g-container{position: relative;  z-index: 9}
.g-header .g-wrapper{position: relative;  justify-content: space-between}
.g-header .logo-wrapper{width: 150px;}
.g-header .header-container{flex: 1; text-align: right}

.g-header .primary-bar{margin-bottom: 10px;}
.g-header .primary-bar .primary-item{ margin-left:40px;}
.g-header .primary-bar .primary-item .primary-icon{margin-right:10px}
.g-header .primary-bar .primary-item .call-number{font-size:18px;font-weight: bolder;color:#c5003e; font-family: 'Value-Bold','Microsoft YaHei';}
.g-header .primary-bar .primary-item.mobile{display: none;}
.g-header .primary-bar .mobile-label-menu{display: none;}
.navigation-menu-main{display: flex;align-items: center;}
.navigation-menu-main .navigation-menu-wrapper{flex:1}
.navigation-menu-main .mobile-nav-bar{display: none}
.navigation-menu-main .main-level-navigation{display: flex; justify-content: flex-end;}
.navigation-menu-main .main-level-item{margin:0; margin-left: 45px;}
.navigation-menu-main .main-level-item .main-level-label{font-size: 18px; cursor: pointer; white-space: nowrap;}
.navigation-menu-main .main-level-item .main-level-label:hover{text-decoration: underline; color:#c5003e;}
.navigation-menu-main .main-level-item .main-icon{margin-left:15px;}
.navigation-menu-main .main-level-item .icon-dropdown-down-red{display: inline-block;} 
.navigation-menu-main .main-level-item.active-item .main-level-label{color: #c5003e;}
.navigation-menu-main .main-level-item.active-item .icon-dropdown-down-red{transform:scaleY(-1); }
.navigation-menu-main .second-level-main{display: flex; position: absolute; top: 95px; left: 0; z-index: 3; width: 100%;  height:0; overflow: hidden; text-align: left}
.navigation-menu-main .second-level-main .second-level-item{margin:0; width: 25%}
.navigation-menu-main .second-level-main .second-level-label{font-weight: bolder; font-size: 18px}
.navigation-menu-main .second-level-main .third-level-menu a{display: block; margin-top: 25px; font-size: 16px;}
.navigation-menu-main .second-level-main a:hover{text-decoration: underline; color: #c5003e;}
.navigation-menu-main .second-level-icon-close{display: none; position: absolute; top: 125px; right: 0; z-index: 4;}
.navigation-menu-main .second-level-icon-close.act{display: block; cursor: pointer;}
.navigation-menu-main .second-level-icon-close.act:after , .card-section-text .make-qrcode .make-qrcode-close:after{content: ''; display: inline-block; width: 30px; height: 30px; background: url('../images/icon-close.svg') no-repeat center / cover;}
.navigation-menu-main .active-item .second-level-main{padding:40px 0; height: auto; overflow: visible;}

.navigation-menu-main .primary-marker{display: flex; padding:10px 20px; margin-left: 45px; border-radius:30px; background: #c5003e; color:#fff;  cursor: pointer;position:relative;}
.navigation-menu-main .primary-marker span{font-size: 18px;}
.navigation-menu-main .primary-marker .qrcode{display: none; position: absolute; top:80px; right:-50px; z-index: 4;  width: 200px; height:0; transition:all 200ms; overflow:hidden; }
.navigation-menu-main .primary-marker .qrcode .pic{line-height: 0; border-radius: 10px; overflow: hidden; box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.navigation-menu-main .primary-marker:hover .qrcode{display: block; padding-top: 10px;height: 220px}
.navigation-menu-main .primary-marker:hover .qrcode:before{content: ''; display: block; position: absolute; top:0px; left:85px; width: 25px; height: 12px; background:url('../images/icon-triangle.png') no-repeat center top / cover}
.navigation-menu-main .primary-icon{width:18px; height:18px; margin-right:8px;}

.navigation-background{ z-index: 7;background:#fff; transition: all 200ms;}
.navigation-background.act{position: fixed; top: 100px; left: 0; width: 100%; height: 0; }
.overlay-opened-menu.act{position: fixed; top: 108px; left: 0; bottom:0; z-index: 6; width: 100%; background:rgba(34,34,34,.4) }


/*footer*/
.footer{background: #444; color: #fff;}
.footer a{color: #fff;}
.footer .footer-heading{padding:23px 0; border-bottom:2px solid #888}
.footer .footer-heading .footer-logo{margin-left: 0; width:125px;}
.footer .footer-heading .footer-nav{margin-right: 0}
.footer .footer-heading .footer-nav a{display: flex}
.footer .footer-heading .footer-nav a:hover span{text-decoration: underline;}
.footer .footer-heading .footer-nav .main-icon{margin-left: 10px; line-height: 12px;}
.footer .footer-heading .footer-nav .main-icon:after{width: 7px}
.footer .footer-heading .footer-country-flag{margin-right: 10px;width: 18px; border:2px solid #fff; border-radius: 10px;}
.footer .footer-content{padding:40px 0;}
.footer .footer-content .g-wrapper{align-items: flex-start;}
.footer .footer-content .footer-item{width: 25%; margin:0;}
.footer .footer-content .footer-item .title{position: relative; font-weight: bolder}
.footer .footer-content .link-contain a{display: block; margin-top: 25px;}
.footer .footer-content .link-contain a:hover{text-decoration: underline;}
.footer .footer-content .rqcode{width: 180px;  margin-right: 0; text-align: center; color: #999; }
.footer .footer-content .rqcode .pic{border-radius: 10px; overflow: hidden; line-height: 0}
.footer .footer-content .rqcode span{display: block; margin-top: 10px}
.footer .footer-bottom{padding:20px 0; background: #222; color: #8a8a8a; font-size: 12px}
.footer .footer-bottom a{color: #8a8a8a;}
.footer .footer-bottom i{ margin:auto 10px; color: #444; font-style: normal;}

/*main index*/
.g-banner{position: relative; height:calc(100vh * 0.6); min-height: 400px; max-height: 600px; overflow:hidden;}
.g-banner .picture{position: relative; height: 100%; background:no-repeat center 41% / cover;}
.g-banner .picture:before{content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image:linear-gradient(to right,rgba(34,34,34,.8),rgba(34,34,34,0)) }
.g-banner .info{ display: flex; align-items: center;  position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; color: #fff;}
.g-banner .info .font-h1{margin:20px auto;}
.g-banner .info .g-btn{margin-top: 40px;}

.g-section{position: relative; margin-top: 70px;}
.g-section.grey{padding-top:60px; padding-bottom: 60px; background-color: #f7f8f8}
.g-section.min{margin-top: 20px;}
.g-section.notpad{margin-top: 0}
.g-section.fluidbg{margin-top: 90px; padding-bottom: 60px; background-image: linear-gradient(to bottom,#fff,#e6e7e9)}
.g-section.fluidbg .title-heading{margin-bottom: 40px;}
.g-section .title-heading{margin-bottom: 20px; font-size: 28px; line-height: 36px;}
.g-section .simple-text{font-size: 16px; line-height: 26px;}
.g-section .legalNote{margin-top: 60px; font-weight: bolder;}
.g-section.gridding-bg{padding:70px 0; background:url('../images/waves-xl.svg') no-repeat center / auto 100%;}

.card-section .g-container, .card-section .g-wrapper{height: 100%}
.card-section .item{position: relative; height:calc(100vh * 0.7); min-height: 500px; max-height: 700px; padding:0 10px;}
.card-section .picture{position: relative; height: 100%; background:no-repeat center / cover;}
.card-section .info{ position: absolute; top: 0; left: 10px; right: 10px; z-index: 4; padding:40px; height: 100%; color: #fff;}
.card-section .info:before{content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 50%; background-image:linear-gradient(to bottom,rgba(34,34,34,.8),rgba(34,34,34,0))}
.card-section .info .font-h5{margin-top: 10px;}
.card-section .info .g-btn{margin-top: 20px;color: #fff;}

.card-section-text{text-align: center;}
.card-section-text .title-heading{margin-bottom: 60px}
.card-section-text .item{padding:0 20px; }
.card-section-text .item .wrap{padding:40px; margin:auto; border-radius:5px; background: #fff;}
.card-section-text .item .big-white{display: none}
.card-section-text .item:hover .wrap{background: #c5003e; color: #fff}
.card-section-text .item:hover .big-red{display: none}
.card-section-text .item:hover .big-white{display: block;}
.card-section-text .item:hover .g-btn{border-color: #fff; color: #fff;}
.card-section-text .picture .pic{height: 50px}
.card-section-text .info .font-h2{margin-top: 30px;}
.card-section-text .info .g-btn{margin-top: 40px;}
.card-section-text .make-qrcode{display: none; position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.card-section-text .make-qrcode.act{display: flex; align-items: center; }
.card-section-text .make-qrcode .rqcode{width: 100%}
.card-section-text .make-qrcode .rqcode .pic{max-width: 30%; border-radius: 10px; overflow: hidden; line-height: 0}
.card-section-text .make-qrcode .rqcode span{display: block; margin-top: 10px; color: #fff; }
.card-section-text .make-qrcode .make-qrcode-close{margin-top: 20px; cursor: pointer;}

.card-section-text.grey-card{padding-bottom: 70px;}
.card-section-text.grey-card .item .wrap{background: #f7f8f8;}
.card-section-text.grey-card .item:hover .wrap{background: #c5003e; color: #fff}

.search-contain .font-h2{margin-right: 10px;}
.g-search{position: relative; margin-left: 10px; width: 100%; max-width: 510px; height: 50px;line-height: 50px; border:2px solid #e6e7e9; border-radius: 50px; background: #fff;}
.g-search .ipt{padding:0 20px; width: 100%; height: 100%; line-height: 49px; line-height: 20px\0; border:none; background: none; font-size: 18px;}
.g-search .ipt::placeholder{color: #999}
.g-search .g-btn{position: absolute; top: 8px; right: 10px; z-index: 2; padding:6px 26px; border:none; border-radius: 15px; cursor: pointer; }

.g-video .video-text{display: flex;align-items: center;  position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; color: #fff; text-align: center;}
.g-video .video-text:before{content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;background-image:linear-gradient(to bottom,rgba(34,34,34,.05),rgba(34,34,34,.8))}
.g-video .video-text .main-icon{display: block; margin:auto; margin-bottom: 60px; cursor: pointer;}
.g-video .video-text .main-icon:after{ width: 70px; height: 70px;}
.g-video.playing .video-text{display: none;}

.g-absolute-card .picture{height:calc(100vh * 0.9); min-height: 600px; max-height: 900px; overflow: hidden; background:no-repeat center 41% / cover;}
.g-absolute-card .info{display: flex; align-items: center; position: absolute; top:100px; bottom: 100px; left:0;  z-index: 4; width:100%; }
.g-absolute-card .info .g-container , .g-absolute-card .info .g-wrapper{height: 100%}
.g-absolute-card .info .wrap{display: flex; align-items: center; margin-right: 0; max-width: 700px; height: 100%; background: #fff;}
.g-absolute-card .info .wrap.col-left{margin-right:auto; margin-left: 0}
.g-absolute-card .wrap .text-child{width: 70%;  }
.g-absolute-card .wrap .font-h5{margin-top: 30px;}
.g-absolute-card .wrap .g-btn{margin-top: 40px; padding-left:60px; padding-right: 60px;}

.g-video .video{width: 100%}

/*about*/
.g-breadcrumb{background: #e6e7e9}
.g-breadcrumb .breadcrumb{display: flex; justify-content: flex-start; padding:10px 0;}
.g-breadcrumb .breadcrumb .breadcrumb-item{margin:0; margin-right: 10px; font-size: 12px; color: #888;}
.g-breadcrumb .breadcrumb .breadcrumb-item a{color: #888}
.g-breadcrumb .breadcrumb .breadcrumb-item a:after{content: ''; display: inline-block; margin-left:10px; width: 8px; height: 8px; background: url('../images/breadcrumb-arrow.svg') no-repeat center / contain}
.g-breadcrumb.absolute{position: absolute; top: 100px; left: 0; z-index: 6; width: 100%; background: none; }
.g-breadcrumb.absolute .breadcrumb .breadcrumb-item , .g-breadcrumb.absolute .breadcrumb .breadcrumb-item a{color: #fff;}
.g-breadcrumb.grey-text .breadcrumb .breadcrumb-item, .g-breadcrumb.grey-text .breadcrumb .breadcrumb-item a{color: #888;}

.s-banner{position: relative; height:380px; }
.s-banner .picture{position: relative; height: 100%;  overflow:hidden; background:no-repeat center / cover;}
.s-banner .picture:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(34,34,34,.4) }
.s-banner .info{ display: flex; align-items: center;  position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; color: #fff; text-align: center;}
.s-banner .info .font-h1{margin:20px auto;}
.s-banner .info .g-btn{margin-top: 40px;}
.s-banner .info .g-search{margin:auto; margin-top: 40px;}
.s-banner .info .g-search .g-btn{margin-top: auto;}
.s-banner .scroll-down-link{position: absolute; bottom: -18px; left: 0; z-index: 6; width: 100%; line-height: 0; text-align: center;}
.s-banner .scroll-down-link .main-icon{display: block; width: 36px; height: 36px; line-height: 38px; border-radius: 18px; border:solid 2px #c5003e; overflow: hidden;  background-color: #fff; cursor: pointer;}
.s-banner .scroll-down-link .main-icon:after{width: 18px; height: 18px;}
.s-banner .icon-container{position: absolute; bottom: -50px; left: 0; z-index: 6; width: 100%; line-height: 0; text-align: center;}
.s-banner .icon-container .picture{width: 100px;height: 100px; border:4px solid #fff; border-radius: 50px;}
.s-banner.laybase .picture{background-position: 57% 75%}
.s-banner.max{height:calc(100vh * 0.75); min-height: 250px; max-height: 640px;}
.s-banner.max .picture:before{display: none}

.list-container{padding-top:40px; padding-left: 30px;}
.list-container li{position: relative; line-height: 32px; font-size: 16px}
.list-container li:before{content: ''; position: absolute; top:14px; left:-30px; width: 7px; height:7px; border-radius: 4px; background: #c5003e;}
.list-container li a{color: #c5003e;}
.list-container.li-martop li{margin-bottom: 30px}

/*our-history*/
.richtext-container .title-heading{text-align: center;}
.richtext-container .info{ align-items: flex-start;}
.richtext-container .info .item{margin:0; padding:0 15px;}
.richtext-container .info .item:first-child{padding-left: 0px;padding-right: 30px;}
.richtext-container .info .item:last-child{padding-right: 0px;padding-left : 30px;}
.richtext-container .info .item p{margin-top:20px; font-size: 16px; line-height: 26px}
.richtext-container .info .item .figure{margin-bottom: 20px}

.grid-picture-text .item{margin-top: 40px;}
.grid-picture-text .item:first-child{margin-top: 0}
.grid-picture-text .figure{margin-right: 30px;}
.grid-picture-text .figure img{width: 100%}
.grid-picture-text .info{margin-left: 30px;}
.grid-picture-text .info .font-h2{margin-bottom: 30px}

.g-accordion{margin-top:50px; border-top:2px solid #e6e7e9;}
.g-accordion .item{border-bottom:2px solid #e6e7e9;}
.g-accordion .accordion-head .main-icon{position: absolute; top:20px; right: 10px; z-index: 2;}
.g-accordion .accordion-head{position: relative; padding:20px 0;  font-size: 18px; line-height: 26px; cursor: pointer;}
.g-accordion .accordion-content{height: 0; overflow: hidden; transition:all 200ms;}
.g-accordion .accordion-content .info{padding-bottom:40px; font-size: 16px; line-height: 26px}
.g-accordion .active .accordion-head .main-icon{transform: scaleY(-1);}

/*ampli-connect*/
.tab-wrapper{ text-align: center;}
.tab-wrapper .item{position: relative; z-index: 4; display: inline-block; position: relative; padding:25px 40px; cursor: pointer;}
.tab-wrapper .item:after{content: ''; position: absolute; right: 0; top:25px; width: 2px; height: 60px; background:#e6e7e9}
.tab-wrapper .item:last-child:after{display: none;}
.tab-wrapper .item .picture{margin-bottom: 10px; }
.tab-wrapper .item .picture .main-icon:after{width: 40px; height: 65px;}
.tab-wrapper .item .title{font-size: 16px; color: #888}
.tab-wrapper .item:hover .title{text-decoration: underline;}
.tab-wrapper .item.active .title{color: #222}
.tab-wrapper .item.active .title:after{content: ''; display: block; position: absolute; left: calc(50% - 50px); bottom: -21px; width: 102px; height: 22px; background:url('../images/icon-wave-tab-white.svg') no-repeat center / contain; }

.slick-slider-wrapper{position: relative;  overflow: hidden; border-radius: 5px; background: #444; color: #fff;}
.slider-wrapper .sbtn{position: absolute; top:calc(50% - 20px) ; z-index: 4; width: 20px; height: 40px; background: url('../images/chevron-arrow-dx-op.svg') no-repeat center / contain; cursor: pointer;}
.slider-wrapper .sbtn.prev{left:30px; transform: rotate(180deg)}
.slider-wrapper .sbtn.next{right:30px; }
.slider-wrapper .zoom-container{display: flex; align-items: center; position: absolute; top: 50px; left: 60px; z-index: 2;  cursor: pointer;}
.slider-wrapper .zoom-container .main-icon:after{width: 45px; height: 45px; transition: all 200ms} 
.slider-wrapper .zoom-container span{margin-left: 10px; font-size: 16px; color: #888; }
.slider-wrapper .zoom-container.zooming .main-icon:after{transform:rotate(-45deg)}

.slick-list{display: flex;}
.slick-list .item{flex-shrink: 0; height:500px }
.slick-list .slick-info{position: relative; display: flex; align-items: center; height: 100%; padding:50px 90px 0; overflow: hidden;}
.slick-list .slick-info .picture{flex:1; height: 100%; }
.slick-list .slick-info .picture .picbg{height: 100%; width: 90%; transition: all 600ms; transform-origin:center 35%; background:no-repeat center / contain;}
.slick-list .slick-info .info{position: relative; z-index: 4; flex:1;padding-left: 50px;}
.slick-list .slick-info .info .font-h1{margin:20px 0}
.slick-list .slick-info.zooming:after{content: ''; display: block; position: absolute; top:0; right: 0; width: 50%; height: 100%; background: rgba(0,0,0,.3)}
.slick-list .slick-info.zooming .picture .picbg{transform: scale(4);}
.slick-list .slick-info .mobile-info{display: none;}

.feature-container{position: relative; display: flex; margin-top: 60px; text-align: left; background: #f7f8f8}
.feature-container .wrap{height: 500px; width:100% }
.feature-container .list{position: relative; padding:60px 40px 60px 50px; width: 282px; height: 100%}
.feature-container .list:after{content: ''; display: block; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: #e6e7e9}
.feature-container .list li{position: relative; margin-bottom: 50px; font-size: 16px; cursor: pointer;}
.feature-container .list li:hover{color: #c5003e; text-decoration: underline;}
.feature-container .list li:after{content: ''; display: block; position: absolute; top: 6px; right: 0; width: 8px; height: 8px; transform: rotate(-90deg); background: url('../images/dropdown-down-red.svg') no-repeat center / contain;}
.feature-container .list .active{color: #c5003e}
.feature-container .list .active:before{content: ''; display: block; position: absolute; top:10px; left: -50px; z-index: 1; width: 30px; height: 2px; background:#c5003e }
.feature-container .accordion{padding:60px 30px 20px 40px;height: 100% ;flex:1 }
.feature-container .accordion .item{display: none; padding-right: 440px;}
.feature-container .accordion .font-h2{margin:20px 0}
.feature-container .accordion .figure{position: absolute; top: 0; right: 0; z-index: 2; width: 340px; height: 100%; background: no-repeat center / cover;}
.feature-container .accordion .item.active{display: block;}

/*ampli-clinics*/
.g-red-bar{padding:30px 0; text-align: center; background: #c5003e}
.g-red-bar .info{font-size: 30px; font-weight: bolder; color: #fff;}

.g-city-list{font-size: 16px; line-height: 36px;}
.g-city-list li{display:inline; cursor: pointer; word-break:keep-all}
.g-city-list li:after{content: '、'; }
.g-city-list li:last-child:after{display: none;}
.g-city-list li:hover span{text-decoration: underline; color:#c5003e}

.g-clinics-list{margin-top: 30px;}
.g-clinics-list .item{position: relative; margin-top: 15px; padding:30px 70px; border-radius: 5px; background: #f7f8f8}
.g-clinics-list .item:before{content: ''; display: block; position: absolute; left: 20px; top:calc(50% - 20px); width: 32px; height: 40px; background: url('../images/map-pin-store.svg') no-repeat center / contain;}
.g-clinics-list .item:after{content: ''; display: block; position: absolute; right: 20px; top:calc(50% - 5px); width: 15px; height: 10px; transform: rotate(-90deg); background: url('../images/dropdown-down-red.svg') no-repeat center / contain;}
.g-clinics-list .item .title{font-size: 16px;}
.g-clinics-list .item .address{margin-top: 10px; font-size: 14px; color: #888}
.g-clinics-list .item:hover:before{background-image:url('../images/map-pin-store-selected.svg') }

.g-loading{padding:30px; height: 200px; background:url('../images/loading-white-bg.gif') no-repeat center / contain;}
.g-empty{padding:30px; height: 200px; text-align: center; color: #888}

/*clinics*/
.g-clinics-base{padding:50px 0; background: #e6e7e9;}
.g-clinics-base .flex{margin-top: 30px; align-items: initial;}
.g-clinics-base .info-wrap{margin:0; padding-right: 10px; font-size: 16px; line-height: 30px;}
.g-clinics-base .info-wrap .wrap{height: 100%; background: #fff; border-radius: 5px; overflow: hidden;}
.g-clinics-base .info-wrap .base{position: relative; padding:25px; background: #f7f8f8 no-repeat center top / auto 90%;}
.g-clinics-base .info-wrap .base .link{position: absolute; top: 25px; right: 20px;}
.g-clinics-base .info-wrap .base .link a{display: block; color: #c5003e}
.g-clinics-base .info-wrap .base .link a:hover{text-decoration: underline;}
.g-clinics-base .info-wrap .base .address{margin-bottom: 50px;}
.g-clinics-base .info-wrap .info{padding:25px;}
.g-clinics-base .info-wrap .tips{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e6e7e9}
.g-clinics-base .info-wrap .font-h3{margin-bottom: 25px;}

.g-clinics-base .info-wrap .tel-info{margin-top: 25px;}
.g-clinics-base .info-wrap .tel-info .text:before{content: ''; display: inline-block; vertical-align: revert; margin-right: 10px; width: 20px; height: 20px; background: url('../images/icon-phone.svg') no-repeat center / contain;}
.g-clinics-base .info-wrap .tel-info a{font-family:'Value-Bold','Microsoft YaHei'; color:#c5003e; font-weight: bolder;}

.g-clinics-base .picture-wrap{margin:0;  padding-left: 10px;}
.g-clinics-base .picture{ border-radius: 5px; height: 100%; line-height: 0; overflow: hidden;}
.g-clinics-base .picture .pic{position: relative; left: 50%;  height: 100%; max-width: 200%; transform: translateX(-50%);}

.g-g-anchor{text-align: center;}
.g-anchor .flex{justify-content: center;}
.g-anchor .item{margin:0 8px; cursor: pointer; font-size: 16px;}
.g-anchor .item:after{content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 28px; height: 28px; background: url('../images/icon-down-circle.svg') no-repeat center / contain;}
.g-anchor .item:hover a{color: #c5003e; text-decoration: underline;}

.g-course-path .title-heading{margin-bottom: 40px;}
.g-course-path .flex{align-items: flex-start; height: 400px;}
.g-course-path .info-wrap{padding-right: 30px; margin:0; height: 100%;}
.g-course-path .info{ padding:45px; background: #f7f8f8;border-radius: 5px; overflow: hidden; height: 100%;}
.g-course-path .info .item{margin-bottom: 60px;}
.g-course-path .info .item:last-child{margin:0}
.g-course-path .info .font-h4{margin-bottom: 15px;}
.g-course-path .info .font-h4:before{content:''; display: inline-block; vertical-align: middle; margin-right: 10px; width: 24px; height: 24px; background: url('../images/car-black-reskin-sideways.svg') no-repeat center / contain;}
.g-course-path .info .item.bus .font-h4:before{background-image: url('../images/bus-black-reskin.svg')}
.g-course-path .clinics-map-wrap{padding-left: 30px;margin:0; height: 100%;}
.g-course-path .clinics-map{height: 100%; border-radius: 5px; overflow: hidden;}
.g-course-path .clinics-map .g-loading{display: none}

.g-process-list .title-heading{margin-bottom: 50px;}
.g-process-list .flex{align-items: flex-start;}
.g-process-list .item{padding:0 5px; margin:0; text-align:center; }
.g-process-list .item:first-child{padding-left: 0; padding-right: 10px;}
.g-process-list .item:last-child{padding-left: 10px; padding-right: 0;}
.g-process-list .item .picture{line-height: 0}
.g-process-list .item .num{position: relative; z-index: 2; margin-top: -35px; width: 70px; height: 70px; line-height: 70px; border-radius:35px ; background: #c5003e; color: #fff; font-size: 34px; font-family:'Value-Bold','Microsoft YaHei'}
.g-process-list .item .font-h3{margin-top: 20px; color: #888}

.g-store-teaser .font-h3{margin:50px auto;}

.idxswiper{overflow:hidden;}
.idxswiper .idxswiper_cen_list{display:flex;}
.idxswiper_cen_list_item{position:relative;height:600px;}
.idxswiper_cen_list_item img{width:100%; object-fit:cover;}
.idxswiper_cen_list_item_cen{position:absolute;width:auto;height:auto;left:150px;top:40%;transform:translateY(-50%);color:#fff;}
.idxswiper_cen_list_item_cen_title{font-size:24px;line-height:26px;}
.idxswiper_cen_list_item_cen_title1{margin:20px 0;font-size: 33px;line-height:44px;font-weight: bolder;}
.idxswiper_cen_list_item_cen_title1>span{display:block;font-size:24px;line-height:26px;margin-top: 20px;}
.idxswiper_cen_list_item_cen_btn{
    margin-top: 20px;
    background: #fff;
    color:#c5003e;
    position: relative;
    display: inline-block;
    padding: 13px 20px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1;
    border: 2px solid transparent;
    border-radius: 50px;
    cursor: pointer;
    font-family: 'Value-Bold', 'Microsoft YaHei';
}
.standardcen{
	
	
}
.standardcen_cen{
    width: 100%;
    padding: 80px 0;
}
.standardcen_cen.act{
    background-color: #f7f8f8;
    
}
.standardcen_i{
    margin: 0 auto;
    width: 40vw;
}
.standardcen_i:first-child{
	/*margin-top: 100px;*/
}
.standardcen_i_btn{
	width: 140px;
	height: 43px;
	background-color: #c5003e;
	border-radius: 22px;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
.standardcen_i_btn:hover{
	color: #ffffff;
}
.standardcen_i_tit{
	font-size: 28px;
	color: #222222;
	text-align: center;
}
.standardcen_i_text{
	
}
.standardcen_i_text_i{
	margin-top: 50px;
}
.standardcen_i_text_i.one{
    margin-top: 20px;
}
.standardcen_i_text_i_i{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #222222;
}
.standardcen_i_text_i_i_text{
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #c5003e;
}
.standardt{
    position: absolute;
    right: 0;
    top: 135px;
}
.standardcen_b{
    margin-top: 90px;
}
.standardcen_b .g-btn.btn-pad{
    background-color: #c5003e;
    color: #ffffff;
}
/*关于*/
.about_list{
    /*position: absolute;*/
    /*z-index: 10;*/
    /*top: -50px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    margin: 0 auto;
    width: 70vw;
    display: flex;
    justify-content: center;
    font-size: 0;
    background-color: #FFF;
    position: relative;
    margin-bottom: 40px;
    z-index: 10;
}
.about_list_i{
    display: block;
    height: 90px;
    width: auto;
    object-fit: cover;
    padding: 40px 40px;
    padding-top: 0;
    box-sizing: content-box;
    background-color: #FFF;
    position: relative;
    /*border-right: 1px solid black;*/
}
.about_list_bd{
    width: 1px;
    height: 90px;
    font-size: 10px;
    color: #fff;
    margin-top: 0;
    background-color: rgba(0,0,0,0.2);
}

/*@media*/
@media screen and (max-width: 1680px) {
    .g-wrapper{max-width:1420px}
}

@media screen and (max-width: 1440px) {
    .g-wrapper{max-width:1420px}
}

@media screen and (max-width: 1366px) {
    .g-container{padding:0 40px}
    .idxswiper_cen_list_item_cen{left:40px;}
}

@media screen and (max-width: 1280px) {
    html{font-size: 12px}
    .font-h1{font-size: 28px}
    .font-h2{font-size: 22px}
    .font-h3{font-size: 18px}
    .font-h4{font-size: 16px}
    .font-h5{font-size: 14px}
    .g-red-bar .info{font-size: 22px}
    .g-section .title-heading{font-size: 22px}
    .g-section .simple-text{font-size: 14px}
    .g-clinics-base .info-wrap{font-size: 14px}
    
    .g-clinics-base .info-wrap .base .address{margin-bottom: 40px}
}