html,body,.home,.wrap{width: 100%;height: 100%;overflow: hidden;}
/* .wrap{position: relative;height: calc(100% - 44px);overflow: hidden;} */
.p1,.p2,.p3,.p4,.p5{background-repeat: no-repeat; background-position: center top; box-sizing: border-box; overflow: hidden;}
.p1{background-image: url('../images/p1.jpg');}
.age{width: 93px;height: 122px;background: url('../images/age.png') no-repeat; position: absolute; left: 64px; bottom: 80px;}
.db{width: 608px;height: 192px;background: url('../images/db.png') no-repeat; position: absolute; left: 50%; margin-left: -623px; top: 615px;}
.db .code{width: 140px; height: 140px; float: left; margin: 25px 0 0 116px;}
.db .db_btn{margin: 31px 0 0 30px; float: left;}
.db_btn a{width: 236px; height: 60px; background: url('../images/down_btns.png') no-repeat -999px;font-size: 0;overflow: hidden;text-indent: -999px;display: block;}
.db_btn .ios{background-position: 0 0;}
.db_btn .ios:hover{background-position: -246px 0;}
.db_btn .and{background-position: 0 -70px; margin-top: 10px;}
.db_btn .and:hover{background-position: -246px -70px;}
.p2{background-image: url('../images/p2.jpg');}
.p2 .main{width: 1280px; margin: 378px auto 0;display: flex;}
.banner{width: 680px; height: 370px; float: left; overflow: hidden;}
.banner .swiper-pagination{text-align: left;padding-left: 20px; box-sizing: border-box;}
.banner .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 7px; background: #fff; opacity: 1; margin: 0 10px; -webkit-transition: all .2s; transition: all .2s;}
.banner .swiper-pagination-bullet-active{width: 40px;}
.news{width: 520px; float: right; margin-right: 24px;}
.news_type{height: 40px; display: flex;}
.news_type span{display: inline-block; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; cursor: pointer; margin-right: 10px; position: relative;}
.news_type span::after{content: ""; position: absolute; top: 50%; margin-top: -3px; right: -9px; width: 6px; height: 6px; background: #ddc9ab; border-radius: 50%;}
.news_type span:last-child::after{display: none;}
.news_type span:hover,.news_type .on{background: url('../images/news_tit.png') no-repeat;color: #fff;}
.news_cont{height: 290px;overflow: hidden;margin-top: 20px;position: relative;font-family: 'Microsoft YaHei';}
.recommend{background: #f5f5f5; overflow: hidden; line-height: 30px; height: 30px; margin-bottom: 5px; font-weight: bold;}
.recommend span{float: left;position: relative;padding: 0 15px; margin-right: 20px; font-size: 14px; font-weight: bold; background: #469618; color: #fff;}
.recommend span::before{content: ''; border: 4px solid #469618;position: absolute;right: -8px;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}
.recommend a{color: #555;}
.news_cont ul{width: 100%;position: absolute;top: 0; left: 0;display: none;}
.news_cont ul.on{display: block;}
.news_cont li{width: 100%; line-height: 48px; height: 48px; position: relative; border-bottom: 1px dashed #ccc;}
.news_cont li:last-child{border: none;}
.news_cont li .title{width: 440px; float: left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #555;}
.news_cont li .time,.content .list .time{float: right; color: #999;}
.news_cont li a:hover .title,.recommend a:hover{color: #b8b8b8;}
.news_btns{text-align: right;font-family: 'Microsoft YaHei'; display: flex; justify-content: right; line-height: 22px;}
.news_btns .prev,.news_btns .next{width: 50px; height: 22px; border: 1px solid #999; display: inline-block; margin-right: 10px; background: url('../images/news_pn.jpg') no-repeat;}
.news_btns .next,.c_next{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.news_btns .more{display: inline-block; background: #c84c3f; color: #fff; padding: 0 15px;}

.p3{background-image: url('../images/p3.jpg'); padding-top: 70px;}
.career_tab{position: absolute;left: 0; top: 240px; z-index: 2; height: 50px; border-radius: 25px; background-image: linear-gradient(top,#c3ddfa,#fff);background-image: -webkit-linear-gradient(top,#c3ddfa,#fff);}
.career_tab li{float: left; font-size: 20px; padding: 1px; border-radius: 25px;position: relative; cursor: pointer;}
.career_tab li span{display: block; padding: 0 20px; line-height: 46px; height: 46px; border: 1px solid transparent;border-radius: 24px;}
.career_tab li.on{background-image: linear-gradient(left,#dfad5b,#f96643);background-image: -webkit-linear-gradient(left,#dfad5b,#f96643);color: #fff;}
.career_tab li.on span{border-color: #e7bb78;}
.career{width: 100%;height:913px;}
.career .item{display: none; position: relative;}
.career .show{display: block;}
.career .desc{position: absolute; left: 18px; top: 290px;color: #fff; width: 340px; z-index: 2;}
.career .name{width: 220px; height: 200px;font-size: 0;overflow: hidden;text-indent: -999px;margin-left: -38px;background: url('../images/name.png') no-repeat;}
.career .name.yg{background-position: 0 0;}
.career .name.hc{background-position: 0 -200px;}
.career .name.kr{background-position: 0 -400px;}
.career .name.ls{background-position: 0 -600px;}
.career .name.lmr{background-position: 0 -800px;}
.career .locate,.career .introd{font-size: 22px; line-height: 38px;}
.career .introd{line-height: 42px; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-left: 24px; background: url('../images/introd.png') no-repeat left center;}
.career .text{font: 16px / 24px 'Microsoft YaHei'; margin-top: 10px;}
.career .ico{display: flex; height: 82px; margin-bottom: 15px;}
.career .ico img{margin-right: 15px;display: block;width: 82px;height: 82px;}
.career .photo{position: absolute;top: 0;right: 18px;width: 898px;height: 914px;overflow: hidden;-webkit-animation: photoShow .5s forwards 300ms 0 ease;-moz-animation: photoShow .5s forwards 300ms 0 ease;-ms-animation: photoShow .5s forwards 300ms 0 ease;animation: photoShow .5s forwards 300ms 0 ease;-moz-animation: photoShow 2.5s forwards;-webkit-animation: photoShow .5s forwards;-o-animation: photoShow .5s forwards;-ms-animation: photoShow .5s forwards;}
@-webkit-keyframes photoShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-moz-keyframes photoShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-ms-keyframes photoShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-o-keyframes photoShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@keyframes photoShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
.career_nav{position: absolute;right: 0;top: 110px;z-index: 2; width: 156px;}
.career_nav i{display: block; width: 103px; height: 111px; background: url('../images/career_nav.png') no-repeat -999px;position: absolute;cursor: pointer;}
.career_nav .yg{background-position: 0 0; top: 0; left: 0;}
.career_nav .hc{background-position: -110px 0; top: 92px; left: 57px;}
.career_nav .kr{background-position: -220px 0; top: 222px; left: 106px;}
.career_nav .ls{background-position: -330px 0; top: 345px; left: 96px;}
.career_nav .lmr{background-position: -440px 0; top: 458px; left: 50px;}
.career_nav i.on{background-position-y: -111px;}

.sels{position: absolute;top: 340px;left: 190px;z-index: 2;}
.sels i{display: block; width: 58px; height: 58px; margin-bottom: 12px; background: url('../images/sels.png') no-repeat; cursor: pointer; overflow: hidden;font-size: 0;}
.sels i:nth-child(2){background-position: left bottom;}
.sels i.cur{background-position-x: right;}
.p4{background-image: url('../images/p4.jpg'); padding-top: 330px;}
.p4 .swiper-pagination{bottom: -46px;}
.p4 .swiper-pagination-bullet{width: 20px; height: 20px; border-radius: 10px; background: #fff; opacity: 1; margin: 0 10px!important; -webkit-transition: all .2s; transition: all .2s;}
.p4 .swiper-pagination-bullet-active{width: 60px;background: #ffba4d;}
.capture{width: 1090px; margin: 0 auto;}
.capture .swiper-slide{width: 890px;height: 503px;border-radius: 10px;}
.capture .swiper-slide img{display: block; width: 100%;}
.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-left{background-color: rgba(0, 0, 0, .4);}
.c_prev,.c_next{width: 60px; height: 75px; background: url('../images/cpn.png') no-repeat; position: absolute; top: 210px; cursor: pointer;}
.c_prev{left: -50px;}
.c_next{right: -50px;}
.p5{background-image: url('../images/p5.jpg');height: 800px;}
.qr{margin-top: 365px; display: flex; justify-content: center;}
.qr .item{width: 152px;height: 197px;background: url('../images/qr_item.png') no-repeat;margin: 0 10px; overflow: hidden;}
.qr .item img{width: 115px; margin: 33px auto 0; display: block;}
.qr .item p{color: #fff;text-align: center; font-family: 'Microsoft YaHei';}
.foot{background: #000;height: 300px;text-align: center; color: #fff;}