li,ul{list-style:none;margin:0;padding:0}a{text-decoration:none;cursor:pointer}*{margin:0;padding:0}.r-width{width:1120px;margin:0 auto}@media screen and (min-width:1366px){.r-width{width:1200px}}.flex-box{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.banner{width:100%;height:540px;background:#00c6fb;color:#fff;background-image:url(../images/resume/resume_banner.png);background-repeat:no-repeat;background-position:center;position:relative}.types{position:absolute;bottom:165px;left:0;right:0;font-size:18px}.type-item p{margin-bottom:7px}.type-btn{border:1px solid #dbdfe6;outline:0;padding:8px 20px;display:inline-block;border-radius:3px;cursor:pointer;transition:all .4s;width:100px;height:20px;line-height:20px;border-radius:40px;color:#fff;position:relative}.type-btn .icon{position:absolute;right:14px;top:50%}.selection-options:hover,.selection:hover .selection-options{display:block}.selection:hover .selection-btn i{animation:icon-ani .5s 1;border-bottom:10px solid #fff;border-top:none}@keyframes icon-ani{0%{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}25%{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}50%{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}75%{-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}100%{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}}.triangle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;margin-top:-5px;border-top:10px solid #fff}.arrow{width:8px;height:8px;border-top:1px solid #009aef;border-right:1px solid #009aef;transform:rotate(45deg);margin-top:-4px}.selection{position:relative}.selection-options{display:none;width:100%;margin:0 auto;box-sizing:border-box;padding:10px 4px;border-radius:5px;position:absolute;z-index:999;box-shadow:0 2px 2px 0 rgba(40,120,255,.1),0 0 2px rgba(0,0,0,.12);background:#2885e9}.selection-options li{padding-left:20px;line-height:35px;cursor:pointer}.selection-options li:hover{background:#333;opacity:.4}.creating-item{margin-left:60px;position:relative}.creating-item::before{content:'';width:6px;height:100%;position:absolute;top:0;left:-33px;background-image:url(../images/resume/type_separator.png);background-repeat:no-repeat;background-position:center}.creating-item .type-btn{background:#fff;color:#009aef}.advantage{height:100px;background:rgba(0,0,0,.4);position:absolute;bottom:0;left:0;right:0}.advantage-container{height:100%;align-items:center}.advantage-item{flex-grow:1;color:#fff;font-weight:400}.advantage-item .title{font-size:24px}.advantage-item .sub-title{font-size:12px;margin-top:8px;opacity:.6}.title-icon{display:inline-block;width:35px;height:35px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;vertical-align:middle;margin-right:15px}.icon-professional{background-image:url(../images/resume/professional.png)}.icon-efficient{background-image:url(../images/resume/efficient.png)}.icon-intellective{background-image:url(../images/resume/intellective.png)}.icon-convenience{background-image:url(../images/resume/convenience.png)}.section{padding-bottom:75px}.section-title{text-align:center;font-weight:400;padding:40px 0 20px 0}.section-title-name{display:inline-block;font-size:36px;font-weight:400;color:#0b99ff;background-image:linear-gradient(90deg,rgba(0,198,251,1) 0,rgba(63,158,255,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title-describe{font-size:18px;color:rgba(105,105,105,1);margin-top:10px;margin-bottom:20px}.wrapper_{position:relative;margin:0 auto;overflow:hidden;width:100%}.swiper-slide{background:#fff;cursor:pointer}.item-inner{width:340px;margin:0 auto}.swiper-slide a{display:inline-block}.swiper-slide img{width:100%;vertical-align:middle}.template-type{text-align:center;color:#262626;font-size:18px;padding-top:45px;padding-bottom:60px}.template-bullet{display:inline-block;width:60px;height:4px;background:rgba(245,245,245,1);border-radius:2px;margin:0 10px}.template-bullet-active{background:linear-gradient(90deg,rgba(0,198,251,1),rgba(63,158,255,1))}.service-section{background:#f8f8f8}.service-item{flex-grow:1;width:50%}.service-content{padding-bottom:30px;border-bottom:1px solid #eaeaea}.service-content img{width:180px;height:180px}.service-content-describe{font-weight:400;margin-left:45px}.service-content .service-content-title{font-size:24px;font-weight:400;color:rgba(38,38,38,1);line-height:26px;margin:12px 0}.service-content li{font-size:14px;font-weight:400;color:rgba(105,105,105,1);line-height:26px}.service-btns{display:inline-block;width:100%;height:46px;line-height:46px;background:linear-gradient(90deg,rgba(0,198,251,1),rgba(63,158,255,1));border-radius:30px;color:#fff;text-align:center;font-size:18px;margin-top:30px}.resume-footer{width:100%;height:320px;background:#00c6fb;color:#fff;background-image:url(../images/resume/resume-footer.png);background-repeat:no-repeat;background-position:center;text-align:center;font-weight:400;color:#fff}.resume-footer-title{font-size:36px;margin-bottom:10px;font-weight:400}.resume-footer-sub-title{font-size:18px}.resume-footer-btn{display:inline-block;width:240px;height:40px;line-height:40px;background:#fff;border-radius:24px;color:#0b99ff;font-size:18px;margin-top:42px}