.banner { background-repeat: no-repeat; background-size: cover; height: 407px; display: flex; align-items: center; }
.banner h1 { font-size: 50px; }
.banner .desc { font-size: 22px; margin-top: 26px; }

.padding-tb-100 { padding: 100px 0; }

.abtit .top-line { background-color: #0078d7; width: 38px; height: 8px; display: block; margin: 0 auto 20px; }
.abtit h1 { font-size: 30px; }

.personal-top { margin-top: 60px; padding-bottom: 32px; position: relative; }
.personal-top .taff-avator { width: 203px; height: 203px; border-radius: 50%; display: block; margin: 0 auto; }
.personal-top .name { margin: 23px 0 15px; font-size: 38px; }
.personal-top .post-title { font-size: 18px; color: #717171; }
.personal-top .line-bot { display: none; width: 108px; height: 7px; position: absolute; bottom: 0; left: calc((100% - 108px) / 2); }
.personal-top:hover .post-title { color: #0078d7; }
.personal-top:hover .line-bot { display: block; margin: 0 auto; }

.content-box { padding: 66px 50px 38px 60px; box-sizing: border-box; width: 942px; height: 346px; border-radius: 10px; background-size: cover; display: block; margin: 0 auto; position: relative; box-shadow: 0px 11px 10px 0px rgba(72, 86, 115, 0.2), inset 0px 6px 0px 0px rgba(255, 255, 255, 0.7); }
.content-box p { font-size: 18px; line-height: 32px; }
.content-box .bot-contact { position: absolute; bottom: 40px; left: 60px; }
.content-box .bot-contact .email-box { color: #717171; margin-right: 23px; }
.content-box .bot-contact .email-box .icon-youxiang { color: #959595; margin-right: 10px; font-size: 25px; }
.content-box .bot-contact .email-box:hover { color: #0078d7; }
.content-box .bot-contact .email-box:hover .icon-youxiang { color: #0078d7; }
.content-box .bot-contact .in-box { border-left: 2px solid #b7b4b4; padding-left: 23px; }
.content-box .bot-contact .in-box .icon-in1 { color: #959595; font-size: 20px; }
.content-box .bot-contact .in-box .icon-in1:hover { color: #0078d7; }

.align-center { align-items: center; }

.justify-between { justify-content: space-between; }

.sdk-tit { margin: 96px 0 79px; position: relative; }
.sdk-tit .txt { margin-left: 80px; }
.sdk-tit .txt .sign { font-size: 20px; text-transform: uppercase; }
.sdk-tit .txt h1 { margin-top: 17px; font-size: 40px; }
.sdk-tit .txt:before { content: ''; width: 62px; height: 12px; background: #0078d7; position: absolute; top: 7px; left: 0; }
.sdk-tit .right-con { font-size: 20px; color: #0078d7; }
.sdk-tit .right-con img { width: 20px; margin-right: 6px; }

.brand-list { display: flex; padding: 60px 0 66px; }
.brand-list li { margin-right: 37px; }
.brand-list li .img-box { width: 100%; height: 154px; border-radius: 6px; background-color: white; display: flex; justify-content: center; align-items: center; margin-bottom: 33px; overflow: hidden; border: 1px solid #b5b5b5; }
.brand-list li .img-box img { height: 100%; object-fit: contain; }
.brand-list li .img-box .tit { font-size: 18px; color: #8f8f8f; }
.brand-list li:hover .img-box { border: none; box-shadow: 0px 11px 13px 0px rgba(72, 86, 115, 0.18); }
.brand-list li:hover .tit a:hover { color: #0078d7; }
.brand-list li:first-child { width: 151px; }
.brand-list li:first-child .img-box img { width: 84px; }
.brand-list li:nth-child(2) { width: 381px; }
.brand-list li:nth-child(2) .img-box img { width: 294px; }
.brand-list li:nth-child(3) { width: 155px; }
.brand-list li:nth-child(3) .img-box img { width: 126px; }
.brand-list li:nth-child(4) { width: 191px; }
.brand-list li:nth-child(4) .img-box img { width: 140px; display: block; margin: 10px auto; }
.brand-list li:last-child { width: 191px; margin-right: 0; }
.brand-list li:last-child .img-box img { width: 142px; display: block; margin: 10px auto; }

.colors-wrap .tips { color: #717171; font-size: 18px; }

.slogan-wrap .logan-list { display: flex; padding: 0 0 76px; }
.slogan-wrap .logan-list li { margin-right: 64px; }
.slogan-wrap .logan-list li .img-box { border: 1px solid #b5b5b5; border-radius: 6px; background-color: #282828; width: 572px; height: 200px; display: flex; justify-content: center; align-items: center; }
.slogan-wrap .logan-list li .img-box img { width: 505px; }
.slogan-wrap .logan-list li .tit { font-size: 18px; color: #8f8f8f; margin-top: 33px; }
.slogan-wrap .logan-list li .tit a:hover { color: #0078d7; }
.slogan-wrap .logan-list li:last-child { margin-right: 0; }

.apply-wrap ul.apply-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 74px; }
.apply-wrap ul.apply-list li { display: flex; margin-right: 53px; margin-bottom: 81px; }
.apply-wrap ul.apply-list li .img-box { border: 1px solid #b5b5b5; border-radius: 6px; width: 176px; height: 176px; display: flex; justify-content: center; align-items: center; }
.apply-wrap ul.apply-list li .icon-box { display: flex; justify-content: center; align-items: center; margin: 0 0 0 20px; }
.apply-wrap ul.apply-list li .icon-box i.icon-close1 { color: #ff0000; font-size: 26px; }
.apply-wrap ul.apply-list li .icon-box i.icon-yes { color: #52af3e; font-size: 30px; }
.apply-wrap ul.apply-list li:nth-child(2) .img-box, .apply-wrap ul.apply-list li:nth-child(5) .img-box { width: 406px; }
.apply-wrap ul.apply-list li:nth-child(2) .img-box img, .apply-wrap ul.apply-list li:nth-child(5) .img-box img { width: 369px; }
.apply-wrap ul.apply-list li:nth-child(3) .img-box, .apply-wrap ul.apply-list li:nth-child(6) .img-box { width: 321px; }
.apply-wrap ul.apply-list li:nth-child(3) .img-box img, .apply-wrap ul.apply-list li:nth-child(6) .img-box img { width: 210px; }
.apply-wrap ul.apply-list li:nth-child(3n) { margin-right: 0; }

.details { background-image: linear-gradient(to bottom left, #f8f9fa, #e7eaee); position: relative; }
.details:before { content: ""; position: absolute; left: 0; top: 0; width: calc((100% - 655px) / 2); height: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.details:after { content: ""; background: #fff; width: 100%; position: absolute; right: 0; top: 0; height: 100%; }
.details .container { display: flex; position: relative; z-index: 2; min-height: 100%; }
.details.fixed .con-left { position: fixed; top: 80px; }
.details.fixed .con-right { padding-left: 303px; }
.details .con-left { flex: 0 0 calc((100% - 655px) / 2); position: relative; left: 0; padding-left: calc((100% - 1200px) / 2); width: calc((100% - 655px) / 2); overflow: auto; background-position: right; background-size: auto 100%; box-sizing: border-box; }
.details .con-left ul { padding-top: 80px; }
.details .con-left li { padding: 0 37px 20px 0px; cursor: pointer; }
.details .con-left li span { display: flex; justify-content: space-between; padding: 0 0 10px; font-size: 18px; position: relative; }
.details .con-left li span:before { display: block; transform: rotate(90deg); transition: all .2s; font-size: 14px; color: #717171; position: absolute; right: 0; top: 0px; }
.details .con-left li span.active:before { transform: rotate(-90deg); }
.details .con-left li .down-menu { font-size: 16px; margin: 14px 0 14px 20px; position: relative; display: none; border-left: 1px solid #b0b0b0; }
.details .con-left li .down-menu a, .details .con-left li .down-menu span { font-size: 16px; display: block; padding: 0px 14px 10px; position: relative; }
.details .con-left li .down-menu a.active, .details .con-left li .down-menu span.active { color: #0078d7; }
.details .con-left li .down-menu a.active:after, .details .con-left li .down-menu span.active:after { content: ""; display: block; width: 5px; height: 20px; position: absolute; top: 0; left: 0px; background: #0078d7; }
.details .con-left li .down-menu a:last-child, .details .con-left li .down-menu span:last-child { padding-bottom: 0 !important; }
.details .con-left li .down-menu a:first-child, .details .con-left li .down-menu span:first-child { padding-top: 0 !important; }
.details .con-left li .down-menu a:hover, .details .con-left li .down-menu span:hover { color: #0078d7; }
.details .con-right { width: 100%; background: #ffffff; padding: 80px 0 60px 38px; }
.details .con-right h1 { font-size: 28px; margin-bottom: 30px; }
.details .con-right .con-box { padding-bottom: 30px; border-bottom: 1px solid #d1d1d1; }
.details .con-right .con-box h3 { font-size: 16px; margin-bottom: 15px; }
.details .con-right .con-box h1 { font-size: 28px; margin: 31px 0 16px; }
.details .con-right .con-box h6 { font-size: 16px; }
.details .con-right .con-box .contact-method p { margin-bottom: 10px; text-decoration: underline; color: #0078d7; }
.details .con-right .con-box .job-desc { font-size: 16px; color: #717171; margin: 35px 0; }
.details .con-right .con-box p { color: #717171; padding: 10px 0 0; }
.details .con-right .con-box:last-child { border-bottom: none; }

.right-btn { position: fixed; top: 50%; right: calc((100% - 1350px) / 2); z-index: 999; display: none; }
.right-btn .mgicon { display: block; border-radius: 50%; width: 55px; height: 55px; text-align: center; line-height: 55px; border: 1px solid #9f9f9f; color: #9f9f9f; margin-bottom: 16px; font-size: 25px; }
.right-btn .mgicon:hover { color: #0078d7; border-color: #0078d7; }

ul.office-list { padding-bottom: 100px; }
ul.office-list li { width: 100%; border-radius: 10px; box-shadow: 0px 11px 10px 0px rgba(72, 86, 115, 0.15), inset 0px 6px 0px 0px rgba(255, 255, 255, 0.7); height: 267px; background-repeat: no-repeat; display: flex; padding: 40px; box-sizing: border-box; margin-bottom: 30px; overflow: hidden; background-image: linear-gradient(to right, #f4f6f8, #ffffff, #f4f6f8); }
ul.office-list li .company-pic { width: 173px; height: 173px; border-radius: 50%; }
ul.office-list li .company-con { margin-left: 45px; }
ul.office-list li .company-con h1 { font-size: 23px; margin-top: 17px; }
ul.office-list li .company-con .en-name { font-size: 20px; margin-top: 10px; }
ul.office-list li .company-con .intro { color: #717171; margin-top: 42px; }

.service-center { padding: 1px 0; }
.service-center ul.method-list { display: flex; padding-bottom: 151px; }
.service-center ul.method-list li { margin-right: 82px; width: calc((100% - 82px) / 2); }
.service-center ul.method-list li .imgBox { width: 100%; height: 360px; border-radius: 6px; overflow: hidden; }
.service-center ul.method-list li .imgBox img { object-fit: cover; }
.service-center ul.method-list li .spec-con { background-repeat: no-repeat; background-size: cover !important; width: 522px; height: 451px; border-radius: 6px; overflow: hidden; margin-top: -106px; position: relative; z-index: 99; padding: 60px 38px; box-sizing: border-box; }
.service-center ul.method-list li .spec-con h1 { font-size: 36px; }
.service-center ul.method-list li .spec-con .tips { color: #717171; margin-top: 14px; }
.service-center ul.method-list li .spec-con .con-box { margin-top: 33px; }
.service-center ul.method-list li .spec-con .con-box p { margin-bottom: 15px; }
.service-center ul.method-list li .spec-con .con-box p i { margin-right: 5px; color: #0078d7; font-size: 18px; }
.service-center ul.method-list li .spec-con .con-box p span { color: #0078d7; }
.service-center ul.method-list li .spec-con .con-box .wchat { display: flex; }
.service-center ul.method-list li:last-child { margin-right: 0; }

.color-con { margin-top: 20px; }
.color-con .colors { margin-bottom: 76px; position: relative; }
.color-con .download { border: 1px solid #0078d7; border-radius: 50%; text-align: center; line-height: 68px; width: 68px; height: 68px; color: #0078d7; position: absolute; right: 0; top: 50px; }
.color-con .download i { font-size: 32px; }
.color-con .download:hover { background: #0078d7; color: #fff; }
.color-con .color-list { display: flex; padding-left: 10px; }
.color-con .color-list .item { width: 203px; color: #fff; overflow: hidden; padding: 25px 30px 25px 50px; line-height: 32px; border-radius: 6px; box-shadow: 0px 11px 13px 0px rgba(72, 86, 115, 0.18); box-sizing: border-box; position: relative; height: 172px; margin-left: -10px; display: flex; transition: all .5s; cursor: pointer; }
.color-con .color-list .item .name { font-weight: bold; font-size: 18px; }
.color-con .color-list .item .value { width: 100px; }
.color-con .color-list .item:after { content: ""; border-radius: 2px; background-color: white; width: 6px; height: 105px; display: block; position: absolute; top: 34px; left: 14px; }
.color-con .color-list .item .title { width: 18px; font-weight: bold; font-size: 18px; line-height: 18px; }
.color-con .color-list .item .content { flex: 0 0 310px; border-right: 1px solid rgba(255, 255, 255, 0.5); height: 100%; }
.color-con .color-list .item .content + .content { padding-left: 30px; }
.color-con .color-list .item .color { display: flex; justify-content: space-between; box-sizing: border-box; }
.color-con .color-list .item:nth-of-type(1) { background: #3eadd2; }
.color-con .color-list .item:nth-of-type(2) { background: #0584b4; }
.color-con .color-list .item:nth-of-type(3) { background: #cfa75a; }
.color-con .color-list .item:nth-of-type(4) { background: #1d2543; }
.color-con .color-list .item.active { width: 390px; margin-right: 56px; }
.color-con .colors:nth-of-type(2) .color-list .item { padding-left: 26px; width: 60px; }
.color-con .colors:nth-of-type(2) .color-list .item.active { width: 732px !important; }
.color-con .colors:nth-of-type(2) .color-list .item.active .desc { opacity: 1; }
.color-con .colors:nth-of-type(2) .color-list .item:nth-of-type(1) { background: #ff7300; }
.color-con .colors:nth-of-type(2) .color-list .item:nth-of-type(2) { background: #2f9bfe; }
.color-con .colors:nth-of-type(2) .color-list .item:nth-of-type(3) { background: #282828; }
.color-con .colors:nth-of-type(2) .color-list .item:nth-of-type(4) { background: #444444; width: 148px; }
.color-con .colors:nth-of-type(2) .color-list .desc { opacity: 0; line-height: normal; padding-left: 20px; padding-top: 20px; }

.flex { display: flex; }

.profile-wrap { padding: 90px 0 0; background-color: white; box-shadow: 0px 12px 40px 0px rgba(86, 105, 141, 0.22); width: 100%;  }
.profile-wrap .profile-con { display: flex; align-items: flex-start; margin-top: 40px; }
.profile-wrap .profile-con img { width: 160px; object-fit: contain; }
.profile-wrap .profile-con .content { margin: 0 53px; }
.profile-wrap .profile-con .content h3 { font-size: 30px; margin: 30px 0 90px; }
.profile-wrap .profile-con .content h3 span { color: #0078d7; }
.profile-wrap .profile-con .content .detial { font-size: 18px; }
.profile-wrap .profile-con .content .detial p { margin-bottom: 45px; }

.achieve-wrap { padding: 100px 0; }
.achieve-wrap .curent-con { margin: 94px 0 48px; }
.achieve-wrap .curent-con h3 { font-size: 30px; margin-bottom: 10px; font-weight: 500; }
.achieve-wrap .curent-con p { font-size: 18px; margin-bottom: 10px; }
.achieve-wrap .curent-con p span { color: #0078d7; }
.achieve-wrap .achieve-content { position: relative; }
.achieve-wrap .achieve-content img { width: 488px; display: block; margin: 0 auto; }
.achieve-wrap .achieve-content ul.achieve-list li { clear: both; }
.achieve-wrap .achieve-content ul.achieve-list li .ntit { position: relative; font-size: 18px; padding-left: 15px; margin-top: 42px; }
.achieve-wrap .achieve-content ul.achieve-list li .ntit:before { content: ''; background-color: #0078d7; position: absolute; left: 0; bottom: calc((100% - 18px) / 2); width: 5px; height: 14px; }
.achieve-wrap .achieve-content ul.achieve-list li .num { font-size: 14px; }
.achieve-wrap .achieve-content ul.achieve-list li .num span { font-size: 70px; color: #0078d7; font-weight: 700; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(odd) { float: left; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(odd) .ntit { float: left; margin-right: 20px; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(odd) .num { float: left; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(even) { float: right; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(even) .ntit { float: right; margin-left: 20px; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-of-type(even) .num { float: right; }
.achieve-wrap .achieve-content ul.achieve-list li:first-child { position: absolute; top: 40px; left: 0; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-child(2) { position: absolute; right: 0; top: 0; }
.achieve-wrap .achieve-content ul.achieve-list li:nth-child(3) { position: absolute; left: 0; bottom: 20px; }
/*.achieve-wrap .achieve-content ul.achieve-list li:nth-child(3) .num { margin-left: 100px; }*/
.achieve-wrap .achieve-content ul.achieve-list li:nth-child(4) { position: absolute; right: 0; bottom: 20px; }

.game-swiper { margin: 100px 0; position: relative; }
.game-swiper .swiper-container { width: 100%; height: 100%; box-sizing: border-box; }
.game-swiper .swiper-container .swiper-wrapper { margin-bottom: 40px; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide { width: 224px; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item { border-radius: 10px; background-color: white; box-shadow: 0px 11px 10px 0px rgba(72, 86, 115, 0.15), inset 0px 3px 0px 0px rgba(255, 255, 255, 0.45); height: 514px; overflow: hidden; cursor: pointer; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item a { width: 100%; height: 416px; display: block; overflow: hidden; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item a img { width: 100%; height: 100%; object-fit: contain; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item a img:hover { transform: scale(1.1); }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item .text { text-align: left; padding: 10px 16px; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item .text .gname { font-size: 18px; height: 48px; margin-bottom: 5px; }
.game-swiper .swiper-container .swiper-wrapper .swiper-slide .item .text .stem { font-size: 16px; color: #717171; }
.game-swiper .swiper-container .swiper-wrapper .swiper-container-horizontal > .swiper-pagination-progressbar { bottom: 0 !important; }
.game-swiper .swiper-pagination { text-align: center; width: 100%; }
.game-swiper .swiper-pagination-bullet { width: 52px; height: 6px; margin: 0 5px; border-radius: 0; background: #fff; }
.game-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0078d7; }
.game-swiper .swiper-button-prev { left: -62px; }
.game-swiper .swiper-button-next { right: -62px; }
.game-swiper .swiper-button-next, .game-swiper .swiper-button-prev { border-radius: 50%; background-color: white; box-shadow: 0px 4px 4px 0px rgba(72, 86, 115, 0.22); width: 28px; height: 28px; line-height: 28px; transition: all .2s; border: 1px solid #fff; background-image: linear-gradient(to bottom, #e9e9e9, #ffffff); }
.game-swiper .swiper-button-next:after, .game-swiper .swiper-button-prev:after { font-size: 10px; color: #0078d7; font-weight: bold; }
.game-swiper .swiper-button-next:hover, .game-swiper .swiper-button-prev:hover { transform: scale(1.2); }
.game-swiper .swiper-button-disabled { opacity: 1 !important; }
.game-swiper .swiper-button-disabled:after { color: #c7c7c7 !important; }

.ltit { font-size: 18px; margin-bottom: 36px; }
.ltit p { margin-bottom: 10px; }
.ltit p span { color: #0078d7; }

.gwgc-wrap { padding: 181px 0 70px; }
.gwgc-wrap ul.gwgc-list { width: 100%; z-index: 337; margin-top: 100px; }
.gwgc-wrap ul.gwgc-list > li { padding: 32px 30px; margin-bottom: 140px; box-sizing: border-box; background-color: #f8f9fa; }
.gwgc-wrap ul.gwgc-list > li .imgBox { border-radius: 6px; background-color: white; box-shadow: 0px 7px 7px 0px rgba(72, 86, 115, 0.3); width: 493px; height: 331px; padding: 20px; box-sizing: border-box; margin-top: -80px; }
.gwgc-wrap ul.gwgc-list > li .imgBox img { border-radius: 6px; background-color: #f8f9fa; box-shadow: 1.678px 2.487px 0px 0px rgba(72, 86, 115, 0.1); width: 457px; height: 286px; border-bottom-right-radius: 60px; overflow: hidden; }
.gwgc-wrap ul.gwgc-list > li .gwgcon { margin-left: 29px; width: 500px; }
.gwgc-wrap ul.gwgc-list > li .gwgcon h1 { font-size: 30px; margin-bottom: 19px; font-weight: 500; }
.gwgc-wrap ul.gwgc-list > li .gwgcon h6 { font-size: 16px; color: #717171; font-weight: 500; }
.gwgc-wrap ul.gwgc-list > li .gwgcon .gwname { margin-bottom: 19px; }
.gwgc-wrap ul.gwgc-list > li .gwgcon .gwname h1 { margin-bottom: 0; }
.gwgc-wrap ul.gwgc-list > li .gwgcon .desc { margin-bottom: 38px; }
.gwgc-wrap ul.gwgc-list > li .gwgcon .desc p { margin-bottom: 24px; }
.gwgc-wrap ul.gwgc-list > li .gwgcon .plan p { margin-bottom: 5px; color: #0078d7; }
.gwgc-wrap ul.gwgc-list > li:nth-child(odd) .imgBox { float: left; }
.gwgc-wrap ul.gwgc-list > li:nth-child(odd) .gwgcon { float: right; margin-left: 0; }
.gwgc-wrap ul.gwgc-list > li:nth-child(even) .imgBox { float: right; }
.gwgc-wrap ul.gwgc-list > li:nth-child(even) .gwgcon { float: left; margin-left: 0; }

.winwrap {   /* .swiper-slide-active { img { opacity: 1; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); }
 .market-con { .line { background-color: $blue; }
 .mdata-spec { .right-line { background-color: $blue; } }
 } }*/ }
.winwrap .market-wrap { background-repeat: no-repeat; background-size: auto 100%; padding: 260px 0; height: 100%; box-sizing: border-box; background: #002050; position: relative; overflow: hidden; }
.winwrap .market-wrap > img { position: absolute; height: calc(100% + 10px); min-width: 100%; display: block; top: -5px; left: -5px; opacity: .5; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); transition: all .2s; }
.winwrap .market-wrap .market-con { position: relative; }
.winwrap .market-wrap .market-con .line { background-color: black; width: 62px; height: 13px; transition: all .2s; position: relative; top: 0; transition: all .2s; }
.winwrap .market-wrap .market-con .mdata-tit { font-size: 44px; margin-top: 61px; }
.winwrap .market-wrap .market-con h1 { font-size: 60px; margin-top: 31px; }
.winwrap .market-wrap .market-con .mdata-spec { display: flex; justify-content: space-between; }
.winwrap .market-wrap .market-con .mdata-spec .spec { width: 510px; font-size: 20px; margin-top: 34px; }
.winwrap .market-wrap .market-con .mdata-spec h1.spec { font-size: 60px; paddding: 36px 0 38px; }
.winwrap .market-wrap .market-con .mdata-spec .right-line { background-color: #000; width: 62px; height: 13px; margin-top: 21px; transition: all .2s; position: relative; top: 0; transition: all .2s; }
.winwrap .market-wrap .market-con .ad-plateImg { width: 588px; height: 474px; position: absolute; right: 90px; bottom: -50%; /*      right: 0; bottom: 10px;*/ object-fit: contain; }
.winwrap .market-wrap .market-con .tips { width: 510px; font-size: 20px; margin-top: 38px; }
.winwrap .market-wrap .market-con .tips p { font-size: 16px; margin-bottom: 20px; }
.winwrap .market-wrap .market-con .btips { font-size: 30px; margin-top: 10px; }
.winwrap .market-wrap:hover > img { opacity: 1 !important; -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -o-filter: blur(0px) !important; -ms-filter: blur(0px) !important; filter: blur(0px) !important; }
.winwrap .market-wrap:hover .market-con .line { background-color: #0078d7; top: -40px; }
.winwrap .market-wrap:hover .market-con .mdata-spec .right-line { background-color: #0078d7; top: 40px; }

.histroys { position: relative; margin: 47px 0; padding-top: 1px; }
.histroys:before, .histroys:after { content: ""; display: block; box-sizing: border-box; border: 1px solid #fff; border-radius: 50%; background-image: linear-gradient(to left, #e9e9e9, #ffffff); box-shadow: 0px 4px 4px 0px rgba(72, 86, 115, 0.22), inset 0px 3px 0px 0px rgba(255, 255, 255, 0.45); width: 27px; height: 27px; position: absolute; left: 440px; z-index: 2; }
.histroys .line { position: absolute; width: 1px; height: 100%; background: #878787; left: 453px; top: 0; }
.histroys:before { top: 0; }
.histroys:after { bottom: 0; }
.histroys .slogan { margin: 30px 0 50px; font-size: 26px; line-height: 40px; width: 319px; }
.histroys .slogan:nth-of-type(1) { margin-left: 600px; }
.histroys .slogan:before { content: ""; display: block; background-color: #0078d7; width: 38px; height: 8px; margin-bottom: 23px; }
.histroys .year { display: flex; margin-left: 474px; justify-content: space-between; position: relative; margin-bottom: 50px; }
.histroys .year:before { content: ""; display: block; background-color: #0078d7; width: 38px; height: 8px; position: absolute; right: 0; top: -25px; }
.histroys .year i.garden { border-radius: 27px; text-align: center; line-height: 27px; border: 1px solid #fff; background-image: linear-gradient(to bottom, #e9e9e9, #ffffff); box-shadow: 0px 4px 4px 0px rgba(72, 86, 115, 0.22), inset 0px 3px 0px 0px rgba(255, 255, 255, 0.45); flex: 0 0 27px; height: 27px; display: block; }
.histroys .year i { font-size: 20px; color: #0078d7; margin-right: 25px; }
.histroys .year .lines { display: flex; width: 420px; align-items: center; }
.histroys .year .lines:after { content: ""; width: 100%; height: 1px; background: #0078d7; }
.histroys .year h1 { font-size: 70px; color: #0078d7; }
.histroys .year h1 span { font-size: 26px; color: #000; }
.histroys .contents { padding-top: 30px; padding-bottom: 1px; }
.histroys .contents h2 { font-size: 30px; line-height: 30px; }
.histroys .contents h3 { font-size: 24px; font-weight: normal; }
.histroys .contents .left, .histroys .contents .right { overflow: hidden; }
.histroys .contents img { margin: 10px 0; padding: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
.histroys .contents .left { width: 422px; margin-bottom: 60px; }
.histroys .contents .left h2 { margin-left: 35px; float: right; }
.histroys .contents .left .content { float: left; width: 319px; }
.histroys .contents .right { width: 720px; margin-left: calc(100% - 720px); margin-bottom: 60px; }
.histroys .contents .right h2 { margin-right: 60px; float: left;}
.histroys .contents .left h2 span, .histroys .contents .right h2 span { font-size: 20px; font-weight: normal; width: 100%; display: inline-block; text-align: center; }
.histroys .contents .right .content { float: right; width: 592px; padding-bottom: 10px; }

.right-nav { position: fixed; right: calc((100% - 1600px) / 2); top: 50%; padding: 30px 0; z-index: 2; min-width:100px;}
.right-nav .after, .right-nav .before { content: ""; display: block; position: absolute; left: -6px; border-width: 1px; border-color: #717171; border-style: solid; border-radius: 50%; width: 10px; height: 10px; }
.right-nav .before { top: -11px; }
.right-nav .after { bottom: -11px; }

.right-nav .top, .right-nav .bottom{ padding-left: 20px; font-size: 20px; color: #808080; }
.right-nav .close { padding-left: 20px; font-size: 18px; color: #c2c2c2; top: -16px; position: absolute; }
.right-nav .top:hover, .right-nav .bottom:hover,.right-nav .close:hover { color: #0078d7; }
.right-nav ul { margin-top: 20px; }
.right-nav li { padding-left: 20px; margin-bottom: 20px; font-size: 22px; }
.right-nav li:hover { color: #0078d7; }
.right-nav li.active { color: #0078d7; font-weight: bold; position: relative; }
.right-nav li.active:after { content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background: #0078d7; }
.right-nav .line { height: 100%; position: absolute; background: #797979; width: 1px; top: 0; }

@keyframes donghua { from { transform: translatex(0px); }
  to { transform: translatex(-100px); } }
.mission-wrap { position: relative; height: 565px; }
.mission-wrap .mis-img { width: 810px; height: 565px; position: absolute; left: 0; overflow: hidden; }
.mission-wrap .mis-img img { height: 565px; animation: donghua 20s infinite; }
.mission-wrap .mission-right { width: 690px; float: right; }
.mission-wrap .mission-right .mis-con { margin-left: 80px; }
.mission-wrap .mission-right .mis-con h5 { font-size: 32px; font-weight: 500; margin-bottom: 20px; }
.mission-wrap .mission-right .mis-con .misTxt { margin: -40px 0 60px; }
.mission-wrap .mission-right .mis-con .misTxt p { font-size: 16px; margin-bottom: 5px; }
.mission-wrap .mission-right .mis-con ul.poster-list { display: flex; }
.mission-wrap .mission-right .mis-con ul.poster-list li { color: #0078d7; border: 1px solid #0078d7; border-radius: 3px; width: 90px; height: 29px; line-height: 29px; margin-right: 20px; cursor: pointer; }
.mission-wrap .mission-right .mis-con ul.poster-list li:hover { border-color: #0078d7; background: #0078d7; color: #ffffff; }

.year-history { padding: 130px 0 0; }
.year-history .abtit h1 { font-size: 76px; color: #0078d7; }
.year-history .abtit h1 span { font-size: 23px; }
.year-history .film { width: 100%; height: 360px; background-size: cover !important; background-repeat: no-repeat; margin: 60px 0; }
.year-history .film .swiper-container { width: 100%; height: 100%; }
.year-history .film .swiper-container .swiper-wrapper { align-items: center; }
.year-history .film .swiper-container .swiper-slide.fitem { background-color: black; width: 372px; height: 251px; cursor: pointer; }
.year-history .film .swiper-container .swiper-slide.fitem img { width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.year-history .film .swiper-container .swiper-slide.fitem:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.year-history .link-text { float: left; }
.year-history .link-text .line { background-color: #0078d7; width: 38px; height: 8px; margin-bottom: 30px; }
.year-history .link-text p { margin-bottom: 10px; font-size: 18px; margin-left: 50px; }
.year-history .link-img { float: right; }

.font-18 { font-size: 18px !important; }

.pattern-wrap { position: relative; height: 338px; }
.pattern-wrap .middle-triangle { height: 338px; display: block; margin: 0 auto; }
.pattern-wrap .pbox { width: 306px; }
.pattern-wrap .pbox h1 { font-size: 70px; color: #0078d7; margin-bottom: 6px; }
.pattern-wrap .pbox h1 span { font-weight: 500; font-size: 21px; }
.pattern-wrap .pbox .pcont .tit { position: relative; padding-left: 32px; font-size: 23px; margin-bottom: 24px; }
.pattern-wrap .pbox .pcont .tit:before { content: ''; position: absolute; width: 9px; height: 26px; background: #0078d7; left: 0; top: calc((100% - 26px) / 2); }
.pattern-wrap .pbox .pcont p { font-size: 16px; line-height: 26px; }
.pattern-wrap .pattern-left .left-line { height: 52px; position: absolute; bottom: 48%; left: 8%; }
.pattern-wrap .pattern-left .pbox { position: absolute; bottom: 45px; }
.pattern-wrap .pattern-right .right-line { height: 52px; position: absolute; top: 0%; right: 13%; }
.pattern-wrap .pattern-right .pbox { position: absolute; top: -111px; right: 43px; }

ul.cooper-list { display: flex; padding: 13px 0 50px; }
ul.cooper-list li { width: calc((100% - 80px) / 2); height: 378px; margin-right: 40px; padding: 64px 28px; box-sizing: border-box; border-radius: 10px; background-size: cover; box-shadow: 0px 11px 10px 0px rgba(72, 86, 115, 0.31), inset 0px 3px 0px 0px rgba(255, 255, 255, 0.45); position: relative; overflow: hidden; }
ul.cooper-list li h4 { font-size: 28px; margin-bottom: 49px; font-weight: 500; }
ul.cooper-list li p { font-size: 14px; line-height: 26px; }
ul.cooper-list li .actImg { height: 82px; object-fit: contain; position: absolute; right: 28px; top: 25px; display: none; }
ul.cooper-list li .know-more { width: 100%; height: 50px; line-height: 50px; background: #0078d7; position: absolute; bottom: -50px; left: 0; color: #ffffff; text-align: center; font-size: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: bottom .5s ease-in-out; -moz-transition: bottom .5s ease-in-out; -o-transition: bottom .5s ease-in-out; transition: bottom .5s ease-in-out; }
ul.cooper-list li:hover .actImg { display: block; }
ul.cooper-list li:hover .know-more { bottom: 0px; }
ul.cooper-list li:last-child { margin-right: 0; }

.yfs-wrap { padding: 20px 0 67px; }
.yfs-wrap img { width: 100%; display: block; margin: 0 auto; }

.kfz-wrap { padding: 40px  0 176px; }
.kfz-wrap img { width: 100%; display: block; margin: 0 auto; }

/*# sourceMappingURL=about.css.map */

/*@media screen and (max-device-width:1600px) {
    .right-nav { right: calc((100% - 1600px) / 2 + 100px); }
}*/
@media screen and (max-width:1600px) {

    .right-nav { right: 10px; }
    .swiper-button-next, .swiper-button-prev {display:none; }
    .mission-wrap .mis-img { width: 510px; }
}