.g-wrap{ position: relative; width: 7.5rem; margin: 0 auto; font-size: 0.24rem; overflow-x: hidden;}

body{ padding-top: 1.3rem;}

.f-b-f2{ background-color: #F2F2F2;}

/* header */
.m-header{ position: fixed; left: 0; top: 0; right: 0; height: 1.3rem; border-bottom: 0.04rem solid #D80C18; z-index: 3; background: #fff; z-index: 3; box-sizing: border-box; z-index:111111;}
.m-header .logo{ width: 2.54rem; height: 100%; padding: 0 0.34rem;}
.m-header .ico-menu{ position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.57rem; height: 0.45rem; background: url('../images/ico-menu.png') no-repeat 0 0/100%;}
.m-header .ico-close{ background-image: url('../images/ico-close.png');}
.m-header .ico-search{ position: absolute; right: 1.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.41rem; height: 0.49rem; background: url('../images/ico-search.png') no-repeat 0 0/100%;}
.m-menu{ position: absolute; left: 0; top: 1.3rem; width: 100%; background: #fff; text-align: left;}
.m-menu .item{ border-bottom: 1px solid #C3C3C3; position: relative; background: #fff;}
.m-menu .item > a{ display: block; height: 0.95rem; line-height: 0.95rem; padding: 0 0.82rem; font-size: 0.36rem;}
.m-menu .sub{ display: none; background: #ECECEC; font-size: 0.3rem; color: #2B2B2B;}
.m-menu .sub > a{ display: block; height: 0.66rem; line-height: 0.66rem; padding: 0 0.82rem; border-top: 1px solid #BCBCBC;}
.m-menu a:active{ background: #F2F2F2;}
.m-menu .bg{ background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; right: 0; bottom: 0; top: 1.34rem;}

/* banenr */
.m-banner{ position: relative; height: auto;}
.m-banner .swiper-slide img{ width:100%; display:block; position:static;}
.m-banner .swiper-slide video{ width:100%; display:block; position:static;}
.m-banner .swiper-pagination{ bottom: 0.22rem;}
.m-banner .swiper-pagination .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.12rem; background: #fff; opacity: 1;}
.m-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #D80C18;}


.u-tit{ height: 1.1rem; padding: 0.4rem 0 0; box-sizing: border-box; font-size: 0.36rem;}

.m-banner2{ position: relative; height: 4.13rem;}
.m-banner2 .swiper-slide img{ width: 100%; height: 4.13rem;}
.m-banner2 .swiper-slide p{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; height: 0.66rem; line-height: 0.66rem;}
.m-banner2 .btn-left,
.m-banner2 .btn-right{ position: absolute; left: 0.2rem; top: 0; bottom: 0; margin: auto; width: 0.6rem; height: 1.32rem; background: rgba(0, 0, 0, 0.6) url('../images/btn-arr.png') no-repeat 50%/0.21rem; z-index: 2; outline: none;}
.m-banner2 .btn-left{ transform: rotate(180deg);}
.m-banner2 .btn-right{ left: auto; right: 0.2rem;}

/* 涓変釜鍥炬爣 */
.m-tab{ padding: 0.32rem 0; border-bottom: 1px solid #C7C7C7;}
.m-tab a{ flex: 1; font-size: 0.24rem; color: #FD6771;}
.m-tab .ico{ display: block; width: 0.5rem; height: 0.5rem; margin: 0 auto 0.2rem;}
.m-tab .ico1{ background: url('../images/home/ico1-on.png') no-repeat 0 0/100%;}
.m-tab .ico2{ background: url('../images/home/ico2-on.png') no-repeat 0 0/100%;}
.m-tab .ico3{ background: url('../images/home/ico3-on.png') no-repeat 0 0/100%;}
.m-tab .item1:hover .ico{ background-image: url('../images/home/ico1-on.png');}
.m-tab .item2:hover .ico{ background-image: url('../images/home/ico2-on.png');}
.m-tab .item3:hover .ico{ background-image: url('../images/home/ico3-on.png');}
.m-tab a:hover{ color: #FD6771;}

.m-touzi .item{ position: relative; width: 3.4rem; height: 3.4rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.m-touzi .item img{ height: 100%;}
.m-touzi .item p{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); font-size: 0.3rem; color: #fff;}
.m-touzi .item .arr{ display: inline-block; width: 0.25rem; height: 0.3rem; background: url('../images/ico-arr.png') no-repeat 0 0/100%; margin-left: 0.15rem;}

.m-touZiCy{ padding: 0 0.36rem 0.6rem; background: #eee; color: #6D6D6D; font-size: 0.16rem; text-align: left;}
.m-touZiCy .intro{ line-height: 0.3rem; padding: 0.3rem 0;}
.m-touZiCy .tit{ border-bottom: 1px solid #D60C19; padding-bottom: 0.12rem; font-weight: bold;}

.m-touZiCy .list{ overflow: hidden; padding-left: 0.28rem;}
.m-touZiCy .list .item{ float: left; margin: 0.2rem 0 0 0.2rem; width: 2.8rem; height: 4.6rem; background: #fff; padding: 2px; box-sizing: border-box; color: #6D6D6D; overflow: hidden; transition: background-color 0.3s;}
.m-touZiCy .list .item:hover{ background: #FB6874; color: #fff;}
.m-touZiCy .list .logo{ height: 1.6rem; background: #fff; overflow: hidden;}
.m-touZiCy .list .logo img{ max-height: 100%; max-width: 100%;}
.m-touZiCy .list .name{ font-weight: bold; font-size: 0.14rem; padding: 0.15rem 0 0.18rem; text-align: center;}
.m-touZiCy .list .intro{ line-height: 0.3rem; font-size: 0.16rem; padding: 0 0.18rem;}




.m-news{ background: #F2F2F2; padding: 0 0.35rem 0.6rem;}
.m-news .cover { height: 4.38rem; display: flex; background: #fff; text-align: left; margin-bottom: 0.3rem; overflow: hidden;}
.m-news .cover img{ width: 3.78rem;}
.m-news .cover > div{ flex: 1;}
.m-news .cover h4{ font-size: 0.26rem; line-height: 0.4rem; margin: 0.4rem 0.28rem;}
.m-news .cover p{ color: #878787; line-height: 1.5; padding: 0 0.28rem; display:-webkit-box; -webkit-line-clamp: 6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.m-news .u-list{ padding: 0.16rem 0; border-top: 1px solid #D9D9D9; text-align: left;}
.u-list .item{ position: relative; display: block; padding-left: 0.26rem; height: 0.56rem; line-height: 0.56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.u-list .item::before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 0; margin: auto; border-left: 0.12rem solid #D80C18; border-top: 0.12rem solid transparent; border-bottom: 0.12rem solid transparent;}
.u-more{ display: block; height: 0.8rem; line-height: 0.8rem; border: 1px solid #F56F78; color: #FD6771; background: #fff;}

.m-footer{ background: #1C1C1C; color: #A1A1A1; text-align: left; font-size: 0.22rem;}
.m-footer .info{ position: relative; padding: 0.2rem 0.3rem; line-height: 1.5;}
.m-footer .info .ewm{ position: absolute; right: 0.3rem; top: 0.4rem; width: 1.2rem;}
.m-footer .cprt{ font-size: 0.15rem; height: 0.6rem; padding: 0 0.3rem; background: #2C2C2C;}
.m-footer .cprt p{ white-space: nowrap;}

/* 鍐呴〉 */
.m-mbx{ height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; text-align: left; color: #777777; border-bottom: 1px solid #BCBCBC; font-size: 0.2rem;}

.f-pd{ padding: 0 0.34rem;}
.u-tit2{ padding: 0.6rem 0 0.3rem; text-align: left; font-weight: bold; border-bottom: 1px solid #BCBCBC; font-size: 0.3rem;}

.m-news2 .list{ padding-bottom: 0.28rem; color: #777;}
.m-news2 .list .item{ padding-top: 0.28rem; text-align: left;}
.m-news2 .list a{ display: block; position: relative; height: 1.5rem; padding-left: 3.2rem;}
.m-news2 .list .pic{ position: absolute; left: 0; top: 0; width: 3rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden;} 
.m-news2 .list .pic img{ height: 100%;}
.m-news2 .list h4{ padding: 0 0 0.2rem; font-size: 0.26rem; line-height: 0.3rem; font-weight: bold; color: #474545; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-news2 .list p{ line-height: 1.5;}
.m-news2 .list .time{ padding-bottom: 0.1rem;}

.m-news3{ padding-bottom: 0.6rem;}
.m-news3 .list{ text-align: left; padding: 0.28rem 0 0;}
.m-news3 .list .item{ position: relative; width: 3.24rem; height: 1.54rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.m-news3 .list img{ width: 100%; }
.m-news3 .list .mask{ position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); padding: 0.1rem 0.2rem;}
.m-news3 .list p{ font-size: 0.2rem; width: 100%; color: #fff; line-height: 1.4;}
.m-news3 .u-list{ padding: 0.16rem 0 0.2rem; text-align: left;}

.m-banner3{ position: relative; width: 5.7rem; margin: 0.56rem auto 0.2rem; }
.m-banner3 .swiper-container { height: 3.1rem;}
.m-banner3 .swiper-slide img{ width: 5.43rem; height: 2.58rem; box-shadow: 0 0 6px #C9C9C9;}
.m-banner3 .swiper-slide p{ position: absolute; left: 0.45rem; right: 0.45rem; bottom: 0.1rem; background-color: rgba(255, 255, 255, 0.9); height: 1.26rem; line-height: 0.4rem; display: flex; align-items: center; text-align: left; box-shadow: 0 0 6px #C9C9C9; padding: 0 0.3rem;}
.m-banner3 .btn-left,
.m-banner3 .btn-right{ position: absolute; top: 0; bottom: 0; margin: auto; width: 0.6rem; height: 0.6rem; background: #BCBCBC url('../images/btn-arr.png') no-repeat 50%/0.18rem; z-index: 2; outline: none; border-radius: 50%;}
.m-banner3 .btn-left{ left: -0.6rem; transform: rotate(180deg);}
.m-banner3 .btn-right{ right: -0.6rem;}

.u-tit3{ position: relative; font-size: 0.3rem; font-weight: bold; padding: 0.5rem 0 0.3rem; border-bottom: 1px solid #D60C19; text-align: left; margin-bottom: 0.3rem;}
.u-tit3 .btn{ position: absolute; right: 0; bottom: 0.3rem; color: #D60C19;}
.m-join{ text-align: left; padding: 0 0.34rem;}
.m-join .p{ color: #666; text-indent: 2em; line-height: 1.5;}

.m-jobList { padding: 0.5rem 0 ;}
.m-jobList .item{ position: relative; height: 1.2rem; display: flex; align-items: center; background: #F6F6F6; box-shadow: 0px 0.03rem 0.08rem 0px rgba(86, 86, 86, 0.26); border-bottom: 0.04rem solid #48ABFF; padding-left: 1.2rem; margin-bottom: 0.4rem;}
.m-jobList .item:nth-child(2n){ border-bottom-color: #00C569;}
.m-jobList .item:nth-child(3n){ border-bottom-color: #FF7D36;}
.m-jobList .item img{ position: absolute; left: 0.3rem; top: 0; bottom: 0; height: 0.6rem; margin: auto;}
.m-jobList .item b{ font-size: 0.36rem; font-weight: bold;}
.m-jobList .item span{ position: absolute; right: 0.3rem; font-size: 0.3rem; color: #006CFF;}
.m-jobList .item:hover{ background: #f1f1f1;}

.m-join2{ background: #EEEEEE;}
.m-join3{ margin-bottom: 0.5rem;}

.m-richText{ padding: 0.3rem;}
.m-richText *{ font-size: initial; font-weight: initial; line-height: initial; text-align: initial;}
.m-richText img,
.m-richText video{ max-width: 100%;}
.m-richText2{ padding: 0;}


.m-video{ background: #EEEEEE;}
.m-video p{ padding: 0.4rem 0 0.2rem; color: #939393;}

.m-popVideo .cont{ width: 100%; height: 5.6rem; background: #000;}
.m-popVideo .cont video{ width: 100%; height: 100%;}
.m-popVideo .cont .close{ position: absolute; bottom: -1rem; left: 0; right: 0; margin: auto; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; color: #fff; font-size: 0.4rem; font-family: '瀹嬩綋'; cursor: pointer; border-radius: 50%; border: 1px solid #fff;}


.m-touzi2 { margin: 0.6rem 0 0.6rem;}
.m-touzi2 .swiper-slide,
.m-touzi2 .swiper-wrapper{ position: relative; height: 7.04rem;}
.m-touzi2 .swiper-pagination{ bottom: 0;}
.m-touzi2 .swiper-pagination .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.12rem; background: #B1B1B1; opacity: 1;}
.m-touzi2 .swiper-pagination .swiper-pagination-bullet-active{ background: #D80C18;}
.m-touzi2 .cover{ position: relative; display: block; margin-bottom: 0.6rem; color: #fff; text-align: left;}
.m-touzi2 .mask{ position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); padding: 0.1rem 0.3rem 0.18rem;}
.m-touzi2 h4{ font-size: 0.24rem; line-height: 0.48rem;}
.m-touzi2 p{ font-size: 0.18rem; line-height: 0.24rem;}

.m-newsList .list{ padding: 0.2rem 0 0.4rem; color: #777;}
.m-newsList .list .item{ padding-top: 0.28rem; text-align: left;}
.m-newsList .list a{ display: block; position: relative; height: 1.5rem; padding-left: 3.2rem;}
.m-newsList .list .pic{ position: absolute; left: 0; top: 0; width: 3rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden;} 
.m-newsList .list .pic img{ height: 100%;}
.m-newsList .list h4{ padding: 0 0 0.2rem; font-size: 0.26rem; line-height: 0.3rem; font-weight: bold; color: #474545; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-newsList .list p{ line-height: 1.5;}
.m-newsList .list .time{ padding-bottom: 0.1rem;}

.m-paging{ text-align: center; margin-bottom: 0.6rem; display: flex; justify-content: center;}
.m-paging a,
.m-paging span{ display: inline-block; padding: 0 0.24rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; margin: 0 0.05rem; background: #E7E7E7; border-radius: 0.05rem;}
.m-paging .on,.m-paging .current{ background: #D80C18; color: #fff;}


.u-srch{ position: relative; margin: 0.4rem 0.8rem; height: 0.76rem; border: 1px solid #CFCFCF; border-radius: 0.1rem; padding: 0 0.8rem 0 0.15rem;}
.u-srch .txt{ height: 100%; width: 100%; border: none; font-size: 0.28rem;}
.u-srch .ico{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 0.4rem; padding: 0.1rem 0.2rem; cursor: pointer;}


.m-jobList2 { padding: 0.2rem 0.34rem 0.3rem; text-align: left;}
.m-jobList2 .item{ display: block; padding: 0.3rem 0.5rem; box-shadow: 0px 0px 0.32rem 0px rgba(172, 172, 172, 0.32); margin-bottom: 0.4rem;}
.m-jobList2 .item:hover .tit{ color: #D80C18;}
.m-jobList2 .tit{ font-size: 0.32rem; color: #363636; font-weight: bold; padding-bottom: 0.12rem;}
.m-jobList2 p{ font-size: 0.24rem; line-height: 0.42rem; color: #747474;}


/* 鏉傚織鍒楄〃 */
.m-zzList { padding: 0.4rem 0.34rem 0.2rem; text-align: left;}
.m-zzList .item{ display: block; position: relative; background: #F3F3F3; height: 3.9rem; padding:  0 0.24rem 0 3.64rem; margin-bottom: 0.4rem; font-size: 0.24rem; color: #818181;}
.m-zzList .item .pic{ position: absolute; left: 0; top: 0; width: 3.4rem; height: 3.9rem; overflow: hidden; display: flex; align-items: center;}
.m-zzList .item .pic img{ width: 100%;}
.m-zzList .item .tit{ font-size: 0.28rem; color: #303030; line-height: 1.4; padding: 0.2rem 0 0;}
.m-zzList .item .time{ padding: 0.1rem 0 0.18rem; margin-bottom: 0.2rem; border-bottom: 1px solid #D80C18;}
.m-zzList .item .desc{ line-height: 1.6;}
.m-zzList .item .btm{ position: absolute; left: 3.64rem; bottom: 0.3rem;}
.m-zzList .item .btn{ float: left; width: 1.3rem; height: 0.4rem; line-height: 0.4rem;  background: #D80C18; color: #fff; text-align: center;}
.m-zzList .item .btn:first-child{margin-right: 0.3rem;}

/* 鍥㈤槦鍒楄〃 */
.m-teamList { text-align: left; padding: 0.4rem 0.34rem 0.2rem;}
.m-teamList .item{ position: relative; height: 1.84rem; padding: 0 0.5rem 0 1.95rem; background: #F3F3F3; color: #6D6D6D; margin-bottom: 0.25rem;}
.m-teamList .item .pic{ position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.84rem; overflow: hidden; display: flex; align-items: center;}
.m-teamList .item .pic img{ width: 100%;}
.m-teamList .item h4{ padding: 0.34rem 0 0.2rem; color: #303030; font-size: 0.3rem;}
.m-teamList .item h4 span{ color: #6D6D6D; font-size: 0.24rem; padding-left: 0.15rem;}
.m-teamList .item p{ line-height: 1.6; font-size: 0.24rem;}


/* 鑱旂郴鎴戜滑 */
.m-contact{ text-align: left; margin: 0.3rem 0.5rem 0.6rem; overflow: hidden; color: #363636;}
.m-contact .address{ margin-bottom: 0.4rem;}
.m-contact .address h3{ padding: 0.2rem 0 0.2rem; font-size: 0.36rem; border-bottom: 1px solid #E24952;}
.m-contact .address h4{ font-size: 0.32rem; padding: 0.5rem 0 0;}
.m-contact .address p{ line-height: 0.5rem;}
.m-contact .address .dz{ padding: 0.3rem 0; margin-bottom: 0.2rem; border-bottom: 1px solid #E9E9E9; line-height: 26px;}



.u-tab { height: 0.76rem; line-height: 0.76rem; overflow: hidden; background: #fff; border-bottom: 1px solid #EEEEEE;}
.u-tab .item{ position: relative; padding: 0 0.3rem; font-size: 0.16rem; color: #646464; cursor: pointer;} 
.u-tab .item::after{ content: ''; position: absolute; left: 0; top: 0.28rem; bottom: 0.28rem; border-left: 1px solid #999;}
.u-tab .item:first-child::after{ content: none;}
.u-tab .on{color: #D60C19; font-weight: bold;}


.m-yxkjy .tab{ height: 0.54rem; color: #646464; font-size: 0.14rem; box-sizing: border-box; background-color: #EEEEEE;}
.m-yxkjy .tab .item{ padding: 0 0.2rem; cursor: pointer;}
.m-yxkjy .tab .on{ color: #D60C19; font-weight: bold;}
.m-yxkjy .tit{ color: #363636; font-size: 0.18rem; padding: 0.5rem 0 0.3rem; text-align: center; font-weight: bold;}
.m-yxkjy .cont{ padding: 0 0.3rem; text-align: left;}
.m-yxkjy .cont img{ max-width: 100% !important; height:auto !important;}
.f-limit img{ width: 3.36rem; padding-top: 0.1rem;}
.f-w2{ width: 3.2rem;}
.f-w3{ width: 3.36rem;}

.m-yytx{ padding: 0 0.3rem 0.6rem; box-sizing: border-box;}
.m-yytx img{ max-width:100% !important;}
.m-yytx .tit{ color: #363636; font-size: 0.18rem; padding: 0.45rem 0 0.35rem; text-align: center; font-weight: bold;}

.f-richText img{ max-width: 100%;}
.f-richText *{ font: initial; line-height: initial; margin: initial; padding: initial; list-style: initial; text-decoration: initial;}

.m-fwpt{ padding: 0 0.5rem; background: #fff; box-sizing: border-box;}
.m-fwpt .tit{ color: #363636; font-size: 0.18rem; padding: 0.45rem 0.8rem 0.4rem; text-align: center;}
.m-fwpt .tit .sub{ padding-top: 0.16rem; color: #828282; font-size: 0.16rem; line-height: 0.24rem;}

.m-fwpt .swiper-container{ width: 5rem;}
.m-fwpt .swiper-container .swiper-slide{ position: relative; width: 100%; height: 4.05rem; border-radius: 12px; overflow: hidden; background: #ECECEC; text-align: center;}
.m-fwpt .swiper-container .swiper-slide p{ position: absolute; left: 0; bottom: 0; right: 0; height: 0.48rem; line-height: 0.48rem; font-size: 0.16rem; background: #ECECEC;}
.m-fwpt .swiper-container .swiper-slide img{ width: 100%;}
.m-fwpt .swiper-btn div{ position: absolute; top: 1.74rem; width: 0.72rem; height: 0.6rem; cursor: pointer;}
.m-fwpt .swiper-btn .rt{ right: 0; background: url('../images/btn-rt.png') no-repeat 50% 50%/0.27rem;}
.m-fwpt .swiper-btn .lf{ left: 0; background: url('../images/btn-lf.png') no-repeat 50% 50%/0.27rem;}


.m-jiTuanDsj { width: 100%; margin-bottom: 0.6rem;}
.m-jiTuanDsj .tit{ font-size: 0.36rem; background: #F2F2F2; padding: 0.9rem 0; text-align: center;}
.m-jiTuanDsj .item{ text-align: left; display: flex; padding: 0.3rem 0.6rem; line-height: 0.32rem;}
.m-jiTuanDsj .item .year{ width: 1.32rem; flex: 1.32rem 0 0; color: #D60C19; font-size: 0.26rem; font-weight: bold;}
.m-jiTuanDsj .item .sj{ flex: 1; color: #818181; font-size: 0.2rem;}
.m-jiTuanDsj .item:nth-child(2n){ background: #EEEEEE;}


.m-popJoin{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 90%; height: 220px; margin: auto; background: #fff; border-radius: 10px; box-shadow: 0px 1px 27px 0px rgba(52, 52, 52, 0.32); z-index: 9; font-size: 18px; }
.m-popJoin p{ padding: 40px 0 30px; line-height: 36px;}
.m-popJoin .btn{ display: inline-block; background: #D80C18; color: #fff; font-size: 16px; padding: 8px 40px; cursor: pointer;}
.m-popJoin .btn:hover{ opacity: 0.9;}

.u-loading{ height: 100px; line-height: 60px;}

#j-tab{
	flex-wrap:wrap; height: auto;
}
#j-tab .item{
	width:50%; box-sizing:border-box; height: 30px;
	line-height: 30px;
}
.u-tab .item::after {
	content: '';
	position: absolute;
	left: 0;
	top: 25%;
	bottom: 0;
	border-left: 1px solid #999;
	height: 50%;
}
#j-tab .item:nth-child(2n+1)::after{
	display:none;
}