/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;}
.paging-menu{width: 100%;justify-content: center;align-items: center;}
.paging-menu li{min-width: 44px;height: 44px;border: 1px solid #e0e0e0;line-height:44px;text-align:center;background-repeat: no-repeat;background-position: center;margin:0 10px;padding:0 10px;}
.paging-menu li a{
    display: inline-block;
}
.paging-menu li:hover a, .paging-menu li.active a{color: #fff;}
.paging-menu li.active,.paging-menu li:hover{
    background-color: #FF6801;
}


@media all and (max-width: 640px) {
    .paging-menu a {margin: 0 9px;}
}

/* 搜索页面 */
.search{width: 100%;}
.search-info{width: 100%;line-height: 1.1;color: #333;font-weight: 700;}
.search-info span{color: #FF6801;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border-bottom: 1px solid #f0f0f2;}
.search-link h2{color: #333;line-height: 1.1;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #FF6801 !important;}
.search-link:hover h2{color: #FF6801;}
@media all and (max-width:1000px) {.search-link{padding: 22px 0;}.search-list{margin-top: 10px;}}

.sonTitle{width: auto;}
.sonTitle .title{color: #333;line-height: 1.1;}
.sonTitle .text{color: #666;}
.sonTitle.center{width: 100%;text-align: center;}
.sonTitle.white .title, .sonTitle.white .text{color: #fff;}

/* 法律声明 */
.law{width: 100%;}
.law .content{width: 100%;}
.law .content *{line-height: inherit;color: #666;}
.law .content h6{color: #333;font-weight: 700;font-size: 24px;}

.sonBan{width: 100%;position: relative;overflow: hidden;}
.sonBan img{width: 100%;height: 600px;object-fit: cover;}
.sonBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;pointer-events: none;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sonBan-cont .contain {pointer-events: auto;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.sonBan-cont .text{font-family: "MB";line-height: 1;margin-top: 12px;}
.sonBan-cont .title{line-height: 1.1;font-weight: 700;margin-top: 0;}
.sonBan-cont .text, .sonBan-cont .title{opacity: 0;}
.sonBan-cont .text{animation: sonBanRun 1s ease both .4s;}
.sonBan-cont .title{animation: sonBanRun 1s ease both .2s;}
@keyframes sonBanRun {0%{opacity: 0;transform: translateX(200px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
.sonBan-mix{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 0;opacity: 0;animation: sonBanRunMenu 1s ease both .8s;}
@keyframes sonBanRunMenu {0%{opacity: 0;transform: translateY(110px);}100%{opacity: 1;transform: translateY(0);}}
.sonBan-place{width: 100%;color: #fff;align-items: center;font-size: 0;margin-bottom: 16px;opacity: 0;visibility: hidden;}
.sonBan-place a{font-size: 14px;line-height: 16px;margin-right: 20px;position: relative;transition: all .4s ease;}
.sonBan-place a::after{content: "";position: absolute;pointer-events: none;top: 0;right: -20px;width: 20px;height: 16px;background: url('http://www.bonkoon.com/template/default/images/common/arrRW.svg') no-repeat center/12px auto;}
.sonBan-place a:last-child:after{display: none;}
.sonBan-place.color{color: #888;}
.sonBan-place.color a::after{background-image: url('http://www.bonkoon.com/template/default/images/common/arrR.svg');background-size: 16px auto;}
.sonBan-place a:hover{color: #FF6801;}
.sonBan-menu{width: 100%;justify-content: space-between;}
.sonBan-menu a{display: flex;height: 70px;line-height: 1;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-weight: 500;background: rgba(0, 0, 0, .5);transition: all .4s ease;}
.sonBan-menu.a1 a, .sonBan-menu.a2 a{width: calc(50% - 2px);}
.sonBan-menu.a3 a{width: calc(33.3333% - 2px);}
.sonBan-menu.a4 a{width: calc(25% - 2px);}
.sonBan-menu a:hover, .sonBan-menu a.active{background: #FF6801;}

.section{width: 100%;position: relative;overflow: hidden;}

/* 联系我们 */
.rel{background: #fff;}
.reltp{width: 100%;overflow: hidden;position: relative;}
.reltp::after{content: "";position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .3);}
.reltp-loop{width: 100%;position: relative;overflow: hidden;background: #333;}
.reltp-loop img{width: 100%;object-fit: cover;}
.reltp-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;user-select: none;}
.reltp-list ul{display: flex;height: 100%;}
.reltp-list li{width: 160px;height: 100%;position: relative;overflow: hidden;color: #fff;cursor: pointer;}
.reltp-list li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .5);}
.reltp-list li:first-child::before{display: none;}
.reltp-list li.active{width: calc(100% - 160px*5);}
.reltp-list li .address{position: absolute;width: 100%;transition: all .4s ease;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.reltp-list li .content{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 90px;}
.reltp-list li .title{line-height: 1.1;opacity: 0;}
.reltp-list li .text{max-width: 334px;opacity: 0;}
.reltp-list li.active .address{opacity: 0;}
.reltp-list li.active .title{animation: reltpRun 1s ease both .4s;}
.reltp-list li.active .text{animation: reltpRun 1s ease both .6s;}
@keyframes reltpRun {0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
.rellb{width: 100%;overflow: hidden;}
.rellb-main{width: 100%;padding-bottom: 36px;border-bottom: 1px solid #d8dadd;}
.rellb-main .name{display: flex;align-items: center;min-height: 22px;color: #333;line-height: 1.1;padding-right: 28px;background: url('http://www.bonkoon.com/template/default/images/pages/relicon.png') no-repeat right 2px top;transition: all .4s ease;}
.rellb-main-list{margin-left: -80px;}
.rellb-main-list li{width: calc(33.3333% - 80px);margin-left: 80px;}
.rellb-main-list li .hint{color: #333;font-family: "MB";line-height: 1.1;}
.rellb-main-list li .text{color: #888;}
.rellb-main-list li:first-child .text{color: #333;max-width: 300px;}
.rellb-list{width: 100%;}
.rellb-list ul{border-bottom: 1px solid #d8dadd;padding: 36px 0;margin-left: -80px;}
.rellb-list li{width: calc(33.3333% - 80px);margin-left: 80px;}
.rellb-list li .name{display: flex;align-items: center;min-height: 24px;color: #333;line-height: 1.32;padding-right: 32px;background: url('http://www.bonkoon.com/template/default/images/pages/relicon.png') no-repeat right 2px top 3px;transition: all .4s ease;}
.rellb-list li .email, .rellb-list li .phone{color: #666;font-family: "MR";line-height: 1.1;}
.rellb-list li .address{color: #666;max-width: 260px;}
.rellb-list ul:last-child{border-bottom: none;padding-bottom: 0;}
.rellb-main .name:hover, .rellb-list li .name:hover{color: #FF6801;background-image: url('http://www.bonkoon.com/template/default/images/pages/reliconH.png');}

/* 新闻-列表 */
.news{background: #fff;}
.news-main{width: 100%;}
.news-image{width: 924px;overflow: hidden;display: block;}
.news-image img{width: 100%;object-fit: cover;transition: all .6s ease;height: 260px;}
.news-main .news-image img{height:480px}
.news-image:hover img{transform: scale(1.04);}
.news-main .news-cont{justify-content: center;}
.news-cont{width: calc(100% - 924px);padding: 68px 44px 30px;display: flex;flex-direction: column;justify-content: space-between;background: #f6f7f9;}
.news-cont .top, .news-cont .bottom{width: 100%;}
.news-cont .time{color: #666;font-family: "MB";line-height: 1.1;}
.news-cont .title{width: 100%;}
.news-cont .title a{color: #333;transition: all .4s ease;}
.news-cont .title a:hover{color: #FF6801;}
.news-cont .text{color: #888;}
.news-cont .more{width: 100%;}
.news-cont .more a{display: flex;color: #666;padding-right: 18px;background: url('http://www.bonkoon.com/template/default/images/common/arrR.svg') no-repeat right -2px top 1px/17px auto;transition: all .4s ease;position: relative;}
.news-cont .more a:hover{color: #FF6801;background-image: url('http://www.bonkoon.com/template/default/images/common/arrRH.svg');}
.news-cont .more a::after{content: '';position: absolute;width: 0;height: 1px;background: #FF6801;right: 0;bottom: 0;transition: all .4s ease;}
.news-cont .more a:hover::after{width: 100%;right: auto;left: 0;}
.news-cont .link{display: flex;width: 100%;height: 74px;padding: 0 30px;justify-content: space-between;align-items: center;background: #fff;border-top-right-radius: 37px;border-bottom-right-radius: 37px;transition: all .4s ease;transition: all .4s ease;}
.news-cont .link span{font-size: 14px;color: #666;transition: all .4s ease;}
.news-cont .link i{width: 60px;height: 40px;background: #384452;transition: all .1s ease 0s;overflow: hidden;transition: all .4s ease;position: relative;border-top-right-radius: 20px;border-bottom-right-radius: 20px;position: relative;}
.news-cont .link i::after{content: "";position: absolute;width: 12px;height: 12px;transition: all .4s ease;top: 50%;left: 50%;margin: -6px 0 0 -6px;background: url('http://www.bonkoon.com/template/default/images/pages/newsIcon.png') no-repeat center;}
.news-cont .link i::before{content: "";position: absolute;width: 0;opacity: 0;height: 100%;background: #FF6801;top: 0;left: 0;transition: width .4s ease,opacity .1s ease .4s;}
.news-cont .link:hover{border-radius: 0;}
.news-cont .link:hover span{color: #FF6801;}
.news-cont .link:hover i::after{transform: rotate(90deg);}
.news-cont .link:hover i::before{width: 100%;opacity: 1;transition: width .4s ease .1s,opacity .1s ease;}
.news-cont .link:hover i{background: #FF6801;transition: all .4s ease .4s;}
.news-list{width: 100%;}
.news-list ul{margin: 0 0 0 -31px;}
.news-list li{width: calc(33.3333% - 31px);margin: 60px 0 0 31px;background: #f6f7f9;}
.news-list .news-image{width: 100%;}
.news-list .news-cont{width: 100%;padding: 32px 30px 40px;}

/* 新闻-详情 */
.newsxq{background: linear-gradient(to bottom,#fafafc 50%,#fff);}
.newsxq-banner{width: 100%;overflow: hidden;}
.newsxq-banner img{width: 100%;object-fit: cover;height: 400px;}
.newsxq-control{width: 100%;background: #FF6801;}
.newsxq-control .contain{align-items: center;justify-content: space-between;}
.newsxq-control a.back{width: 120px;height: 120px;background: #004ba1;position: relative;order: 2;}
.newsxq-control a.back::after{content: "";width: 30px;height: 30px;margin: -15px 0 0 -15px;position: absolute;top: 50%;left: 50%;background: url('http://www.bonkoon.com/template/default/images/pages/newsxqMenu.png') no-repeat center;transition: all .6s ease;}
.newsxq-control a.back:hover:after{transform: rotate(180deg);}
.newsxq-control a.prev, .newsxq-control a.next{width: calc(50% - 60px);padding: 0 36px;color: #fff;height: 120px;align-items: center;}
.newsxq-control a.prev p, .newsxq-control a.next p{max-width: 100%;position: relative;padding: 4px 0;}
.newsxq-control a.prev p.mb, .newsxq-control a.next p.mb{display: none;}
.newsxq-control a.prev p::after, .newsxq-control a.next p::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #fff;opacity: 0;transition: all .4s ease;}
.newsxq-control a.prev{order: 1;background: url('http://www.bonkoon.com/template/default/images/pages/newsxqArrL.png') no-repeat left center;}
.newsxq-control a.next{order: 3;background: url('http://www.bonkoon.com/template/default/images/pages/newsxqArrR.png') no-repeat right center;justify-content: flex-end;}
.newsxq-control a.prev:hover p::after, .newsxq-control a.next:hover p::after{opacity: 1;}
.newsxq-mix{width: 100%;position: relative;z-index: 2;margin-top: -266px;}
.newsxq-mix .contain{max-width: 1100px;}
.newsxq-head{width: 100%;color: #fff;}
.newsxq-head .title{line-height: 1.3;min-height: 104px;}
.newsxq-head .time{font-family: "MB";padding-left: 30px;line-height: 1;background: url('http://www.bonkoon.com/template/default/images/pages/newsxqIcon.png') no-repeat left center;margin-top: 12px;}
.newsxq-box{width: 100%;position: relative;}
/* -- */
#toShare{position: absolute;width: 30px;left: -62px;top: 162px;}
#toShare a{display: flex;width: 100%;height: 30px;margin-top: 24px;background: #d7d7d7;border-radius: 4px;align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin-top: 0;}
#toShare a:hover{background: #FF6801;}
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, .1);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
#toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
#toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
#toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
#toShare .icon-wechat:hover .wechat-qrcode{display: block;}
/* -- */
.newsxq-content{width: 100%;background: #fff;padding: 78px 78px 0;position: relative;color: #666;text-align: center;}
.newsxq-content *{line-height: inherit !important;margin: 0 !important;padding: 0 !important;max-width: 100% !important;text-align: left;font-family: "思源黑体 CN", "Source Han Sans CN", "noto sans" !important;}
.newsxq-content h6{color: #FF6801;font-size: 20px;font-weight: 700;}
.newsxq-content img, .newsxq-content video{height: auto !important;}

.corProduct{width: 100%;background: #FF6801 url('http://www.bonkoon.com/template/default/images/pages/corProductBg.png') no-repeat right center/auto 100%;color: #fff;position: relative;overflow: hidden;text-align: center;}
.corProduct .contain{position: relative;z-index: 4;}
.corProduct .link{width: 100%;}
.corProduct .link a{display: flex;align-items: center;position: relative;justify-content: center;width: 230px;height: 52px;margin: 0 auto;padding-top: 2px;border: 3px solid rgba(255, 255, 255, .5);border-radius: 26px;line-height: 1;font-size: 16px;font-weight: 700;color: #fff;transition: all .4s ease;}
.corProduct .link a::after{content: "";width: 24px;height: 12px;position: absolute;top: 50%;margin-top: -4px;right: 22px;background: url('http://www.bonkoon.com/template/default/images/index/indArr.png') no-repeat center;transition: all .4s ease;}
.corProduct .link a:hover{background: #fff;border-color: #fff;color: #FF6801;}
.corProduct .link a:hover::after{transform: translateX(-26px);background-image: url('http://www.bonkoon.com/template/default/images/index/indArrH.png');}
.corProduct.liuyan a::after{display: none;}
.corProduct.liuyan a span{transition: background .4s ease;height: 22px;line-height: 22px;}
.corProduct.liuyan a:hover span{background-image: url('http://www.bonkoon.com/template/default/images/pages/messIcH.png');}

/* 方案-综合页 */
.case{width: 100%;}
.casejs{background: url('http://www.bonkoon.com/template/default/images/pages/caseBg.jpg') no-repeat left top/auto 400px;}
.casejs-head{width: 100%;justify-content: center;}
.casejs-head .text{max-width: 1000px;color: #333;}
.casejs-img{width: 100%;}
.casejs-img img{max-width: 100%;}
.case img{height:auto !important}

/* 方案-产品列表 */
.pro{background: #eff0f2;overflow: visible;}
.pro .contain{align-items: flex-start;}
/* 侧栏 */
.slideBox{width: 220px;position: sticky;left: 0;top: 108px;padding-bottom: 124px;}
.slideList{width: 100%;padding: 24px 0;background: #fff;}
.slideList ul{display: block;width: 100%;}
.slideList ul li{width: 100%;position: relative;}
.slideList ul li .menu{font-size: 18px;color: #000;display: flex;align-items: center;padding: 0 20px;height: 60px;transition: all .4s ease;position: relative;}
.slideList ul li .click{position: absolute;z-index: 4;cursor: pointer;width: 20px;height: 20px;top: 20px;right: 12px;background: url('http://www.bonkoon.com/template/default/images/common/arrD.svg') no-repeat center/14px auto;transform: rotate(-90deg);}
.slideList ul li li .menu{font-size: 15px;color: #666;height: 40px;}
.slideList ul li li li .menu{font-size: 14px;height: 32px;}
.slideList ul li li li .menu::before{content: "-";margin-right: 4px;}
.slideList ul li .drop{width: 100%;display: none;}
.slideList ul li .menu:hover{color: #FF6801;}
.slideList ul li.active>.menu{color: #FF6801;}
.slideList ul li .drop.show{display: block;}
.slideList ul li.on>.click{transform: rotate(0);}
.slideClick, .slideShade, .slideClose{display: none;}
.slideShade{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;z-index: 66;}
@media all and (max-width:1599px) {.slideList ul li .menu{height: 48px;}.slideList ul li .click{top: 14px;}}
@media all and (max-width:640px) {
    .slideClick{position: sticky;z-index: 10;background: #fff;font-size: 16px;color: #FF6801;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);display: flex;width: 100%;height: 46px;align-items: center;justify-content: center;left: 0;top: 58px;}
    .slideClose{display: block;width: 36px;height: 40px;position: absolute;background: url('http://www.bonkoon.com/template/default/images/common/close.svg') no-repeat center/14px auto;top: 60px;right: 0;}
    .slideBox{background: #fff;position: fixed;left: -222px;top: 0 !important;z-index: 99;height: 100%;padding-top: 100px;}
    .slideList{height: calc(100vh - 130px);overflow-y: auto;padding: 0;}
    .slideList ul li .menu {font-size: 16px;padding: 0 16px;height: 44px;}
    .slideList ul li .click{top: 12px;}
}
/* -- */
.prolb{}
.prolb-list{width: 100%;}
.prolb-list ul{margin: -30px 0 0 -30px;}
.prolb-list li{width: calc(33.33% - 30px);margin: 30px 0 0 30px;background: #fff;overflow:hidden;}
.prolb-image{display: flex;align-items: center;justify-content: center;}
.prolb-image img{max-width: 100%;max-height: 100%;transition: all .6s ease;}
.prolb-image:hover img{transform: scale(1.04);}
.prolb-cont{width: 100%;padding:20px;display:flex;justify-content:space-between;align-items:center}
.prolb-cont .title{width: 100%;}
.prolb-cont .title a{color: #333;transition: all .4s ease;}
.prolb-cont .title a:hover{color: #FF6801;}
.prolb-cont .text{color: #666;}
.prolb-cont .link{display: flex;width: 100%;height: 74px;padding: 0 30px;justify-content: space-between;align-items: center;background: #f6f7f9;border-top-right-radius: 37px;border-bottom-right-radius: 37px;transition: all .4s ease;transition: all .4s ease;}
.prolb-cont .link span{font-size: 14px;color: #666;transition: all .4s ease;}
.prolb-cont .link i{width: 60px;height: 40px;background: #384452;transition: all .1s ease 0s;overflow: hidden;transition: all .4s ease;position: relative;border-top-right-radius: 20px;border-bottom-right-radius: 20px;position: relative;}
.prolb-cont .link i::after{content: "";position: absolute;width: 12px;height: 12px;transition: all .4s ease;top: 50%;left: 50%;margin: -6px 0 0 -6px;background: url('http://www.bonkoon.com/template/default/images/pages/newsIcon.png') no-repeat center;}
.prolb-cont .link i::before{content: "";position: absolute;width: 0;opacity: 0;height: 100%;background: #FF6801;top: 0;left: 0;transition: width .4s ease,opacity .1s ease .4s;}
.prolb-cont .link:hover{border-radius: 0;}
.prolb-cont .link:hover span{color: #FF6801;}
.prolb-cont .link:hover i::after{transform: rotate(90deg);}
.prolb-cont .link:hover i::before{width: 100%;opacity: 1;transition: width .4s ease .1s,opacity .1s ease;}
.prolb-cont .link:hover i{background: #FF6801;transition: all .4s ease .4s;}
.prolb-cont .more{width: 100%;}
.prolb-cont .more a{display: flex;color: #666;padding-right: 18px;background: url('http://www.bonkoon.com/template/default/images/common/arrR.svg') no-repeat right -2px top 1px/17px auto;transition: all .4s ease;position: relative;}
.prolb-cont .more a:hover{color: #FF6801;background-image: url('http://www.bonkoon.com/template/default/images/common/arrRH.svg');}
.prolb-cont .more a::after{content: '';position: absolute;width: 0;height: 1px;background: #FF6801;right: 0;bottom: 0;transition: all .4s ease;}
.prolb-cont .more a:hover::after{width: 100%;right: auto;left: 0;}

.prolb-cont .linkicon{
    color:#FF6801;
}

/* 方案-产品详情 */
.proxq{background: #fff;}
.proxqtb{background: #f5f7f9;display: flex;justify-content: flex-end;}
.proxqtb .contain{width: 100%;padding-left: calc((100% - 1400px)/2);}
.proxqtb-mix{width: 100%;flex-direction: row-reverse;align-items: center;}
.proxqtb-image{width: calc(100% - 480px);padding: 0 90px;display: flex;justify-content: center;align-items: center;}
.proxqtb-image img{max-width: 100%;max-height:540px}
.proxqtb-info{width: 480px;}
.proxqtb-info-title{width: 100%;padding-bottom: 32px;border-bottom: 1px solid #cdd5dc;}
.proxqtb-info-title .name{color: #333;line-height: 1.12;}
.proxqtb-info-title .text{color: #666;}
.proxqtb-info-number{width: 100%;padding: 44px 0;}
.proxqtb-info-number ul{margin-top: -28px;}
.proxqtb-info-number li{width: 50%;margin-top: 28px;}
.proxqtb-info-number li .text{line-height: 1.1;color: #666;}
.proxqtb-info-number li .num{font-family: "MB";line-height: 1;color: #FF6801;}
.proxqtb-info-number li.noNum {width: 100%;}
.proxqtb-info-number li.noNum .num{line-height: 1.24;}
.proxqtb-info-btn{width: 100%;}
.proxqtb-info-btn>div{width: 100%;}
.proxqtb-info-btn>div.rele a{width: 224px;height: 60px;display: flex;align-items: center;justify-content: center;background: #FF6801;color: #fff;transition: all .4s ease;}
.proxqtb-info-btn>div.rele a:hover{box-shadow: 0 4px 16px 0 rgba(0, 86, 184, .4);}
.proxqtb-info-btn>div.info{display: none;}
.proxqtb-info-btn>div.info a{display: flex;align-items: center;height: 22px;padding-left: 42px;color: #666;background: url('http://www.bonkoon.com/template/default/images/pages/proxqic1.png') no-repeat left center;transition: all .4s ease;}
.proxqtb-info-btn>div.info a:hover{color: #FF6801;}
/* -- */
.popProxq{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999993;background: rgba(255, 255, 255, .7);align-items: center;}
.popProxq.active{display: flex;}
.popProxq .contain{opacity: 0;background: #fff;padding: 60px 130px;position: relative;box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);}
.popProxq.active .contain{animation: joinhxzzPopRun 1s ease both .2s;}
.popProxq-close{width: 30px;height: 30px;position: absolute;cursor: pointer;background: url('http://www.bonkoon.com/template/default/images/common/closeC.svg') no-repeat center/100% auto;top: 26px;right: 26px;transition: all .4s ease;}
.popProxq-close:hover{transform: rotate(90deg);}
.popProxq-title{font-size: 30px;font-weight: 700;color: #333;}
.popProxq-title p{font-size: 20px;color: #888;font-weight: 400;}
.popProxq-from{width: 100%;margin-top: 24px;}
.popProxq-from-list{width: 100%;margin-top: 20px;}
.popProxq-from-list:first-child{margin-top: 0;}
.popProxq-from-title{width: 100%;font-size: 20px;color: #ef8903;}
.popProxq-from-list ul{width: 100%;justify-content: space-between;}
.popProxq-from-list li{margin-top: 12px;width: calc(50% - 10px);}
.popProxq-from-list li p{font-size: 16px;color: #666;}
.popProxq-from-list li input{width: 100%;height: 44px;font-size: 16px;color: #666;border: 1px solid #cdd5dc;margin-top: 8px;padding: 0 12px;transition: border .4s ease;}
.popProxq-from-list li.long{width: 100%;}
.popProxq-from-list li textarea{width: 100%;height: 120px;font-size: 16px;color: #666;border: 1px solid #cdd5dc;margin-top: 8px;padding: 8px 12px;transition: border .4s ease;}
.popProxq-from-list li input:focus, .popProxq-from-list li textarea:focus{border-color: #ef8903;}
.popProxq-from-list:last-child{margin-top: 12px;}
.popProxq-from-list li button{width: 224px;height: 60px;background: #FF6801;font-size: 16px;color: #fff;margin: 10px auto 0;display: block;transition: all .4s ease;cursor: pointer;}
.popProxq-from-list li button:hover{box-shadow: 0 4px 16px 0 rgba(0, 86, 184, .4);}
.popProxq-true{width: auto;align-items: center;display: flex;}
.popProxq-true i{display: block;width: 24px;height: 24px;border: 1px solid #cdd5dc;margin-right: 12px;position: relative;transition: all .4s ease;}
.popProxq-true i::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('http://www.bonkoon.com/template/default/images/common/true.svg') no-repeat center/16px auto;opacity: 0;transition: all .4s ease;}
.popProxq-true i:hover{border-color: #ef8903;}
.popProxq-true a{font-size: 14px;color: #666;transition: all .4s ease;}
.popProxq-true a:hover{color: #ef8903;}
.popProxq-true.active i{border-color: #ef8903;background: #ef8903;}
.popProxq-true.active i::after{opacity: 1;}
@media all and (max-width:1599px) {
    .popProxq .contain {padding: 50px 80px;}
    .popProxq-from-list li button {width: 188px;margin-top: 6px;height: 50px;}
    .popProxq-title {font-size: 26px;}
    .popProxq-title p{font-size: 18px;}
    .popProxq-from-title {font-size: 18px;}
    .popProxq-from-list:last-child {margin-top: 10px;}
    .popProxq-from-list li {margin-top: 6px;}
    .popProxq-from {margin-top: 14px;}
    .popProxq-from-list {margin-top: 16px;}
}
@media all and (max-width:1279px) {
    .popProxq-from-list li button {width: 180px;}
    .popProxq .contain {padding: 30px 40px;}
}
@media all and (max-width:640px) {
    .popProxq .contain {padding: 20px 16px 24px;}
    .popProxq-close {width: 20px;height: 20px;top: 24px;right: 16px;}
    .popProxq-title {font-size: 20px;}
    .popProxq-title p{font-size: 16px;}
    .popProxq-from-title {font-size: 16px;}
    .popProxq-from-list li {width: 100%;}
    .popProxq-from-list li p {font-size: 14px;}
    .popProxq-from-list li input {height: 37px;font-size: 14px;margin-top: 4px;padding: 0 10px;}
    .popProxq-from {margin-top: 6px;}
    .popProxq-from-list {margin-top: 10px;}
    .popProxq-from-list li textarea {height: 84px;font-size: 14px;margin-top: 4px;padding: 6px 10px;}
    .popProxq-true i {width: 20px;height: 20px;margin-right: 8px;}
    .popProxq-from-list:last-child {margin-top: 6px;}
    .popProxq-from-list li button {height: 40px;width: 144px;margin-top: 0;}
}
/* -- */
.proxqst{width: 100%;}
.proxqst.one .contain{max-width: 1000px;}
.proxqst-items{width: 100%;padding: 68px 0 58px;border-bottom: 2px solid #f3f6f8;}
.proxqst-items:first-child{padding-top: 0;}
.proxqst-items:last-child{padding-bottom: 0;border-bottom: none;}
.proxqst-title{width: 100%;line-height: 1;border-left: 7px solid #FF6801;padding-left: 21px;color: #333;}
.proxqst-text{width: 100%;color: #666;}
.proxqst-text p{line-height: inherit;padding-left: 28px;position: relative;}
.proxqst-text p::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #959595;left: 0;top: 15px;}
.proxqst-table{width: 100%;overflow-x: auto;}
.proxqst-table table{width: 100%;border: 1px solid #e4e7ea;border-width:1px 0px 0px 1px;}
td{border: solid #e4e7ea;border-width:0px 1px 1px 0px;}
.proxqst-table tr{width: 100%;}
.proxqst-table tr td{font-size: 16px;color: #666;word-break: keep-all;padding: 14px 80px;}
.proxqst-table tr td span{color: #333;font-weight: 500;}
.proxqst-image{width: 100%;text-align: center;}
.proxqst-image img{max-width: 100%;}
.ke-zeroborder{width: 100%;}
.ke-zeroborder tr{margin-left: -24px;display: flex;flex-wrap: wrap;}
.ke-zeroborder tr td{width: calc(33.3333% - 24px);margin-left: 24px;background: #f7f7f7;border:none}
.ke-zeroborder tr td .image{width: 100%;height: 260px;padding: 30px;display: flex;align-items: center;justify-content: center;background: #fff;}
.ke-zeroborder tr td .image img{max-width: 100%;max-height: 100%;height: auto !important;width: auto !important;transition: all .6s ease;}
.ke-zeroborder tr td .cont{width: 100%;padding: 30px;font-size: 14px;line-height: 24px;color: #666;word-break: break-all;}
.ke-zeroborder tr td .cont span{color: #333;font-weight: 700;}
.ke-zeroborder tr td:hover .image img{transform: scale(1.04);}

/* 关于我们 */
.about{width: 100%;}
.aboutBan{width: 100%;overflow: hidden;position: relative;}
.aboutBan img{width: 100%;object-fit: cover;height: 600px;animation: aboutBanRun 1.4s ease both;}
@keyframes aboutBanRun {0%{transform: scale(1.12);}100%{transform: scale(1);}}
.aboutBan video{position: absolute;transform: scale(1);width: 100%;height: 100%;top: 0;left: 0;z-index: 4;pointer-events: none;opacity: 0;animation: aboutBanVideo 1s ease both 1.6s;}
@keyframes aboutBanVideo {0%{opacity: 0;}100%{opacity: 1;}}
.aboutBan-play{width: 68px;height: 68px;z-index: 6;margin: -34px 0 0 -34px;border-radius: 50%;border: 3px solid #fff;background: url('http://www.bonkoon.com/template/default/images/index/bannerStopH.svg') no-repeat left 58% center/36px auto;cursor: pointer;position: absolute;top: 50%;left: 50%;transition: all .4s ease;}
.aboutBan-play:hover{background-color: #fff;background-image: url('http://www.bonkoon.com/template/default/images/index/bannerStopC.svg');}
.aboutBan.active video{pointer-events: auto;opacity: 1;visibility: visible;}
.aboutBan.active .aboutBan-play{pointer-events: none;opacity: 0;visibility: hidden;}
.aboutmh{background: #fff;overflow: visible;}
.aboutmh .contain{position: relative;z-index: 4;}
.aboutmh-mix{width: 100%;align-items: flex-start;}
.aboutmh-wrap{width: 685px;}
.aboutmh-image{width: 100%;border-radius: 60px;overflow: hidden;position:relative}
.aboutmh-image img{width: 100%;object-fit: cover;}
.aboutmh-list{width: 100%;}
.aboutmh-list li{align-items: center;height: 156px;border-bottom: 1px solid #dcdcdc;}
.aboutmh-list li .num{color: #FF6801;line-height: 1;font-family: "MB";width: 340px;}
.aboutmh-list li .text{color: #333;line-height: 1;}
.aboutmh-text{width: calc(100% - 685px);padding-left: 90px;position: sticky;top: 130px;right: 0;color: #666;}
.aboutmh-text p{line-height: inherit;}
.aboutmh-bird{width: 100%;overflow: hidden;position: absolute;left: 0;bottom: 0;pointer-events: none;text-align: right;}
.aboutmh-bird img{width: 1094px;right: -170px;object-fit: cover;position: relative;}
.aboutbj{background: #f6f7f9;}
.aboutbj .sonTitle{margin-bottom:40px;}
.aboutbj .sonTitle .indmh-desc{color:#828283;font-size:17px;}
.aboutbj-map{width: 100%;margin-bottom:80px;}
.aboutbj-map .contain{position: relative;}
.aboutbj-map-bg{width: 100%;object-fit: cover;}
.aboutbj-map-dot{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;}
.aboutbj-map-dot .dot{position: absolute;z-index: 6;display: flex;align-items: center;}
.aboutbj-map-dot .dot i{width: 14px;height: 14px;border-radius: 50%;background: #ef8903;margin-right: 10px;position: relative;}
.aboutbj-map-dot .dot i::before,.aboutbj-map-dot .dot i::after {content: "";display: block;width: 20px;height: 20px;border: 1px solid rgba(239, 137, 3, .7);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -10px;animation: aboutbjRing 1.5s linear infinite;opacity: 0;}
.aboutbj-map-dot .dot i::before {animation-delay: .6s;}
.aboutbj-map-dot .dot i::after {animation-delay: 0s;}
@keyframes aboutbjRing{0%{opacity:0;transform:scale(.8)}5%{opacity:1}to{opacity:0;transform:scale(3.6)}}
.aboutbj-map-dot .dot span{font-size: 14px;color: #ef8903;position: relative;z-index: 4;}
.aboutbj-map-dot .dot.active{flex-direction: column-reverse;justify-content: center;}
.aboutbj-map-dot .dot.active i{margin-right: 0;background: #FF6801 url('http://www.bonkoon.com/template/default/images/pages/abo2_2.png') no-repeat center;width: 26px;height: 26px;}
.aboutbj-map-dot .dot.active span{color: #FF6801;margin-bottom: 2px;}
.aboutbj-map-dot .dot.active i::before,.aboutbj-map-dot .dot.active i::after {border: 1px solid rgba(0, 86, 184, .7);}
/* -- */
.aboutbj-map-dot .dot.zhongguo{left: 34.5%;top: 38%;}
.aboutbj-map-dot .dot.yindu{left: 26%;top: 46%;}
.aboutbj-map-dot .dot.yuenan{left: 34%;top: 49.5%;}
.aboutbj-map-dot .dot.taiguo{left: 34.4%;top: 51.5%;}
.aboutbj-map-dot .dot.xinjiapo{left: 32.5%;top: 56%;}
.aboutbj-map-dot .dot.feilvbin{left: 40%;top: 43%;}
.aboutbj-map-dot .dot.meiguo{left: 75%;top: 32%;}
/* -- */
.aboutbj-info{width: 100%;}
.aboutbj-info ul{justify-content: space-between;align-items:flex-start}
.aboutbj-info li{align-items: center; flex:1;gap:20px;text-align:center}
.aboutbj-info li .num{font-size: 60px;line-height: .8;color: #FF6801;font-family: "MB";font-weight:bold;margin-bottom:20px;}

.aboutbj-info li .name{color: #333;line-height: 1.1;}
.aboutbj-info li .text{color: #666;}
.aboutwh{background: #fff;}
.aboutwh-tabs{width: 100%;user-select: none;max-width: 1200px;margin-left: auto;margin-right: auto;position: relative;height: 674px;display: flex;align-items: center;justify-content: center}
.aboutwh-content{width: 700px;background: #fff;height: 370px;padding: 60px 60px 0;border-radius: 50px;box-shadow: 0 0 20px 4px rgba(0, 0, 0, .06);position: relative;z-index: 2;}
.aboutwh-content .swiper-pagination{display: none;}
.aboutwh-content-mix{width: 100%;}
.aboutwh-content-icon{width: 152px;padding-right: 24px;}
.aboutwh-content-icon img{max-width: 100%;}
.aboutwh-content-cont{width: calc(100% - 152px);padding-top: 20px;}
.aboutwh-content-cont .title{color: #333;line-height: 1.1;}
.aboutwh-content-cont .text{margin-top: 44px;padding-top: 28px;border-top: 1px solid #dcdcdc;color: #333;}
.aboutwh-click{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.aboutwh-click li{position: absolute;cursor: pointer;color: #fff;align-items: center;justify-content: center;width: 210px;height: 210px;border-radius: 50px;transition: all .6s ease;}
.aboutwh-click li.sm{background: #0058b8;left: 90px;top: 0;}
.aboutwh-click li.yj{background: #030303;right: 90px;top: 0;}
.aboutwh-click li.hx{background: #909193;left: 90px;bottom: 0;}
.aboutwh-click li.xc{background: #f47921;right: 90px;bottom: 0;}
.aboutwh-block{position: absolute;width: 210px;height: 210px;right: 90px;bottom: 0;transition: all .6s ease;display: none;}
.aboutwh-block img{width: 100%;object-fit: cover;}
.aboutwh-click li.sm.active{left: 0;border-bottom-right-radius: 0px;}
.aboutwh-click li.yj.active{right: 0;border-bottom-left-radius: 0px;}
.aboutwh-click li.hx.active{left: 0;border-top-right-radius: 0px;}
.aboutwh-click li.xc.active{right: 0;border-top-left-radius: 0px;}
.aboutwh-block.active{right: 30%;}
.aboutlc{overflow: hidden;width: 100%;position: relative;height: 936px;}
.aboutlc-image{width: 100%;position: absolute;top: 0;left: 0;object-fit: cover;height: 100%;}
.aboutlc .sonTitle{position: relative;z-index: 4;}
.aboutlc-mix{width: 100%;margin-top: 80px;}
.aboutlc-mix .gallery{width: 100%;position: relative;z-index: 4;}
.aboutlc-mix .gallery-more{width: 100%;text-align: center;color: #fff;padding-top: 100px;position: relative;}
.aboutlc-mix .gallery-more .hint{font-family:'MB';line-height: 1;font-weight: 700;font-size: 180px;opacity: 0.1;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.aboutlc-mix .gallery-more .cont{width: 100%;max-width: 600px;margin: 0 auto;}
.aboutlc-mix .gallery-more .line{width: 56px;height: 2px;background: #FF6801;margin: 24px auto 20px;}
.aboutlc-mix .gallery-more .num{font-family:'MB';line-height: 1;font-weight: 700;}
.aboutlc-mix .thumbs{position: absolute;width: 100%;left: 0;bottom: 220px;z-index: 4;transform: rotate(-9deg);}
.aboutlc-mix .thumbs::before{content: "";position: absolute;width: 120%;height: 1px;background: #fff;left: -10%;top: 12px;}
.aboutlc-mix .thumbs .swiper-container{width: 1400px;margin: 0 auto;}
.aboutlc-mix .thumbs .thumbs-year{width: 100%;font-size: 22px;transform: rotate(9deg);display: flex;flex-direction: column;justify-content: space-between;align-items: center;font-family:'MB';line-height: 1;height: 60px;color: #fff;padding-top: 7px;font-weight: 700;transition: all .4s ease;position: relative;z-index: 4;}
.aboutlc-mix .thumbs .thumbs-year:hover{color: #ef8903;}
.aboutlc-mix .thumbs .thumbs-year.active{color: #FF6801;}
.aboutlc-mix .thumbs .thumbs-year i{width: 11px;height: 11px;background: #ef8903;border-radius: 50%;margin: 0 auto;transition: all .4s ease;position: relative;}
.aboutlc-mix .thumbs .thumbs-year i::before, .aboutlc-mix .thumbs .thumbs-year i::after{content: "";position: absolute;left: 50%;}
.aboutlc-mix .thumbs .thumbs-year i::before{width: 21px;height: 21px;border-radius: 50%;top: 50%;margin: -11px 0 0 -10px;opacity: 0;background: #FF6801;transition: all .4s ease;}
.aboutlc-mix .thumbs .thumbs-year i::after{width: 1px;height: 12px;top: 10px;background: #ef8903;transition: all .4s ease;}
.aboutlc-mix .thumbs .thumbs-year.active i{background: #FF6801;}
.aboutlc-mix .thumbs .thumbs-year.active i::after{background: #FF6801;}
.aboutlc-mix .thumbs .thumbs-year.active i::before{opacity: 0.2;}
.aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{width: 42px;bottom: 338px;height: 102px;position: absolute;z-index: 4;cursor: pointer;background: rgba(0, 0, 0, .5) url("http://www.bonkoon.com/template/default/images/common/arrLW.svg") no-repeat center/24px auto;transition: all .4s ease;}
.aboutlc-mix .thumbs-prev{left: 180px;}
.aboutlc-mix .thumbs-next{right: 180px;background-image: url("../image/arrRW.svg");}
.aboutlc-mix .thumbs-prev:hover, .aboutlc-mix .thumbs-next:hover{background-color: #FF6801;}

.aboutzr{background: #fff;}
.aboutzr-mix{width: 100%;overflow: hidden;position: relative;}
.aboutzr-mix::after{content: "";position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .3);}
.aboutzr-loop{width: 100%;position: relative;overflow: hidden;background: #333;}
.aboutzr-loop img{width: 100%;object-fit: cover;}
.aboutzr-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;user-select: none;}
.aboutzr-list ul{display: flex;height: 100%;}
.aboutzr-list li{width: 25%;height: 100%;position: relative;overflow: hidden;color: #fff;cursor: pointer;}
.aboutzr-list li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .3);}
.aboutzr-list li:first-child::before{display: none;}
.aboutzr-list li .name{position: absolute;width: 100%;transition: all .4s ease .3s;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.aboutzr-list li .content{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 28px;}
.aboutzr-list li .title{line-height: 1.1;opacity: 0;transform: translateY(60px);transition: all .4s ease;}
.aboutzr-list li .text{opacity: 0;transform: translateY(60px);transition: all .4s ease;}
.aboutzr-list li:hover .name{opacity: 0;transition: all .4s ease;}
.aboutzr-list li:hover .title{opacity: 1;transform: translateY(0);transition: all .6s ease .3s;}
.aboutzr-list li:hover .text{opacity: 1;transform: translateY(0);transition: all .6s ease .4s;}

/* 加入-员工关爱 */
.joinyg{width: 100%;}
.joinygga{background: #fff;}
.joinygga-head{width: 100%;position: relative;z-index: 4;}
.joinygga-head .contain{flex-direction: row-reverse;}
.joinygga-head-image{width: 652px;overflow: hidden;}
.joinygga-head-image img{width: 100%;object-fit: cover;}
.joinygga-head-cont{width: calc(100% - 652px);padding-right: 180px;}
.joinygga-content .title{line-height: 1;padding-left: 28px;position: relative;color: #333;}
.joinygga-content .title::before{content: "";position: absolute;width: 7px;height: 100%;top: 0;left: 0;background: #FF6801;}
.joinygga-content .content{width: 100%;padding-left: 28px;color: #666;}
.joinygga-content .name{line-height: 1.1;margin-bottom: 20px;}
.joinygga-content .items{width: 100%;margin-top: 60px;}
.joinygga-list{width: 100%;position: relative;}
.joinygga-list::after{content: "";position: absolute;width: 100%;height: calc(100% - 44px);background: #f7f7f7;left: 0;top: -150px;}
.joinygga-list-li{width: 100%;padding-right: calc((100% - 1400px)/2);position: relative;z-index: 4;}
.joinygga-list-image{width: calc(100% - 652px);padding-right: 96px;overflow: hidden;}
.joinygga-list-image img{width: 100%;object-fit: cover;}
.joinygga-list-cont{width: 652px;}
.joinygga-list-li:nth-child(2n){flex-direction: row-reverse;padding-right: 0;padding-left: calc((100% - 1400px)/2);}
.joinygga-list-li:nth-child(2n) .joinygga-list-image{padding-right: 0;padding-left: 96px;}
.joinygga-list-li .joinygga-content .text{max-width: 520px;}
.joinygga-list-li:last-child{align-items: center;}
.joinygga-list-li:last-child .joinygga-content .items{margin-top: 40px;}
.joinyghj{background: #fff;}
.joinyghj-loop{width: 100%;position: relative;}
.joinyghj-loop img{width: 100%;object-fit: cover;}
.joinyghj-prev, .joinyghj-next{position: absolute;z-index: 2;width: 74px;height: 74px;border-radius: 50%;top: 50%;margin-top: -37px;background: rgba(0, 0, 0, .5) url('http://www.bonkoon.com/template/default/images/pages/newsxqArrL.png') no-repeat center;transition: all .4s ease;cursor: pointer;}
.joinyghj-next{background-image: url('http://www.bonkoon.com/template/default/images/pages/newsxqArrR.png');right: 16px;}
.joinyghj-prev{left: 16px;}
.joinyghj-prev:hover, .joinyghj-next:hover{background-color: #FF6801;}
.joinyghj-loop .swiper-pagination{color: #fff;padding: 24px 30px;text-align: right;bottom: 0;font-size: 24px;font-family: "MR";line-height: 1;}
.joinyghj-loop .swiper-pagination b{font-weight: 400;font-size: 48px;}

/* 加入-研发实力 */
.joinyf{width: 100%;overflow: hidden;}
.joinyf-list{width: 100%;}
.joinyf-list li{width: 100%;margin-top: 80px;padding-right: calc((100% - 1400px)/2);}
.joinyf-list li:nth-child(2n){padding-right: 0;padding-left: calc((100% - 1400px)/2);}
.joinyf-list li:first-child{margin-top: 0;}
.joinyf-mix{width: 100%;overflow: hidden;padding-left: calc((100vw - 1400px)/2);flex-direction: row-reverse;box-shadow: 0 0 38px 0 rgba(0, 0, 0, .08);transition: all .4s ease;}
.joinyf-list li:nth-child(2n) .joinyf-mix{flex-direction: row;padding-left: 0;padding-right: calc((100vw - 1400px)/2);}
.joinyf-image{width: 50%;overflow: hidden;}
.joinyf-image img{width: 100%;object-fit: cover;transition: all .6s ease;}
.joinyf-cont{width: 50%;position: relative;padding-right: 140px;display: flex;flex-direction: column;justify-content: center;}
.joinyf-list li:nth-child(2n) .joinyf-cont{padding-left: 70px;padding-right: 70px;}
.joinyf-cont .title{color: #333;line-height: 1;border-left: 7px solid #FF6801;padding-left: 14px;position: relative;z-index: 4;}
.joinyf-cont .text{color: #666;position: relative;z-index: 4;}
.joinyf-cont .num{position: absolute;font-size: 150px;color: #fff;line-height: 1;top: 30px;right: 50px;font-family: "MB";text-shadow: -1px 1px 0 #e7e7e7, 1px 1px 0 #e7e7e7, 1px -1px 0 #e7e7e7,-1px -1px 0 #e7e7e7;}
.joinyf-mix:hover{box-shadow: 0 0 38px 0 rgba(0, 0, 0, .16);}

/* 加入-社会招聘 */
.joinsh{width: 100%;}
.joinshxx{background: #fff;}
.joinshxx-text{width: 100%;padding: 58px 234px ;color: #666;position: relative;transition: all .5s;box-shadow: 0 0 10px #cbcbcb;}
.joinshxx-text:hover{box-shadow: 0 0 32px #cbcbcb;}
.joinshxx-text p{position: relative;z-index: 4;line-height: inherit;}
.joinshxx-text p span{margin-right: 24px;}
.joinshxx-text p span:last-of-type{margin-right: 0;}
.joinshxx-text p b, .joinshxx-text a{font-family: "MB";position: relative;}
.joinshxx-text a{color: #FF6801;}
.joinshxx-text a::after{content: "";position: absolute;width: 100%;height: 1px;background: #FF6801;left: 0;bottom: 0;}
.joinshxx-text::before, .joinshxx-text::after{content: "";position: absolute;width: 158px;height: 126px;background: url('http://www.bonkoon.com/template/default/images/pages/joinshIcon.png') no-repeat center/100% auto;}
.joinshxx-text::before{top: 0;left: 0;}
.joinshxx-text::after{transform: rotate(180deg);right: 0;bottom: 0;}
.joinshxx-image{width: 100%;}
.joinshxx-image img{width: 100%;object-fit: cover;}
.joinshgw{background: #fff;}
.joinshgw-title{width: 100%;line-height: 1.1;color: #333;}
.joinshgw-list{width: 100%;}
.joinshgw-list li{width: 100%;position: relative;margin-top: 30px;background: #f6f7f9;transition: background .4s ease;}
.joinshgw-list li:first-child{margin-top: 0;}
.joinshgw-menu{display: flex;align-items: center;height: 100px;padding: 0 36px;justify-content: space-between;user-select: none;cursor: pointer;}
.joinshgw-menu .main{width: auto;align-items: center;}
.joinshgw-menu .main span{position: relative;margin-left: 45px;color: #333;transition: all .4s ease;}
.joinshgw-menu .main span:first-child{margin-left: 0;font-weight: 700;max-width: 300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.joinshgw-menu .main span::before{content: "";position: absolute;width: 1px;height: 18px;margin-top: -9px;left: -22px;background: #333;top: 50%;transition: all .4s ease;}
.joinshgw-menu .main span:first-child::before{display: none;}
.joinshgw-menu .info{width: auto;align-items: center;}
.joinshgw-menu .info span{position: relative;margin-right: 37px;color: #b2b2b2;transition: all .4s ease;}
.joinshgw-menu .info span::before{content: "";position: absolute;width: 1px;height: 14px;margin-top: -7px;right: -18px;background: #b2b2b2;top: 50%;transition: all .4s ease;}
.joinshgw-menu .info span:nth-last-child(-n+2):before{display: none;}
.joinshgw-menu .info a{margin-right: 0;width: 94px;height: 34px;border-radius: 17px;line-height: 1;background: #FF6801;font-size: 14px;color: #fff;display: flex;align-items: center;justify-content: center;}
.joinshgw-drop{display: none;width: 100%;padding: 48px 36px;position: relative;}
.joinshgw-drop::before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top: 0;left: 0;}
.joinshgw-drop .cont{width: 100%;color: #fff;}
.joinshgw-list li:hover .joinshgw-menu .main span{color: #FF6801;}
.joinshgw-list li.active {background: #8f8989;}
.joinshgw-list li.active .joinshgw-menu{background: #FF6801;}
.joinshgw-list li.active .joinshgw-menu span{color: #fff !important;}
.joinshgw-list li.active .joinshgw-menu span::before{background: #fff;}
.joinshgw-list li.active .joinshgw-menu .info a{background: #fff;color: #FF6801 !important;}

/* 加入-校园招聘 */
.joinxy{width: 100%;}
.joinxydy{background: #f6f7f9;}
.joinxydy-list{width: 100%;}
.joinxydy-list ul{margin: -50px 0 0 -80px;}
.joinxydy-list li{width: calc(33.3333% - 80px);margin: 50px 0 0 80px;background: #fff;text-align: center;border-top-left-radius: 30px;border-bottom-right-radius: 30px;padding: 30px 54px;min-height: 272px;transition: all .4s ease;}
.joinxydy-list li .icon{width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;margin: 0 auto;background: #ccddf1;border-radius: 20px;}
.joinxydy-list li .title{color: #333;}
.joinxydy-list li .text{color: #666;}
.joinxydy-list li:hover{border-radius: 30px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06);transform: translateY(-4px);}
.joinxytx{background-color: #021847;}
.joinxytx-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.joinxytx .contain{position: relative;z-index: 4;}
.joinxytx .sonTitle{max-width: 676px;margin: 0 auto;}
.joinxytx-image{width: 100%;text-align: center;}
.joinxytx-image img{max-width: 100%;}
.joinxyxc{background: #f6f7f9;min-height: 880px;}
.joinxyxc-granule {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0px;}
.joinxyxc .contain{position: relative;z-index: 4;}
.joinxyxc-loop{width: 100%;padding: 0 50px;position: relative;user-select: none;margin-top: 140px;}
.joinxyxc-loop::after{content: "";position: absolute;width: calc(100% - 30px);left: 0;right: 0;margin: 0 auto;background: #FF6801;height: 1px;top: 50%;}
.joinxyxc-prev, .joinxyxc-next{width: 50px;height: 50px;z-index: 4;border-radius: 50%;background: #FF6801 url('http://www.bonkoon.com/template/default/images/pages/joinxy3Arr.png') no-repeat center;cursor: pointer;position: absolute;top: 50%;margin-top: -25px;transition: all .4s ease;}
.joinxyxc-prev{left: 0;}
.joinxyxc-next{right: 0;background-image: url('http://www.bonkoon.com/template/default/images/pages/joinxy3ArrH.png');}
.joinxyxc-prev:hover, .joinxyxc-next:hover{box-shadow: 0 0 20px 0 rgba(0, 86, 184, .3);}
.joinxyxc-loop-hint{width: 248px;height: 248px;left: 50%;top: 50%;margin: -124px 0 0 -124px;display: flex;align-items: center;justify-content: center;position: absolute;}
.joinxyxc-loop-hint img{max-width: 64px;position: relative;z-index: 2;}
.joinxyxc-loop-hint::before, .joinxyxc-loop-hint::after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 1;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.joinxyxc-loop-hint::before{background-image: url('http://www.bonkoon.com/template/default/images/pages/joinxy3qq1.png');width: 100%;height: 100%;animation: joinxyxcQQ1 4s linear infinite;}
.joinxyxc-loop-hint::after{background-image: url('http://www.bonkoon.com/template/default/images/pages/joinxy3qq2.png');width: 212px;height: 212px;animation: joinxyxcQQ2 4s linear infinite;}
@keyframes joinxyxcQQ1 {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@keyframes joinxyxcQQ2 {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
.joinxyxc-loop .swiper-container{z-index: 4;}
.joinxyxc-loop-year{width: 100%;display: flex;height: 150px;justify-content: center;align-items: center;position: relative;z-index: 4;}
.joinxyxc-loop-year span{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 140px;height: 36px;transition: all .4s ease;display: flex;align-items: center;justify-content: center;border-radius: 18px;line-height: 1;background: #FF6801;font-size: 16px;color: #fff;}
.joinxyxc-loop-year i{width: 11px;height: 11px;transition: all .4s ease;border-radius: 50%;background: #FF6801;margin: 0 auto;position: relative;}
.joinxyxc-loop-year i::after{content: "";position: absolute;width: 26px;height: 26px;border-radius: 50%;left: 50%;top: 50%;margin: -13px 0 0 -13px;background: rgba(0, 86, 184, .2);}
.joinxyxc-loop .swiper-slide:nth-child(2n) .joinxyxc-loop-year span{bottom: auto;top: 0;}
.joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year i{transform: scale(0);}
.joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span{transform: translateY(-57px);background: transparent;font-size: 24px;color: #FF6801;font-weight: 700;}
.joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span{transform: translateY(58px);}
.joinxyxc-content{width: 100%;text-align: center;margin-top: 90px;}
.joinxyxc-content .items{max-width: 800px;margin: 0 auto;display: none;}
.joinxyxc-content .items.active{display: block;}
.joinxyxc-content .items .title{color: #333;}
.joinxyxc-content .items .text{color: #666;}
.joinxylc{background: #fff;}
.joinxylc-list{width: 100%;height: 225px;max-width: 1340px;margin-left: auto;margin-right: auto;background: url('http://www.bonkoon.com/template/default/images/pages/joinxy4img.png') no-repeat center/100% auto;}
.joinxylc-list li{width: 16.6666%;display: flex;align-items: center;height: 225px;flex-direction: column;justify-content: center;}
.joinxylc-list li .icon{height: 62px;width: 62px;display: flex;align-items: center;justify-content: center;margin: 0 auto;transition: all .4s ease;}
.joinxylc-list li .icon img{max-width: 100%;max-height: 100%;}
.joinxylc-list li .text{text-align: center;width: 100%;font-size: 20px;color: #333;font-weight: 700;margin-top: 20px;}
.joinxylc-list li:hover .icon{transform: translateY(-6px);}
.joinxylc-cont{width: 100%;text-align: center;color: #666;}
.joinxylc-cont p{line-height: inherit;}
.joinxylc-cont p b, .joinxylc-cont p a{font-family: "MB";position: relative;}
.joinxylc-cont p a{color: #FF6801;}
.joinxylc-cont p a::after{content: "";position: absolute;width: 100%;height: 1px;background: #FF6801;left: 0;bottom: 0;}

/* 加入-核心技术 */
.joinhx{width: 100%;}
.joinhxzz{background: #fff;}
.joinhxzz .sonTitle{position: relative;z-index: 4;max-width: 1120px;margin: 0 auto;}
.joinhxzz-click{max-width: 1162px;margin: 0 auto;height: 830px;display: flex;align-items: center;justify-content: center;position: relative;}
.joinhxzz-click-bg{width: 486px;margin: 0 auto;position: relative;z-index: 2;}
.joinhxzz-click::before, .joinhxzz-click::after{content: "";position: absolute;background-repeat: no-repeat;top: 50%;left: 50%;background-position: center;background-size: 100% auto;}
.joinhxzz-click::before{background-image: url('http://www.bonkoon.com/template/default/images/pages/joinhxzzQq1.png');width: 884px;height: 884px;margin: -442px 0 0 -442px;animation: joinhxzzQQ1 60s linear infinite;}
.joinhxzz-click::after{background-image: url('http://www.bonkoon.com/template/default/images/pages/joinhxzzQq2.png');width: 686px;height: 686px;margin: -343px 0 0 -343px;animation: joinhxzzQQ2 60s linear infinite;}
@keyframes joinhxzzQQ1 {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@keyframes joinhxzzQQ2 {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
.joinhxzz-click-list{position: absolute;z-index: 3;width: 100%;height: 280px;top: 50%;margin-top: -140px;left: 0;user-select: none;}
.joinhxzz-click-menu{cursor: pointer;width: 359px;height: 77px;display: flex;align-items: center;position: absolute;padding-left: 86px;line-height: 1;color: #FF6801;background: url('http://www.bonkoon.com/template/default/images/pages/joinhxzzkk.png') no-repeat left top/100% auto;}
.joinhxzz-click-menu.tl{top: 0;left: 0;}
.joinhxzz-click-menu.tr{top: 0;right: 0;}
.joinhxzz-click-menu.bl{bottom: 0;left: 0;}
.joinhxzz-click-menu.br{bottom: 0;right: 0;}
.joinhxzz-click-menu span{transition: all .4s ease;}
.joinhxzz-click-menu i{width: 8px;height: 8px;border-radius: 50%;background: #FF6801;top: 50%;margin-top: -4px;right: 32px;position: absolute;}
.joinhxzz-click-menu i::before,.joinhxzz-click-menu i::after {content: "";display: block;width: 8px;height: 8px;background: rgba(0, 86, 184, .7);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -4px 0 0 -4px;animation: joinhxzzClickDot 1.4s linear infinite;opacity: 0;}
.joinhxzz-click-menu i::before {animation-delay: .7s;}
.joinhxzz-click-menu i::after {animation-delay: 0s;}
@keyframes joinhxzzClickDot{0%{opacity:0;transform:scale(1)}5%{opacity:1}to{opacity:0;transform:scale(5)}}
.joinhxzz-click-menu::before{content: "";position: absolute;background: #FF6801;height: 0;transition: all .4s ease;left: 0;top: 0;bottom: 0;margin: auto 0;width: 3px;transition: all .4s ease;}
.joinhxzz-click-menu:nth-child(2n){justify-content: flex-end;padding-left: 0;padding-right: 86px;background-image: url('http://www.bonkoon.com/template/default/images/pages/joinhxzzkkF.png');}
.joinhxzz-click-menu:nth-child(2n) i{right: auto;left: 32px;}
.joinhxzz-click-menu:nth-child(2n)::before{left: auto;right: 0;}
.joinhxzz-click-menu:hover::before{height: 100%;}
.joinhxzz-click-menu:hover span{color: #ef8903;}
.joinhxzz-pop{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999993;background: rgba(255, 255, 255, .7);align-items: center;}
.joinhxzz-pop .contain{opacity: 0;background: #fff;padding: 60px 130px;position: relative;box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);}
.joinhxzz-pop-close{width: 30px;height: 30px;position: absolute;cursor: pointer;background: url('http://www.bonkoon.com/template/default/images/common/closeC.svg') no-repeat center/100% auto;top: 26px;right: 26px;transition: all .4s ease;}
.joinhxzz-pop-close:hover{transform: rotate(90deg);}
.joinhxzz-pop-list{width: 100%;}
.joinhxzz-pop-items{width: 100%;display: none;}
.joinhxzz-pop-items.active{display: block;}
.joinhxzz-pop-items .title{line-height: 1;border-left: 7px solid #FF6801;padding-left: 10px;}
.joinhxzz-pop-items .text{width: 100%;background: #f0f0f0;color: #888;padding: 38px 40px;}
.joinhxzz-pop.active{display: flex;}
.joinhxzz-pop.active .contain{animation: joinhxzzPopRun 1s ease both .2s;}
@keyframes joinhxzzPopRun {0%{opacity: 0;transform: translateY(-200px);}40%{opacity: 1;}100%{opacity: 1;transform: translateY(0);}}
.joinhxpz{background: #fff;}
.joinhxpz .sonTitle{max-width: 810px;margin: 0 auto;}
.joinhxpz .sonTitle .title{line-height: 1.28;}
.joinhxtb{background: #f4f5f5;}
.joinhxtb::after{content: "";position: absolute;width: 50%;top: 0;height: 100%;right: 0;background: #f4f5f5;}
.joinhxtb .contain{position: relative;z-index: 4;}
.joinhxtb-items{align-items: center;justify-content: center;width: 50%;height: 254px;}
.joinhxtb-items a{display: flex;align-items: center;}
.joinhxtb-items .icon{max-width: 126px;}
.joinhxtb-items .icon img{max-width: 100%;}
.joinhxtb-items .text{color: #FF6801;position: relative;margin-left: 20px;padding-right: 30px;background: url('http://www.bonkoon.com/template/default/images/pages/joinhxtbArr.png') no-repeat right center;}
.joinhxtb-items .text::after{content: "";position: absolute;width: 0;right: 0;height: 2px;background: #FF6801;bottom: 0;opacity: 0;transition: width .4s ease,opacity .1s ease .4s;}
.joinhxtb-items a:hover .text::after{right: auto;left: 0;opacity: 1;width: 100%;transition: width .4s ease .1s,opacity .1s ease;}
.joinhxpt{background: #f3f4f6 url('http://www.bonkoon.com/template/default/images/pages/joinhxptBg.jpg') no-repeat left bottom/cover;}
.joinhxpt-mix{width: 100%;}
.joinhxpt-mb{width: 100%;margin-top: 40px;display: none;}
.joinhxpt-mb-box{width: 100%;display: flex;align-items: center;justify-content: center;}
.joinhxpt-mb-box img{max-width: 100%;max-height: 100%;}
.joinhxpt-mb .swiper-pagination{bottom: 0;}
.joinhxpt-mb .swiper-pagination-bullet {opacity: 1;margin: 0 6px !important;background: #7faadb;}
.joinhxpt-mb .swiper-pagination-bullet-active {opacity: 1;background: #FF6801;}
.joinhxpt-mb .swiper-container{padding-bottom: 50px;}
.joinhxpt-pc{width: 100%;display: flex;position: relative;}
.joinhxpt-pc .contain{width: 100%;height: 660px;}
.joinhxpt-pc-menu{width: 188px;position: absolute;top: 0;right: 120px;}
.joinhxpt-pc-menu ul{width: 100%;}
.joinhxpt-pc-menu li{width: calc(100% - 40px);font-size: 0;border: 2px solid #fff;padding: 16px 8px;margin: 30px auto 0;transition: all .4s ease;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.joinhxpt-pc-menu li:first-child{margin-top: 0;}
.joinhxpt-pc-menu li img{width: 100%;object-fit: cover;max-height: 100%;}
.joinhxpt-pc-menu li.active{width: 100%;border-color: #FF6801;}
/* ---- */
.joinhxpt-pc-more{width: 1260px;margin: 0 auto;}
.joinhxpt-pc-more{position: relative;}
.joinhxpt-pc-items{width: 100%;height: 680px;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.joinhxpt-pc-items.active{visibility: visible;opacity: 1;}
/* --核心-研发-- */
.HxYf{padding-top: 54px;}
.HxYf-contain{position: relative;width: 1015px;margin: 0 auto;height: 630px;}
.HxYf-img{width: 100%;position: absolute;left: 0;bottom: 66px;}
.HxYf-img-clip{width: 100%;}
.HxYf-img img{width: 100%;object-fit: cover;}
.HxYf-hubble{position: absolute;width: 82px;height: 82px;text-align: center;line-height: 20px;border: 2px solid #FF6801;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FF6801;}
.HxYf-hubble::after{content: "";position: absolute;width: 4px;height: 69px;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxYfline.png') no-repeat center;top: 80px;left: 50%;margin-left: -2px;}
.HxYf-hubble.hubble3, .HxYf-hubble.hubble5, .HxYf-hubble.hubble7{top: 10%;}
.HxYf-hubble.hubble1, .HxYf-hubble.hubble3, .HxYf-hubble.hubble5, .HxYf-hubble.hubble7, .HxYf-hubble.hubble9{animation: HxYfHubbleRun 3s linear infinite;}
.HxYf-hubble.hubble2, .HxYf-hubble.hubble4, .HxYf-hubble.hubble6, .HxYf-hubble.hubble8{animation: HxYfHubbleRunF 3s linear infinite;}
.HxYf-hubble.hubble1{left: 16%;top: 13%;}
.HxYf-hubble.hubble2{left: 23%;top: 2%;}
.HxYf-hubble.hubble3{left: 31%;}
.HxYf-hubble.hubble4{left: 38.5%;top: 0%;}
.HxYf-hubble.hubble5{left: 46%;}
.HxYf-hubble.hubble6{left: 53.5%;top: 0%;}
.HxYf-hubble.hubble7{left: 61%;}
.HxYf-hubble.hubble8{left: 69%;top: 2%;}
.HxYf-hubble.hubble9{left: 76%;top: 13%;}
@keyframes HxYfHubbleRun {0% {transform: translateY(12px);}50%{transform: translateY(0);}100% {transform: translateY(12px);}}
@keyframes HxYfHubbleRunF {0% {transform: translateY(-12px);}50%{transform: translateY(0);}100% {transform: translateY(-12px);}}
.HxYf-area{width: 122px;height: 122px;text-align: center;border-radius: 50%;border: 2px solid #b3cceb;position: absolute;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;line-height: 26px;color: #FF6801;}
.HxYf-area i{position: absolute;width: 136px;height: 136px;margin: -68px 0 0 -68px;border-radius: 50%;border: 1px solid #b3cceb;top: 50%;left: 50%;}
.HxYf-area::before, .HxYf-area::after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #FF6801;position: absolute;}
.HxYf-area.area1{left: 5%;bottom: 12%;}
.HxYf-area.area2{left: 25%;bottom: 3%;}
.HxYf-area.area3{left: 45%;bottom: 1%;}
.HxYf-area.area4{left: 65%;bottom: 3%;}
.HxYf-area.area5{left: 85%;bottom: 12%;}
.HxYf-area.area1::before{left: -4%;top: 39%;}
.HxYf-area.area1::after{left: 90%;top: 73%;}
.HxYf-area.area2::before{left: -4%;top: 43%;}
.HxYf-area.area2::after{left: 96%;top: 53%;}
.HxYf-area.area3::before{left: -4%;top: 46%;}
.HxYf-area.area3::after{left: 97%;top: 45%;}
.HxYf-area.area4::before{left: -4%;top: 51%;}
.HxYf-area.area4::after{left: 96%;top: 39%;}
.HxYf-area.area5::before{left: 1%;top: 70%;}
.HxYf-area.area5::after{left: 94%;top: 32%;}
/* 动画 */
.HxYf-img-clip, .HxYf-hubble, .HxYf-area{transition: all 1.5s ease;}
.HxYf-img-clip{opacity: 0;transform: scale(0);}
.HxYf-area{transform: scale(0);opacity: 0;}
.HxYf-hubble{opacity: 0;}
.HxYf-hubble.hubble1{margin: 6% 0 0 29%;}
.HxYf-hubble.hubble2{margin: 14% 0 0 22%;}
.HxYf-hubble.hubble3{margin: 7% 0 0 14%;}
.HxYf-hubble.hubble4{margin: 15% 0 0 7%;}
.HxYf-hubble.hubble5{margin: 7% 0 0 0%;}
.HxYf-hubble.hubble6{margin: 15% 0 0 -9%;}
.HxYf-hubble.hubble7{margin: 7% 0 0 -16%;}
.HxYf-hubble.hubble8{margin: 14% 0 0 -24%;}
.HxYf-hubble.hubble9{margin: 6% 0 0 -31%;}
/* -- */
.HxYf.in .HxYf-img-clip{opacity: 1;transform: scale(1);}
.HxYf.in .HxYf-hubble{opacity: 1;margin: 0;}
.HxYf.in .HxYf-area{opacity: 1;transform: scale(1);}
/* -- */
.HxYf.in .HxYf-img-clip{transition-delay: .5s;}
.HxYf.in .HxYf-hubble.hubble1{transition-delay: 2s;}
.HxYf.in .HxYf-hubble.hubble2{transition-delay: 1.8s;}
.HxYf.in .HxYf-hubble.hubble3{transition-delay: 1.6s;}
.HxYf.in .HxYf-hubble.hubble4{transition-delay: 1.4s;}
.HxYf.in .HxYf-hubble.hubble5{transition-delay: 1.2s;}
.HxYf.in .HxYf-hubble.hubble6{transition-delay: 1.4s;}
.HxYf.in .HxYf-hubble.hubble7{transition-delay: 1.6s;}
.HxYf.in .HxYf-hubble.hubble8{transition-delay: 1.8s;}
.HxYf.in .HxYf-hubble.hubble9{transition-delay: 2s;}
.HxYf.in .HxYf-area{transition-delay: 2.4s;}
/* -- */
.HxYf.out .HxYf-img-clip{transition-delay: 1.5s;}
.HxYf.out .HxYf-hubble.hubble1{transition-delay: 0.8s;}
.HxYf.out .HxYf-hubble.hubble2{transition-delay: 0.6s;}
.HxYf.out .HxYf-hubble.hubble3{transition-delay: .4s;}
.HxYf.out .HxYf-hubble.hubble4{transition-delay: .2s;}
.HxYf.out .HxYf-hubble.hubble5{transition-delay: 0s;}
.HxYf.out .HxYf-hubble.hubble6{transition-delay: .2s;}
.HxYf.out .HxYf-hubble.hubble7{transition-delay: .4s;}
.HxYf.out .HxYf-hubble.hubble8{transition-delay: 0.6s;}
.HxYf.out .HxYf-hubble.hubble9{transition-delay: 0.8s;}
.HxYf.out .HxYf-area{transition-delay: 1.1s;}
/* --核心-学科-- */
.HxXk{padding-top: 88px;}
.HxXk-contain{width: 1169px;margin: 0 auto;position: relative;height: 561px;}
.HxXk-img{width: 100%;position: absolute;left: 0;bottom: 0;}
.HxXk-kk{position: absolute;width: 130px;height: 130px;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxXkkk.png') no-repeat center/contain;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;}
.HxXk-kk .icon{width: auto;}
.HxXk-kk .icon img{max-width: 100%;}
.HxXk-kk span{font-size: 18px;color: #FF6801;line-height: 20px;text-align: center;margin-top: 10px;}
.HxXk-kk.kk1{left: 11%;top: 0%;animation: HxXkKkRun 3s linear infinite;}
.HxXk-kk.kk2{left: 27.5%;top: 14%;animation: HxXkKkRunF 3s linear infinite;}
.HxXk-kk.kk3{left: 44%;top: 0%;animation: HxXkKkRun 3s linear infinite;}
.HxXk-kk.kk4{left: 60.5%;top: 14%;animation: HxXkKkRunF 3s linear infinite;}
.HxXk-kk.kk5{left: 77%;top: 0%;animation: HxXkKkRun 3s linear infinite;}
@keyframes HxXkKkRun{0% {transform: translateY(16px);}50%{transform: translateY(0);}100% {transform: translateY(16px);}}
@keyframes HxXkKkRunF{0% {transform: translateY(-16px);}50%{transform: translateY(0);}100% {transform: translateY(-16px);}}
/* 动画 */
.HxXk-img, .HxXk-kk{transition: all 1.5s ease;}
.HxXk-img{opacity: 0;transform: scale(0);}
.HxXk-kk{opacity: 0;}
.HxXk-kk.kk1{margin: 23% 0 0 34%;}
.HxXk-kk.kk2{margin: 18% 0 0 17%;}
.HxXk-kk.kk3{margin: 24% 0 0 1%;}
.HxXk-kk.kk4{margin: 18% 0 0 -16%;}
.HxXk-kk.kk5{margin: 24% 0 0 -32%;}
/* -- */
.HxXk.in .HxXk-img{opacity: 1;transform: scale(1);}
.HxXk.in .HxXk-kk{opacity: 1;margin: 0;}
/* -- */
.HxXk.in .HxXk-img{transition-delay: .5s;}
.HxXk.in .HxXk-kk.kk1{transition-delay: 2s;}
.HxXk.in .HxXk-kk.kk2{transition-delay: 1.8s;}
.HxXk.in .HxXk-kk.kk3{transition-delay: 1.6s;}
.HxXk.in .HxXk-kk.kk4{transition-delay: 1.4s;}
.HxXk.in .HxXk-kk.kk5{transition-delay: 1.2s;}
/* -- */
.HxXk.out .HxXk-img{transition-delay: 1.5s;}
.HxXk.out .HxXk-kk.kk1{transition-delay: 0.8s;}
.HxXk.out .HxXk-kk.kk2{transition-delay: 0.6s;}
.HxXk.out .HxXk-kk.kk3{transition-delay: .4s;}
.HxXk.out .HxXk-kk.kk4{transition-delay: .2s;}
.HxXk.out .HxXk-kk.kk5{transition-delay: 0s;}
/* --核心-技术-- */
.HxJs{padding-top: 84px;}
.HxJs-contain{width: 100%;position: relative;margin: 0 auto;height: 554px;}
.HxJs-img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.HxJs-img img{max-width: 100%;}
.HxJs-center{position: absolute;width: 366px;height: 366px;margin: -183px 0 0 -183px;top: 50%;left: 50%;border-radius: 50%;}
.HxJs-center-box{position: relative;z-index: 2;background: #acc4e1;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.HxJs-center-name{width: 264px;height: 264px;background: #FF6801;border-radius: 50%;font-size: 40px;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.HxJs-center-text{position: absolute;letter-spacing: 6px;font-size: 24px;color: #FF6801;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;top: 50%;transform: translateY(-50%)}
.HxJs-center-text.l{left: 12px;}
.HxJs-center-text.r{right: 12px;}
.HxJs-center::before,.HxJs-center::after {content: "";display: block;width: 100%;height: 100%;background: rgba(0, 86, 184, .1);border-radius: 50%;position: absolute;top: 0;left: 0;animation: HxJsCenterRun 1.5s linear infinite;opacity: 0;}
.HxJs-center::before {animation-delay: .6s;}
.HxJs-center::after {animation-delay: 0s;}
@keyframes HxJsCenterRun{0%{opacity:0;transform:scale(1)}5%{opacity:1}to{opacity:0;transform:scale(1.6)}}
.HxJs-small{position: absolute;width: 277px;height: 277px;z-index: 4;}
.HxJs-small.small1{top: 0%;left: -7%;}
.HxJs-small.small2{top: 50%;left: -7%;}
.HxJs-small.small3{top: 25%;left: 12.1%;}
.HxJs-small::before{content: "";position: absolute;width: 277px;height: 277px;animation: HxJsQqRun 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxJsQ1.png') no-repeat center/contain;top: 0;left: 0;}
.HxJs-small-qq{width: 90px;height: 90px;border-radius: 50%;font-size: 15px;color: #FF6801;line-height: 20px;background: #fff;border: 1px solid #a1bcda;position: absolute;display: flex;align-items: center;justify-content: center;text-align: center;}
.HxJs-small-qq::before{content: "";position: absolute;width: 101px;height: 101px;top: -6px;left: -7px;animation: HxJsQqRunF 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxJsQ2.png') no-repeat center/contain;}
.HxJs-small-text{position: absolute;width: 100%;text-align: center;font-size: 18px;color: #FF6801;left: 0;}
.HxJs-small.small1 .qq1{left: 50%;top: 11%;margin-left: -45px;}
.HxJs-small.small1 .qq2{left: 13%;top: 45%;}
.HxJs-small.small1 .qq3{right: 13%;top: 45%;}
.HxJs-small.small1 .HxJs-small-text{bottom: 8%;}
.HxJs-small.small2 .qq1{left: 50%;top: 11%;margin-left: -45px;}
.HxJs-small.small2 .qq2{left: 13%;top: 45%;}
.HxJs-small.small2 .qq3{right: 13%;top: 45%;}
.HxJs-small.small2 .HxJs-small-text{bottom: 8%;}
.HxJs-small.small3 .qq1{left: 13%;top: 22%;}
.HxJs-small.small3 .qq2{right: 13%;top: 22%;}
.HxJs-small.small3 .qq3{left: 50%;bottom: 11%;margin-left: -45px;}
.HxJs-small.small3 .HxJs-small-text{top: 8%;}
.HxJs-big{width: 373px;height: 373px;position: absolute;top: 50%;margin-top: -186px;right: 4%;z-index: 4;}
.HxJs-big::before{content: "";position: absolute;width: 373px;height: 373px;animation: HxJsQqRun 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxJsQ3.png') no-repeat center/contain;top: 0;left: 0;}
.HxJs-big .qq1{top: 7%;left: 50%;margin-left: -45px;}
.HxJs-big .qq2{top: 22.5%;left: 11%;}
.HxJs-big .qq3{top: 22.5%;right: 11%;}
.HxJs-big .qq4{top: 50%;left: 50%;margin: -45px 0 0 -45px;}
.HxJs-big .qq5{bottom: 22.5%;left: 11%;}
.HxJs-big .qq6{bottom: 22.5%;right: 11%;}
.HxJs-big .qq7{bottom: 7%;left: 50%;margin-left: -45px;}
@keyframes HxJsQqRun {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@keyframes HxJsQqRunF {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
/* 动画 */
.HxJs-img, .HxJs-center, .HxJs-small, .HxJs-big, .HxJs-small-qq{transition: all 1.5s ease;}
.HxJs-img, .HxJs-center, .HxJs-small-qq{opacity: 0;transform: scale(0);}
.HxJs-small, .HxJs-big{opacity: 0;}
.HxJs-small.small1{margin: 11% 0 0 45%;}
.HxJs-small.small2{margin: -10% 0 0 46%;}
.HxJs-small.small3{margin: 1% 0 0 27%;}
.HxJs-big{margin-right: 32%;}
/* -- */
.HxJs.in .HxJs-img, .HxJs.in .HxJs-center, .HxJs.in .HxJs-small-qq{opacity: 1;transform: scale(1);}
.HxJs.in .HxJs-small{opacity: 1;margin: 0;}
.HxJs.in .HxJs-big{opacity: 1;margin-right: 0;}
/* -- */
.HxJs.in .HxJs-img{transition-delay: .4s;}
.HxJs.in .HxJs-center{transition-delay: .8s;}
.HxJs.in .HxJs-small.small1{transition-delay: 1.3s;}
.HxJs.in .HxJs-small.small2{transition-delay: 1.5s;}
.HxJs.in .HxJs-small.small3{transition-delay: 1.7s;}
.HxJs.in .HxJs-big{transition-delay: 1.9s;}
/* -- */
.HxJs.out .HxJs-img{transition-delay: 1.5s;}
.HxJs.out .HxJs-center{transition-delay: 1.2s;}
.HxJs.out .HxJs-small.small1{transition-delay: 0.6s;}
.HxJs.out .HxJs-small.small2{transition-delay: 0.4s;}
.HxJs.out .HxJs-small.small3{transition-delay: 0.2s;}
.HxJs.out .HxJs-big{transition-delay: 0.8s;}
/* --核心-产品-- */
.HxCp{padding-top: 84px;}
.HxCp-contain{width: 100%;position: relative;margin: 0 auto;height: 554px;}
.HxCp-img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.HxCp-img img{max-width: 100%;}
.HxCp-center{position: absolute;width: 366px;height: 366px;margin: -183px 0 0 -183px;top: 50%;left: 50%;border-radius: 50%;}
.HxCp-center-box{position: relative;z-index: 2;background: #acc4e1;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.HxCp-center-name{width: 264px;height: 264px;background: #FF6801;border-radius: 50%;font-size: 40px;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.HxCp-center-text{position: absolute;letter-spacing: 4px;font-size: 22px;color: #FF6801;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;top: 50%;transform: translateY(-50%);}
.HxCp-center-text.l{left: 15px;}
.HxCp-center-text.r{right: 15px;}
.HxCp-center::before,.HxCp-center::after {content: "";display: block;width: 100%;height: 100%;background: rgba(0, 86, 184, .1);border-radius: 50%;position: absolute;top: 0;left: 0;animation: HxJsCenterRun 1.5s linear infinite;opacity: 0;}
.HxCp-center::before {animation-delay: .6s;}
.HxCp-center::after {animation-delay: 0s;}
.HxCp-big{position: absolute;width: 277px;height: 277px;z-index: 4;}
.HxCp-big::before{content: "";position: absolute;width: 277px;height: 277px;animation: HxJsQqRun 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxJsQ1.png') no-repeat center/contain;top: 0;left: 0;}
.HxCp-small{position: absolute;width: 220px;height: 220px;z-index: 4;}
.HxCp-big.big1{top: 25%;left: -6%;}
.HxCp-big.big2{top: 25%;left: 14.2%;}
.HxCp-small.small1{top: 10.3%;right: 3.8%;}
.HxCp-small.small2{top: 30%;right: 19%;}
.HxCp-small.small3{bottom: 10.3%;right: 3.8%;}
.HxCp-small::before{content: "";position: absolute;width: 220px;height: 220px;animation: HxJsQqRun 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxCpQ1.png') no-repeat center/contain;top: 0;left: 0;}
.HxCp-qq{width: 80px;height: 80px;border-radius: 50%;font-size: 14px;color: #FF6801;line-height: 18px;background: #fff;border: 1px solid #a1bcda;position: absolute;display: flex;align-items: center;justify-content: center;text-align: center;}
.HxCp-qq::before{content: "";position: absolute;width: 90px;height: 90px;top: -6px;left: -6px;animation: HxJsQqRunF 16s linear infinite;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxCpQ2.png') no-repeat center/contain;}
.HxCp-big .HxCp-qq{width: 90px;height: 90px;font-size: 15px;line-height: 20px;}
.HxCp-big .HxCp-qq::before{width: 101px;height: 101px;top: -6px;left: -7px;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxJsQ2.png') no-repeat center/contain;}
.HxCp-qq-text{position: absolute;width: 100%;text-align: center;font-size: 18px;color: #FF6801;left: 0;}
.HxCp-big.big1 .qq1{top: 50%;margin-top: -45px;left: 13%;}
.HxCp-big.big1 .qq2{top: 50%;margin-top: -45px;right: 13%;}
.HxCp-big.big1 .HxCp-qq-text{bottom: 18%;}
.HxCp-big.big2 .qq1{left: 50%;top: 11%;margin-left: -45px;}
.HxCp-big.big2 .qq2{left: 13%;top: 45%;}
.HxCp-big.big2 .qq3{right: 13%;top: 45%;}
.HxCp-big.big2 .HxCp-qq-text{bottom: 8%;}
.HxCp-small.small1 .qq1{left: 10%;top: 50%;margin-top: -40px;}
.HxCp-small.small1 .qq2{right: 10%;top: 50%;margin-top: -40px;}
.HxCp-small.small1 .HxCp-qq-text{bottom: 14%;}
.HxCp-small.small2 .qq1, .HxCp-small.small3 .qq1{left: 50%;top: 7%;margin-left: -40px;}
.HxCp-small.small2 .qq2, .HxCp-small.small3 .qq2{left: 9%;top: 43%;}
.HxCp-small.small2 .qq3, .HxCp-small.small3 .qq3{right: 9%;top: 43%;}
.HxCp-small.small2 .HxCp-qq-text, .HxCp-small.small3 .HxCp-qq-text{bottom: 7%;}
.HxCp-icon{position: absolute;z-index: 2;}
.HxCp-icon.icon1{right: 21.5%;top: 14%;}
.HxCp-icon.icon2{right: 2%;top: 42%;}
.HxCp-icon.icon3{right: 21.2%;top: 70%;}
/* 动画 */
.HxCp-img, .HxCp-center, .HxCp-small, .HxCp-big, .HxCp-qq, .HxCp-icon{transition: all 1.5s ease;}
.HxCp-img, .HxCp-center, .HxCp-qq{opacity: 0;transform: scale(0);}
.HxCp-small, .HxCp-big, .HxCp-icon{opacity: 0;}
.HxCp-big.big1{margin: 0% 0 0 45%;}
.HxCp-big.big2{margin: 0% 0 0 25%;}
.HxCp-small.small1{margin: 9% 37% 0 0;}
.HxCp-small.small2{margin: 0 22% 0 0;}
.HxCp-small.small3{margin: 0 37% 9% 0;}
.HxCp-icon.icon1{margin: 10% 25% 0 0;}
.HxCp-icon.icon2{margin: 1% 44% 0 0;}
.HxCp-icon.icon3{margin: -10% 24% 0 0;}
/* -- */
.HxCp.in .HxCp-img, .HxCp.in .HxCp-center, .HxCp.in .HxCp-qq{opacity: 1;transform: scale(1);}
.HxCp.in .HxCp-small, .HxCp.in .HxCp-big, .HxCp.in .HxCp-icon{opacity: 1;margin: 0;}
/* -- */
.HxCp.in .HxCp-img{transition-delay: .4s;}
.HxCp.in .HxCp-center{transition-delay: .8s;}
.HxCp.in .HxCp-big.big1{transition-delay: 1.4s;}
.HxCp.in .HxCp-big.big2{transition-delay: 2s;}
.HxCp.in .HxCp-small.small1{transition-delay: 1.4s;}
.HxCp.in .HxCp-small.small2{transition-delay: 1.6s;}
.HxCp.in .HxCp-small.small3{transition-delay: 1.8s;}
.HxCp.in .HxCp-icon.icon1{transition-delay: 1.2s;}
.HxCp.in .HxCp-icon.icon2{transition-delay: 1.3s;}
.HxCp.in .HxCp-icon.icon3{transition-delay: 1.4s;}
/* -- */
.HxCp.out .HxCp-img{transition-delay: 1.5s;}
.HxCp.out .HxCp-center{transition-delay: 1.2s;}
.HxCp.out .HxCp-big.big1{transition-delay: .4s;}
.HxCp.out .HxCp-big.big2{transition-delay: 1s;}
.HxCp.out .HxCp-small.small1{transition-delay: 0.4s;}
.HxCp.out .HxCp-small.small2{transition-delay: 0.6s;}
.HxCp.out .HxCp-small.small3{transition-delay: 0.8s;}
.HxCp.out .HxCp-icon.icon1{transition-delay: 0.4s;}
.HxCp.out .HxCp-icon.icon2{transition-delay: 0.5s;}
.HxCp.out .HxCp-icon.icon3{transition-delay: 0.6s;}
/* --核心-方案-- */
.HxFa{padding: 140px 86px 0 52px;}
.HxFa-contain{position: relative;width: 100%;height: 432px;}
.HxFa-line{width: 1066px;position: absolute;top: 0;left: 0;height: 100%;overflow: hidden;}
.HxFa-line-clip{width: 100%;overflow: hidden;position: absolute;height: 100%;top: 0;left: 0;}
.HxFa-line img{position: absolute;max-width: none;}
.HxFa-main{position: absolute;top: 32px;left: 32px;width: 368px;height: 368px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid #88aeda;background: #c0d2e7;}
.HxFa-main-cont{width: 290px;height: 290px;border: 22px solid #73a0d4;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.HxFa-main-cont img{width: 205px;}
.HxFa-main-cont p{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);font-size: 40px;color: #FF6801;font-weight: 700;display: flex;height: 50px;line-height: 1;align-items: center;justify-content: center;}
.HxFa-main-cont::before, .HxFa-main-cont::after{content: "";position: absolute;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ1L.png') no-repeat center/100%;width: 322px;height: 322px;margin: -161px 0 0 -161px;top: 50%;left: 50%;}
.HxFa-main-cont::before{animation: HxFaQqRun 12s linear infinite;}
.HxFa-main-cont::after{animation: HxFaQqRunF 12s linear infinite;opacity: .4;}
@keyframes HxFaQqRun {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@keyframes HxFaQqRunF {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
.HxFa-small{position: absolute;width: 90px;height: 90px;border: 16px solid #bed0e5;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FF6801;line-height: 1;border-radius: 50%;}
.HxFa-small::before, .HxFa-small::after{content: "";position: absolute;top: 50%;left: 50%;background-repeat: no-repeat;background-size: 100%;background-position: center;}
.HxFa-small::before{width: 85px;height: 85px;margin: -42px 0 0 -42px;animation: HxFaQqRun 8s linear infinite;background-image: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ2L2.png');}
.HxFa-small::after{width: 78px;height: 78px;margin: -39px 0 0 -39px;animation: HxFaQqRunF 8s linear infinite;background-image: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ2L1.png');}
.HxFa-small.small1{left: 42%;top: 30%;}
.HxFa-small.small2{left: 66%;top: 5%;}
.HxFa-small.small3{left: 78%;top: 8%;}
.HxFa-small.small4{left: 88%;top: 0%;}
.HxFa-small.small5{left: 59%;top: 71%;}
.HxFa-small.small6{left: 87%;top: 69%;}
.HxFa-big{position: absolute;width: 170px;height: 170px;border: 28px solid #bed0e5;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 50%;}
.HxFa-big span{font-size: 18px;color: #FF6801;line-height: 1.1;margin-top: 8px;}
.HxFa-big::before, .HxFa-big::after{content: "";position: absolute;top: 50%;left: 50%;background-repeat: no-repeat;background-size: 100%;background-position: center;}
.HxFa-big::before{width: 164px;height: 164px;margin: -82px 0 0 -82px;animation: HxFaQqRun 10s linear infinite;background-image: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ3L2.png');}
.HxFa-big::after{width: 150px;height: 150px;margin: -75px 0 0 -75px;animation: HxFaQqRunF 10s linear infinite;background-image: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ3L1.png');}
.HxFa-big.big1{left: 50%;top: 8%;}
.HxFa-big.big2{left: 70%;top: 53%;}
.HxFa-big.big3{left: 88%;top: 25%;}
.HxFa-icon{position: absolute;}
.HxFa-icon i{display: block;width: 26px;height: 26px;background: url('http://www.bonkoon.com/template/default/images/pages/HX/HxFaQ4.png') no-repeat center/100%;}
.HxFa-icon.icon1 i, .HxFa-icon.icon3 i{animation: HxFaQqRun 8s linear infinite;}
.HxFa-icon.icon2 i, .HxFa-icon.icon4 i{animation: HxFaQqRunF 8s linear infinite;}
.HxFa-icon.icon1{left: 62%;top: 0%;}
.HxFa-icon.icon2{left: 84%;top: -5%;}
.HxFa-icon.icon3{left: 100%;top: 13%;}
.HxFa-icon.icon4{left: 86%;top: 61%;}
/* 动画 */
.HxFa-line-clip, .HxFa-main, .HxFa-small, .HxFa-big, .HxFa-icon{transition: all 1.5s ease;}
.HxFa-line-clip{width: 0;}
.HxFa-main{opacity: 0;transform: scale(0);}
.HxFa-small, .HxFa-big{opacity: 0;}
.HxFa-icon{opacity: 0;transform: scale(0);}
.HxFa-small.small1{margin: 4% 0 0 -27%;}
.HxFa-small.small2{margin: 13% 0 0 -51%;}
.HxFa-small.small3{margin: 11% 0 0 -63%;}
.HxFa-small.small4{margin: 13% 0 0 -74%;}
.HxFa-small.small5{margin: -14% 0 0 -45%;}
.HxFa-small.small6{margin: -13% 0 0 -72%;}
.HxFa-big.big1{margin: 8% 0 0 -38%;}
.HxFa-big.big2{margin: -10% 0 0 -58%;}
.HxFa-big.big3{margin: 1% 0 0 -76%;}
/* -- */
.HxFa.in .HxFa-line-clip{width: 100%;}
.HxFa.in .HxFa-main{opacity: 1;transform: scale(1);}
.HxFa.in .HxFa-small, .HxFa.in .HxFa-big{opacity: 1;margin: 0;}
.HxFa.in .HxFa-icon{opacity: 1;transform: scale(1);}
/* -- */
.HxFa.in .HxFa-line-clip{transition-delay: .5s;}
.HxFa.in .HxFa-main{transition-delay: .5s;}
.HxFa.in .HxFa-small.small1{transition-delay: 1.6s;}
.HxFa.in .HxFa-small.small2{transition-delay: 1.6s;}
.HxFa.in .HxFa-small.small3{transition-delay: 1.6s;}
.HxFa.in .HxFa-small.small4{transition-delay: 1.5s;}
.HxFa.in .HxFa-small.small5{transition-delay: 1.6s;}
.HxFa.in .HxFa-small.small6{transition-delay: 1.5s;}
.HxFa.in .HxFa-big.big1{transition-delay: 2s;}
.HxFa.in .HxFa-big.big2{transition-delay: 2.5s;}
.HxFa.in .HxFa-big.big3{transition-delay: 3s;}
.HxFa.in .HxFa-icon.icon1{transition-delay: 1.1s;}
.HxFa.in .HxFa-icon.icon2{transition-delay: 1.2s;}
.HxFa.in .HxFa-icon.icon3{transition-delay: 1.5s;}
.HxFa.in .HxFa-icon.icon4{transition-delay: 1.4s;}
/* -- */
.HxFa.out .HxFa-line-clip{transition-delay: 1.5s;}
.HxFa.out .HxFa-main{transition-delay: 1.5s;}
.HxFa.out .HxFa-small.small1{transition-delay: 1.2s;}
.HxFa.out .HxFa-small.small2{transition-delay: 1.2s;}
.HxFa.out .HxFa-small.small3{transition-delay: 1.2s;}
.HxFa.out .HxFa-small.small4{transition-delay: 1.3s;}
.HxFa.out .HxFa-small.small5{transition-delay: 1.2s;}
.HxFa.out .HxFa-small.small6{transition-delay: 1.3s;}
.HxFa.out .HxFa-big.big1{transition-delay: 1s;}
.HxFa.out .HxFa-big.big2{transition-delay: 0.5s;}
.HxFa.out .HxFa-big.big3{transition-delay: 0s;}
.HxFa.out .HxFa-icon.icon1{transition-delay: 0.9s;}
.HxFa.out .HxFa-icon.icon2{transition-delay: 1s;}
.HxFa.out .HxFa-icon.icon3{transition-delay: 1.2s;}
.HxFa.out .HxFa-icon.icon4{transition-delay: 1.1s;}
/* ---- */
@media all and (max-width:1700px) {
    .joinhxpt-pc-items {transform: scale(.9);}
    .joinhxpt-pc-menu {right: 42px;}
    .joinhxpt-pc-menu li {margin-top: 24px;}
    .joinhxpt-pc .contain {height: 630px;}
}
@media all and (max-width:1599px) {
    .joinhxpt-pc-menu {width: 160px;right: 30px;}
    .joinhxpt-pc-menu li {width: calc(100% - 20px);padding: 8px 4px;margin-top: 18px;}
    .joinhxpt-pc-items {transform: scale(.8);top: -70px;}
    .joinhxpt-pc .contain {height: 520px;}
}
@media all and (max-width:1359px) {.joinhxpt-pc-items {transform: scale(.7);top: -90px;}}
/* -------------- */
/* 投资者关系 */
.notice{width: 100%;}
.notice .iframe{width: 100%;height: 850px;}

/* 友情链接 */
.friend{width: 100%;overflow: hidden;}
.friend-list{width: 100%;}
.friend-ul{margin: -40px 0 0 -40px;}
.friend-ul a{display: block;width: calc(25% - 40px);margin: 40px 0 0 40px;}
.friend-ul a .image{width: 100%;height: 140px;display: flex;align-items: center;justify-content: center;padding: 12px;border: 1px solid #eee;transition: all .4s ease;}
.friend-ul a .image img{max-width: 100%;max-height: 100%;}
.friend-ul a .text{color: #444;text-align: center;transition: all .4s ease;}
.friend-ul a:hover .image{border: 1px solid #7faadb;}
.friend-ul a:hover .text{color: #FF6801;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .slideBox{padding-bottom: 114px;}
    .aboutmh-bird img{width: 910px;right: -150px;}
    .joinygga-content .items{margin-top: 50px;}
    .joinygga-list::after {height: calc(100% + 10px);top: -174px;}
    .aboutlc {height: 880px;}
    .aboutlc-mix .gallery-more .hint {font-size: 160px;}
    .aboutlc-mix .gallery-more {padding-top: 80px;}
    .aboutlc-mix {margin-top: 60px;}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{bottom: 332px;}
    .aboutlc-mix .thumbs-prev{left: 50px;}
    .aboutlc-mix .thumbs-next{right: 50px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .law .content h6{font-size: 22px;}
    .sonBan img {height: 500px;}
    .sonBan-menu a {height: 60px;}
    @keyframes sonBanRunMenu {
        0% {opacity: 0;transform: translateY(100px);}
        100% {opacity: 1;transform: translateY(0);}
    
    }
    .casejs-head .text{max-width: 1200px;}
    .rellb-main {padding-bottom: 32px;}
    .rellb-main-list {margin-left: -40px;}
    .rellb-main-list li {width: calc(33.3333% - 40px);margin-left: 40px;}
    .reltp-list li .content {padding: 0 26px;}
    .rellb-list ul {margin-left: -40px;padding: 32px 0;}
    .rellb-list li {width: calc(33.3333% - 40px);margin-left: 40px;}
    .rellb-list li .name{font-size: 20px;background-position: right 2px top 1px;}
    .news-image {width: 738px;}
    .news-cont {width: calc(100% - 738px);padding: 44px 30px 30px;}
    .news-main .news-cont .title{margin-top: 30px;}
    .news-cont .link {height: 64px;padding: 0 24px;border-top-right-radius: 32px;border-bottom-right-radius: 32px;}
    .news-list ul {margin: 0 0 0 -26px;}
    .news-list li {width: calc(33.3333% - 26px);margin: 48px 0 0 26px;}
    .news-list .news-cont {padding: 28px 24px 32px;}
    .newsxq-head .title{min-height: 84px;}
    .newsxq-content {padding: 64px 64px 0;}
    .newsxq-mix {margin-top: -234px;}
    .newsxq-control a.back {width: 90px;height: 90px;}
    .newsxq-control a.prev, .newsxq-control a.next {width: calc(50% - 45px);padding: 0 36px;height: 90px;}
    #toShare {left: -54px;top: 140px;}
    .casejs {background-size: auto 340px;}
    .prolb {padding-left: 40px;}
    .slideBox{padding-bottom: 106px;}
    .prolb-list ul {margin: -24px 0 0 -24px;}
    .prolb-list li {width: calc(50% - 24px);margin: 24px 0 0 24px;padding: 20px 32px;}
    .prolb-cont .link {height: 64px;padding: 0 24px;border-top-right-radius: 32px;border-bottom-right-radius: 32px;}
    .proxqtb .contain {padding-left: calc((100% - 1200px)/2);}
    .proxqtb-info {width: 420px;}
    .proxqtb-image {width: calc(100% - 420px);padding: 0 70px;}
    .proxqtb-info-btn>div.rele a {width: 188px;height: 50px;}
    .proxqst-items {padding: 58px 0 48px;}
    .proxqst-text p::before {top: 14px;}
    .proxqtb-info-title {padding-bottom: 28px;}
    .proxqtb-info-number {padding: 36px 0;}
    .proxqst-table tr td {padding: 14px 60px;}
    .aboutmh-wrap {width: 600px;}
    .aboutmh-text {width: calc(100% - 600px);padding-left: 50px;top: 120px;}
    .aboutmh-image {border-radius: 40px;}
    .aboutmh-list li {height: 120px;}
    .aboutmh-list li .num {width: 300px;}
    .aboutmh-bird img{width: 780px;right: -120px;}
    .aboutbj-info li .num {font-size: 82px;}
    .aboutbj-info li .cont {width: calc(100% - 68px);}
    .aboutbj-info li .text {font-size: 15px;margin-top: 10px;}
    .aboutbj-info li .name {font-size: 24px;}
    .aboutbj-map-dot .dot.zhongguo {left: 34%;top: 36%;}
    .aboutwh-click li {width: 180px;height: 180px;border-radius: 40px;}
    .aboutwh-block {width: 180px;height: 180px;right: 90px;}
    .aboutwh-content{width: 660px;border-radius: 40px;height: 310px;}
    .aboutwh-content-cont .text {margin-top: 30px;padding-top: 22px;}
    .aboutwh-tabs {height: 580px;max-width: 1100px;}
    .aboutzr-list li .title, .aboutzr-list li .name{font-size: 22px;}
    /* .aboutwh-click li.xc {bottom: 200px;} */
    .joinygga-head-image {width: 540px;}
    .joinygga-head-cont {width: calc(100% - 540px);padding-right: 60px;}
    .joinygga-content .name {margin-bottom: 14px;}
    .joinygga-content .items {margin-top: 30px;}
    .joinygga-list-li {padding-right: calc((100% - 1200px)/2);}
    .joinygga-list-li:nth-child(2n) {padding-left: calc((100% - 1200px)/2);}
    .joinygga-list-cont{width: 580px;}
    .joinygga-list-image {width: calc(100% - 580px);padding-right: 42px;}
    .joinygga-list-li:nth-child(2n) .joinygga-list-image {padding-left: 42px;}
    .joinygga-list::after {height: calc(100% - 40px);top: -106px;}
    .joinyghj-prev, .joinyghj-next {width: 60px;height: 60px;margin-top: -30px;background-size: auto 29px;}
    .joinyghj-loop .swiper-pagination {padding: 20px 28px;font-size: 20px;}
    .joinyghj-loop .swiper-pagination b {font-size: 36px;}
    .joinyf-list li{margin-top: 60px;padding-right: calc((100% - 1200px)/2);}
    .joinyf-list li:nth-child(2n){padding-left: calc((100% - 1200px)/2);}
    .joinyf-mix{padding-left: calc((100vw - 1200px)/2);}
    .joinyf-list li:nth-child(2n) .joinyf-mix{padding-right: calc((100vw - 1200px)/2);}
    .joinyf-cont .num {font-size: 100px;top: 12px;right: 24px;}
    .joinyf-cont {padding-right: 60px;}
    .joinyf-list li:nth-child(2n) .joinyf-cont {padding-left: 40px;padding-right: 40px;}
    .joinshxx-text::before, .joinshxx-text::after {width: 76px;height: 64px;}
    .joinshxx-text {padding: 40px 100px ;}
    .joinshgw-menu {height: 84px;padding: 0 32px;}
    .joinshgw-list li {margin-top: 24px;}
    .joinshgw-menu .main{font-size: 20px;}
    .joinxydy-list ul {margin: -40px 0 0 -50px;}
    .joinxydy-list li {width: calc(33.3333% - 50px);margin: 40px 0 0 50px;padding: 30px 40px;min-height: 270px;}
    .joinxyxc-loop {margin-top: 100px;}
    .joinxyxc {min-height: 744px;}
    .joinxylc-list li .text {font-size: 18px;margin-top: 10px;}
    .joinxylc-list, .joinxylc-list li{height: 188px;}
    .joinhxzz-pop .contain {padding: 50px 80px;}
    .joinhxtb-items {height: 230px;}
    .joinhxzz-click {height: 700px;}
    .news-image img{height: 240px;}
    .news-main .news-image img{height: 380px;}
    .aboutlc-mix .gallery-more .hint {font-size: 130px;}
    .aboutlc-mix .gallery-more {padding-top: 60px;}
    .aboutlc-mix .gallery-more .line {margin: 18px auto 16px;}
    .aboutlc-mix {margin-top: 40px;}
    .aboutlc-mix .thumbs {bottom: 140px;}
    .aboutlc-mix .thumbs .swiper-container {width: 1200px;}
    .aboutlc {height: 700px;}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{bottom: 240px;}
    .aboutlc-mix .thumbs-prev{left: 50px;}
    .aboutlc-mix .thumbs-next{right: 50px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .joinygga-list::after {height: calc(100% - 24px);}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{bottom: 236px;}
    .aboutlc-mix .thumbs-prev{left: 40px;}
    .aboutlc-mix .thumbs-next{right: 40px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .joinygga-content .items {margin-top: 24px;}
    .joinygga-list-li:last-child .joinygga-content .items {margin-top: 24px;}
    .joinygga-list::after {top: -150px;height: calc(100% + 8px);}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{bottom: 240px;width: 38px;height: 88px;}
    .aboutlc-mix .thumbs-prev{left: 20px;}
    .aboutlc-mix .thumbs-next{right: 20px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .law .content h6{font-size: 20px;}
    .sonBan img {height: 440px;}
    .sonBan-menu a {height: 50px;font-size: 16px;}
    @keyframes sonBanRunMenu {0%{opacity: 0;transform: translateY(90px);}100%{opacity: 1;transform: translateY(0);}}
    .reltp-list li {width: 100px;}
    .reltp-list li.active {width: calc(100% - 100px*5);}
    .rellb-main-list {margin-left: -30px;}
    .rellb-main-list li {width: calc(30% - 30px);margin-left: 30px;}
    .rellb-main-list li:first-child{width: calc(40% - 30px);}
    .rellb-main {padding-bottom: 28px;}
    .rellb-list ul {margin-left: -30px;padding: 28px 0;}
    .rellb-list li {width: calc(33.3333% - 30px);margin-left: 30px;}
    .rellb-list li .name {font-size: 16px;}
    .rellb-main .name{font-size: 20px;}
    .news-list ul {margin: 0 0 0 -20px;}
    .news-list li {width: calc(33.3333% - 20px);margin: 36px 0 0 20px;}
    .news-list .news-cont {padding: 24px 20px 28px;}
    .news-cont .title{font-size: 18px;line-height: 28px;max-height: 56px;}
    .news-cont .link i {width: 48px;height: 32px;border-top-right-radius: 16px;border-bottom-right-radius: 16px;}
    .news-cont .link {height: 54px;padding: 0 18px;border-top-right-radius: 27px;border-bottom-right-radius: 27px;}
    .news-image {width: 594px;}
    .news-cont {width: calc(100% - 594px);padding: 28px 24px;}
    .news-main .news-cont .title {margin-top: 16px;}
    .newsxq-banner img {height: 340px;}
    .newsxq-head .title {min-height: 74px;}
    .newsxq-content {padding: 54px 54px 0;}
    .newsxq-mix {margin-top: -200px;}
    .casejs {background-size: auto 300px;}
    .prolb {padding-left: 24px;}
    .slideBox{padding-bottom: 98px;}
    .prolb-list ul {margin: -18px 0 0 -18px;}
    .prolb-list li {width: calc(50% - 18px);margin: 18px 0 0 18px;padding: 20px 24px;}
    .prolb-cont .link i {width: 48px;height: 32px;border-top-right-radius: 16px;border-bottom-right-radius: 16px;}
    .prolb-cont .link {height: 54px;padding: 0 18px;border-top-right-radius: 27px;border-bottom-right-radius: 27px;}
    .proxqtb .contain {padding-left: calc((100% - 900px)/2);}
    .proxqtb-info {width: 360px;}
    .proxqtb-image {width: calc(100% - 360px);padding: 0 40px;}
    .proxqtb-info-btn>div.rele a {width: 180px;height: 50px;}
    .proxqst-items {padding: 48px 0 38px;}
    .proxqst-text p::before {top: 13px;}
    .proxqtb-info-title {padding-bottom: 24px;}
    .proxqtb-info-number {padding: 32px 0;}
    .proxqst-table tr td {padding: 12px 40px;}
    .aboutmh-wrap {width: 450px;}
    .aboutmh-image {border-radius: 24px;}
    .aboutmh-list li .num {width: 200px;}
    .aboutmh-list li {height: 100px;}
    .aboutmh-text {width: calc(100% - 450px);padding-left: 40px;top: 120px;}
    .aboutmh-bird img{width: 680px;right: -100px;}
    .aboutbj-map-dot .dot.zhongguo {left: 34%;top: 34%;}
    .aboutbj-info li .num {font-size: 70px;}
    .aboutbj-info li .cont {width: calc(100% - 54px);}
    .aboutbj-info li .text {font-size: 12px;margin-top: 4px;}
    .aboutbj-info li .name {font-size: 20px;}
    .aboutwh-click li {width: 160px;height: 160px;border-radius: 24px;}
    .aboutwh-block {width: 160px;height: 160px;right: 90px;}
    /* .aboutwh-click li.xc {bottom: 178px;} */
    .aboutwh-tabs {height: 518px;}
    .aboutwh-content {width: 476px;border-radius: 24px;height: 270px;padding: 30px 30px 0;}
    .aboutwh-content-cont .text {margin-top: 20px;padding-top: 16px;}
    .aboutwh-content-icon {width: 130px;padding-right: 16px;}
    .aboutwh-content-cont {width: calc(100% - 130px);padding-top: 20px;}
    .aboutzr-list li .content {padding: 0 18px;}
    .aboutzr-list li .title, .aboutzr-list li .name {font-size: 18px;}
    .joinygga-head-image {width: 430px;}
    .joinygga-head-cont {width: calc(100% - 430px);padding-right: 40px;}
    .joinygga-content .title::before {width: 4px;}
    .joinygga-content .title {padding-left: 24px;font-size: 24px;}
    .joinygga-content .name {margin-bottom: 10px;font-size: 22px;}
    .joinygga-content .text {font-size: 16px;line-height: 26px;}
    .joinygga-content .items {margin-top: 24px;}
    .joinygga-content .content {padding-left: 24px;}
    .joinygga-list-li {padding-right: calc((100% - 900px)/2);}
    .joinygga-list-li:nth-child(2n) {padding-left: calc((100% - 900px)/2);}
    .joinygga-list-cont {width: 430px;}
    .joinygga-list-image {width: calc(100% - 430px);padding-right: 40px;}
    .joinygga-list-li:nth-child(2n) .joinygga-list-image {padding-left: 40px;}
    .joinygga-list::after {top: -100px;height: calc(100% - 44px);}
    .joinyghj-loop .swiper-pagination {font-size: 16px;}
    .joinyghj-loop .swiper-pagination b {font-size: 28px;}
    .joinyf-list li{margin-top: 40px;padding-right: calc((100% - 900px)/2);}
    .joinyf-list li:nth-child(2n){padding-left: calc((100% - 900px)/2);}
    .joinyf-mix{padding-left: calc((100vw - 900px)/2);}
    .joinyf-list li:nth-child(2n) .joinyf-mix{padding-right: calc((100vw - 900px)/2);}
    .joinyf-cont .text {font-size: 15px;line-height: 26px;}
    .joinyf-image img{height: 400px;}
    .joinyf-cont .num {font-size: 80px;}
    .joinyf-cont {padding-right: 40px;}
    .joinyf-list li:nth-child(2n) .joinyf-cont {padding-right: 0;}
    .joinshxx-text {padding: 32px 80px 0;font-size: 15px;line-height: 26px;}
    .joinshxx-text::before, .joinshxx-text::after {width: 56px;height: 50px;}
    .joinshgw-menu {height: 68px;padding: 0 24px;}
    .joinshgw-menu .main {font-size: 18px;}
    .joinshgw-menu .main span {margin-left: 29px;}
    .joinshgw-menu .main span::before {height: 16px;margin-top: -8px;left: -14px;}
    .joinshgw-menu .info span {margin-right: 23px;}
    .joinshgw-menu .info span::before {right: -11px;}
    .joinshgw-list li {margin-top: 18px;}
    .joinshgw-drop {padding: 28px 24px;}
    .joinxydy-list ul {margin: -30px 0 0 -30px;}
    .joinxydy-list li {width: calc(33.3333% - 30px);margin: 30px 0 0 30px;padding: 30px 28px;min-height: 270px;}
    .joinxyxc-loop {margin-top: 68px;}
    .joinxyxc-content {margin-top: 54px;}
    .joinxyxc-loop-hint {width: 180px;height: 180px;margin: -90px 0 0 -90px;}
    .joinxyxc-loop-hint::after{width: 150px;height: 150px;}
    .joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span {transform: translateY(-57px);font-size: 20px;}
    .joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span {transform: translateY(56px);}
    .joinxyxc {min-height: 620px;}
    .joinxylc-list{height: auto;background: none;}
    .joinxylc-list ul{margin-top: -24px;}
    .joinxylc-list li{width: 33.3333%;height: auto;margin-top: 24px;}
    .joinxylc-items{width: 190px;height: 190px;border: 1px solid #FF6801;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .joinxyxc-loop-year span{width: 124px;}
    .joinhxzz-click {max-width: 690px;height: 500px;}
    .joinhxzz-click-bg {width: 260px;}
    .joinhxzz-click::before {width: 560px;height: 560px;margin: -280px 0 0 -280px;}
    .joinhxzz-click::after {width: 400px;height: 400px;margin: -200px 0 0 -200px;}
    .joinhxzz-click-menu {width: 250px;height: 54px;padding-left: 40px;font-size: 22px;}
    .joinhxzz-click-menu:nth-child(2n) {padding-right: 40px;}
    .joinhxzz-click-list {height: 240px;margin-top: -120px;}
    .joinhxzz-pop .contain {padding: 30px 40px;}
    .joinhxzz-pop-items .text {padding: 28px 30px;}
    .joinhxtb-items {height: 190px;}
    .joinhxzz-click-menu::before{display: none;}
    .joinhxpt-pc{display: none;}
    .joinhxpt-mb{display: block;}
    .friend-ul{margin: -20px 0 0 -20px;}
    .friend-ul a{display: block;width: calc(25% - 20px);margin: 20px 0 0 20px;}
    .friend-ul a .image{height: 120px;}
    .aboutBan-play {width: 60px;height: 60px;margin: -30px 0 0 -30px;background-size: 30px auto;}
    .news-image img{height: 210px;}
    .aboutlc-mix .thumbs .swiper-container {width: 900px;}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{bottom: 226px;}
    .aboutlc-mix .thumbs-prev{left: 4%;}
    .aboutlc-mix .thumbs-next{right: 4%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    #toShare{display: none;}
    .aboutBan img{height: auto;min-height: 320px;}
    .aboutmh-bird{bottom: 40px;}
    .aboutmh-bird img{width: 500px;right: -50px;}
    .aboutmh{overflow: hidden;}
    .joinygga-content .text {font-size: 15px;line-height: 25px;}
    .joinygga-list::after {top: -128px;height: calc(100% + 2px);}
    .aboutBan video{display: none;}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next {bottom: 216px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .reltp-loop{position: absolute;width: 100%;height: 100%;}
    .reltp-loop .swiper-container, .reltp-loop .swiper-wrapper, .reltp-loop .swiper-slide, .reltp-loop img{height: 100%;}
    .reltp-list{position: relative;padding: 50px 0;}
    .reltp-list li .content{position: static;}
    .reltp-list li .title, .reltp-list li .text{opacity: 1;animation: none !important;}
    .reltp-list ul{flex-wrap: wrap;}
    .reltp-list li{width: 50% !important;height: auto;padding: 16px 24px;}
    .reltp-list li .address{display: none;}
    .reltp-list li::before{display: none;}
    .reltp-list li:nth-child(2n):before{display: block;}
    .reltp-list li:nth-child(-n+2){padding-top: 0;}
    .reltp-list li:nth-last-child(-n+2){padding-bottom: 0;}
    .reltp-list li .content {padding: 0;}
    .rellb-main-list {margin-left: -20px;}
    .rellb-main-list li {width: calc(27% - 20px);margin-left: 20px;}
    .rellb-main-list li:first-child{width: calc(46% - 20px);}
    .rellb-list ul {margin-left: 0;padding: 0;border-bottom: none;}
    .rellb-main {padding-bottom: 24px;}
    .rellb-list li{width: 100%;margin-left: 0;padding: 24px 0;border-bottom: 1px solid #d8dadd;}
    .rellb-list ul:last-child li:last-child{border-bottom: none;padding-bottom: 0;}
    .reltp-list li .text{max-width: 100%;}
    .rellb-list li .address{max-width: 100%;}
    .news-main .news-image{width: 100%;}
    .news-main .news-cont{width: 100%;}
    .news-main .news-cont .bottom{margin-top: 28px;}
    .news-list li {width: calc(50% - 20px);}
    .newsxq-content {padding: 50px 40px 0;}
    .newsxq-control a.back {width: 80px;height: 80px;}
    .newsxq-control a.prev, .newsxq-control a.next{width: calc(50% - 40px);height: 80px;padding: 0 28px;background-size: auto 27px;}
    .newsxq-content h6{font-size: 18px;}
    .casejs {background-size: auto 354px;}
    .slideBox {top: 80px;}
    .prolb-list ul {margin: -18px 0 0;}
    .prolb-list li {width: 100%;margin: 18px 0 0;padding: 20px 24px;}
    .proxqtb .contain {padding-left: 4%;}
    .proxqtb-info {width: 300px;}
    .proxqtb-image {width: calc(100% - 300px);padding: 0 30px;}
    .proxqst-table tr td {padding: 12px 24px;}
    .proxqst-items {padding: 38px 0 28px;}
    .aboutmh-wrap{width: 100%;}
    .aboutmh-text {width: 100%;margin-top: 40px;padding-left: 0;top: 0;position: static;}
    .aboutmh-bird{bottom: 18px;}
    .aboutmh-bird img{width: 350px;right: 16px;}
    .aboutbj-map{display: none;}
    .aboutbj .sonTitle, .aboutbj-info{position: static;}
    .aboutbj-info{width: 100%;margin-top: 40px;}
    .aboutbj {background: #f6f7f9 url('http://www.bonkoon.com/template/default/images/pages/abo2_3.png') no-repeat center center/96% auto;}
    .aboutbj-info ul{justify-content: flex-start;margin-top: -20px;}
    .aboutbj-info li{width: 100%;margin-top: 20px;}
    .aboutwh-click, .aboutwh-block{display: none;}
    .aboutwh-tabs{height: auto;}
    .aboutwh-content{width: 100%;height: auto;padding: 30px;}
    .aboutwh-content .swiper-pagination{display: block;bottom: 0;}
    .aboutwh-content .swiper-container{padding-bottom: 50px;}
    .aboutwh-content .swiper-pagination-bullet {margin: 0 8px !important;}
    .aboutwh-content .swiper-pagination-bullet-active {background: #FF6801;}
    .aboutzr-loop{position: absolute;width: 100%;height: 100%;}
    .aboutzr-loop .swiper-container, .aboutzr-loop .swiper-wrapper, .aboutzr-loop .swiper-slide, .aboutzr-loop img{height: 100%;}
    .aboutzr-list{position: relative;padding: 28px 0;}
    .aboutzr-list ul{flex-wrap: wrap;}
    .aboutzr-list li{width: 100%;height: auto;padding: 28px 0;flex:auto}
    .aboutzr-list li .name{display: none;}
    .aboutzr-list li .content{position: relative;height: auto;}
    .aboutzr-list li .title {opacity: 1;transform: translateY(0);}
    .aboutzr-list li .text {opacity: 1;transform: translateY(0);}
    .aboutzr-list li::before {width: 100%;height: 1px;}
    .joinygga-head-image{width: 100%;}
    .joinygga-head-cont{width: 100%;padding: 40px 0 0;}
    .joinygga-list{padding: 60px 4%;background: #f7f7f7;margin-top: 60px;}
    .joinygga-list::after{display:none;}
    .joinygga-list-li{padding: 0 !important;flex-direction: row !important;margin-top: 40px;}
    .joinygga-list-image{width: 100%;padding: 0 !important;}
    .joinygga-list-cont{width: 100%;margin-top: 40px;}
    .joinygga-list-li:first-child{margin-top: 0;}
    .joinyghj-loop img{min-height: 310px;}
    .joinyf-list{padding: 0 4%;}
    .joinyf-list li{padding: 0 !important;}
    .joinyf-mix{flex-direction: row !important;padding: 0 !important;}
    .joinyf-image{width: 100%;}
    .joinyf-image img{height: auto;}
    .joinyf-cont{width: 100%;padding: 36px 20px !important;}
    .joinyf-cont .num {font-size: 68px;}
    .joinshxx-text {padding: 50px 20px;font-size: 14px;line-height: 24px;}
    .joinshxx-text::before, .joinshxx-text::after {width: 50px;height: 42px;}
    .joinshgw-menu .info span{display: none;}
    .notice .iframe{height: 920px;}
    .friend-ul{margin: -20px 0 0 -20px;}
    .friend-ul a{display: block;width: calc(33.3333% - 20px);margin: 20px 0 0 20px;}
    .ke-zeroborder tr{margin-left: -16px;}
    .ke-zeroborder tr td{width: calc(33.3333% - 16px);margin-left: 16px;}
    .ke-zeroborder tr td .image{height: 240px;padding: 20px;}
    .ke-zeroborder tr td .cont{padding: 20px;}
    .aboutlc-mix .thumbs .swiper-container {width: 92%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .paging{margin-top: 30px;}
    .law .content h6{font-size: 18px;}
    .sonBan img {height: auto;min-height: 320px;}
    .sonBan-cont {text-align: center;}
    .sonBan-cont .text {margin-top: 4px;}
    .sonBan-place{display: none;}
    .sonBan-mix .contain{width: 100%;}
    .sonBan-menu a {height: 36px;font-size: 15px;}
    .sonBan-menu.a1 a, .sonBan-menu.a2 a{width: calc(50% - 1px);}
    .sonBan-menu.a3 a{width: calc(33.3333% - 1px);}
    .sonBan-menu.a4 a{width: calc(50% - 1px);margin-top: 2px;}
    @keyframes sonBanRun {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    @keyframes sonBanRunMenu {0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}
    .sonBan::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .2);}
    .reltp-loop, .reltp::after{display: none;}
    .reltp-list {padding: 0;}
    .reltp-list li {width: 100% !important;padding: 20px 0 !important;border-bottom: 1px solid #d8dadd;}
    .reltp-list li:first-child{padding-top: 0 !important;}
    .reltp-list li::before {width: 100%;height: 1px;display: block;}
    .reltp-list li .title{color: #FF6801;}
    .reltp-list li .text{margin-top: 6px;line-height: 24px;color: #333;}
    .reltp{display: none;}
    .rellb{margin-top: 0;}
    .rellb-main .name {font-size: 16px;}
    .rellb-main-list {margin-left: 0;margin-top:8px}
    .rellb-main-list li{width: 100% !important;margin: 8px 0 0;}
    .rellb-main-list li:first-child{margin-top: 0;}
    .rellb-main-list li:first-child .text {max-width: 100%;}
    .rellb-main-list li:first-child .text{margin: 8px 0 0;}
    .rellb-main-list li .text{margin: 0;}
    .rellb-main {padding-bottom: 16px;}
    .rellb-list li {padding: 16px 0;}
    .rellb-list li .email, .rellb-list li .phone{margin-top: 8px;}
    .rellb-list li .address{margin-top: 8px;}
    .news-cont .title {line-height: 26px;max-height: 52px;margin-top: 8px;}
    .news-cont {padding: 20px 15px;}
    .news-main .news-cont .title {margin-top: 8px;}
    .news-main .news-cont .text{line-height: 24px;max-height: 72px;-webkit-line-clamp: 3;}
    .news-cont .link {height: 46px;padding: 0 12px;border-top-right-radius: 23px;border-bottom-right-radius: 23px;}
    .news-cont .bottom {margin-top: 18px;}
    .news-main .news-cont .bottom {margin-top: 18px;}
    .news-list ul {margin: 0;}
    .news-list li {width: 100%;margin: 18px 0 0;}
    .news-list .news-cont {height: auto;padding: 20px 15px;}
    .news-image img{height: 200px !important;}
    .newsxq-head .title{font-size: 18px;min-height: 48px;}
    .newsxq-content {padding: 24px 15px 0;margin-top: 16px;line-height: 26px;}
    .newsxq-banner img {height: 210px;}
    .newsxq-mix {margin-top: -116px;}
    .newsxq-content h6{font-size: 16px;}
    .newsxq-control a.prev p.pc, .newsxq-control a.next p.pc{display: none;}
    .newsxq-control a.prev p.mb, .newsxq-control a.next p.mb{display: block;}
    .newsxq-control a.back{width: 50px;height: 50px;}
    .newsxq-control a.back::after {width: 24px;height: 24px;margin: -12px 0 0 -12px;background-size: 100% auto;}
    .newsxq-control a.prev, .newsxq-control a.next {width: calc(50% - 25px);padding: 5px 28px;background-size: auto 20px;}
    .casejs-head .text{font-size: 16px;line-height: 26px;}
    .casejs-img{margin-top: 24px;}
    .corProduct .sonTitle .title{font-size: 22px;}
    .corProduct .link a::after{display: none;}
    .corProduct .link a span{padding-right: 32px;background: url('http://www.bonkoo.com/template/default/images/index/indArr.png') no-repeat right center;}
    .corProduct.liuyan a span{padding-right: 0;background: url('http://www.bonkoon.com/template/default/images/pages/messIc.png') no-repeat left center/20px auto;}
    .corProduct .link a {width: 132px;height: 38px;border-radius: 19px;border: 2px solid rgba(255, 255, 255, .5);font-size: 15px;}
    .corProduct .link a:hover span{background-image: url('http://www.bonkoon.com/template/default/images/index/indArrH.png');}
    .prolb{width: 100%;padding-left: 0;margin-top: 24px;}
    .slideBox{padding-bottom: 0;}
    .prolb-cont .link {height: 46px;padding: 0 12px;border-top-right-radius: 23px;border-bottom-right-radius: 23px;}
    .prolb-image {height: 200px;}
    .prolb-list li {padding: 16px;}
    .pro{padding-top: 0;}
    .proxqtb .contain {padding: 0 4%;}
    .proxqtb-mix{margin: 0;flex-direction: row;}
    .proxqtb-image{width: 100%;padding: 0;}
    .proxqtb-image img{max-height:280px;max-width:250px}
    .proxqtb-info{width: 100%;margin-top: 24px;}
    .proxqtb-info-title {padding-bottom: 14px;}
    .proxqtb-info-title .name{font-size: 24px;}
    .proxqtb-info-title .text{margin-top: 4px;}
    .proxqtb-info-number {padding: 24px 0;}
    .proxqtb-info-number li .num{margin-top: 6px;}
    .proxqtb-info-number ul {margin-top: -18px;}
    .proxqtb-info-number li {margin-top: 18px;}
    .proxqtb-info-btn>div.rele a {width: 144px;height: 40px;}
    .proxqtb-info-btn>div.info a {padding-left: 32px;}
    .proxqst-title {border-left: 4px solid #FF6801;padding-left: 12px;}
    .proxqst-text {line-height: 26px;}
    .proxqst-text p {padding-left: 16px;}
    .proxqst-text p::before {width: 5px;height: 5px;top: 10px;}
    .proxqst-items {padding: 26px 0 22px;}
    .proxqst-table tr td {padding: 8px 10px;font-size: 14px;}
    .aboutmh-image {border-radius: 12px;}
    .aboutmh-list li .num {width: 130px;font-size: 26px;}
    .aboutmh-list li .text {font-size: 18px;}
    .aboutmh-list li {height: 60px;}
    .aboutmh-list{margin-top: 8px;}
    .aboutmh-text {margin-top: 26px;}
    .aboutmh-bird img{width: 310px;}
    .aboutbj-info ul{flex-wrap:wrap}
     .aboutbj-info li{width:100%;flex:auto;width:100%}
    .aboutbj-info li .num {font-size: 42px;}
    .aboutbj-info li .cont {width:100%}
    .aboutbj-info li .name {font-size: 16px;}
    .aboutbj-info li .text {margin-top: 0;}
    .aboutbj-info {margin-top: 24px;}
    .aboutwh-content {padding: 20px 15px;border-radius: 12px;}
    .aboutwh-content-icon {width: 90px;padding-right: 16px;}
    .aboutwh-content-cont {width: calc(100% - 90px);padding-top: 0;}
    .aboutwh-content-cont .text {margin-top: 12px;padding-top: 8px;font-size: 16px;}
    .aboutwh-content .swiper-container {padding-bottom: 40px;}
    .aboutwh-content-mix{min-height: 140px;align-items: center;}
    .aboutzr-list li .title{color: #FF6801;}
    .aboutzr-list li .text{margin-top: 8px;color: #666;display: none;transition: none;}
    .aboutzr-list li:hover .text{transition: none;}
    .aboutzr-list li::before{background: rgba(0, 0, 0, .1);}
    .aboutzr-list li {padding: 18px 0;}
    .aboutzr-list li:first-child{padding-top: 0;}
    .aboutzr-list li:last-child{padding-bottom: 0;}
    .aboutzr-loop, .aboutzr-mix::after{display: none;}
    .aboutzr-list {padding: 0;}
    .aboutzr-list li .content {padding: 0;}
    .joinygga-head{margin-top: 30px;}
    .joinygga-content .title {padding-left: 15px;font-size: 20px;}
    .joinygga-content .content {padding-left: 0;margin-top: 22px;}
    .joinygga-content .name {margin-bottom: 8px;font-size: 16px;}
    .joinygga-content .items{margin-top: 16px;}
    .joinygga-content .items:first-child{margin-top: 0 !important;}
    .joinygga-list {padding: 38px 4%;margin-top: 32px;}
    .joinygga-head-cont {padding: 24px 0 0;}
    .joinygga-list-cont {margin-top: 24px;}
    .joinygga-list-li {margin-top: 24px;}
    .joinyghj-loop{margin-top: 28px;}
    .joinyghj-prev, .joinyghj-next {width: 40px;height: 40px;margin-top: -20px;background-size: auto 19px;}
    .joinyghj-prev {left: 8px;}
    .joinyghj-next {right: 8px;}
    .joinyghj-loop .swiper-pagination {padding: 12px;font-size: 14px;}
    .joinyghj-loop .swiper-pagination b {font-size: 22px;}
    .joinyghj-loop img {min-height: 240px;}
    .joinygga-list-image img{height: 200px;}
    .joinyf .sonTitle{padding: 0 4%;}
    .joinyf-cont {width: 100%;padding: 28px 15px !important;}
    .joinyf-cont .title {border-left: 4px solid #FF6801;padding-left: 10px;}
    .joinyf-cont .num {font-size: 48px;top: 10px;right: 10px;}
    .joinyf-list li {margin-top: 24px;}
    .joinshxx-image img{min-height: 200px;}
    .joinshxx-text p span{display: block;margin: 0;}
    .joinshxx-text::before, .joinshxx-text::after{display: none;}
    .joinshxx-text{padding: 20px;}
    .joinshxx-image{margin-top: 20px;}
    .joinshgw-menu {height: 48px;padding: 0 14px;}
    .joinshgw-list li {margin-top: 14px;}
    .joinshgw-menu .main {font-size: 16px;}
    .joinshgw-menu .main span{display: none;}
    .joinshgw-menu .main span:first-child{display: block;max-width: 200px;}
    .joinshgw-menu .info a {width: 74px;height: 26px;border-radius: 13px;font-size: 12px;}
    .joinshgw-drop {padding: 20px 14px;}
    .joinshgw-drop .cont{line-height: 25px;}
    .joinxydy-list ul {margin: -18px 0 0 ;}
    .joinxydy-list li {width: 100%;margin: 18px 0 0;padding: 24px 16px;min-height: 220px;}
    .joinxydy-list li .icon {width: 72px;height: 72px;border-radius: 10px;}
    .joinxydy-list li .text{margin-top: 4px;}
    .joinxytx-image{margin-top:30px;}
    .joinxyxc-prev, .joinxyxc-next {width: 22px;height: 22px;margin-top: -11px;background-image: url('../image/arrLW.svg');background-size: 12px auto;}
    .joinxyxc-next{background-image: url('http://www.bonkoon.com/template/default/images/common/arrRW.svg');}
    .joinxyxc-loop {padding: 0 22px;margin-top: 40px;}
    .joinxyxc-loop-hint {width: 120px;height: 120px;margin: -60px 0 0 -60px;}
    .joinxyxc-loop-hint::after {width: 106px;height: 106px;}
    .joinxyxc-loop-hint img {max-width: 30px;}
    .joinxyxc-loop-year {height: 100px;}
    .joinxyxc-loop-year span {width: 76px;height: 28px;font-size: 13px;border-radius: 14px;}
    .joinxyxc-loop-year i {width: 8px;height: 8px;}
    .joinxyxc-loop-year i::after {width: 20px;height: 20px;margin: -10px 0 0 -10px;}
    .joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span {transform: translateY(-35px);font-size: 13px;}
    .joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span {transform: translateY(37px);}
    .joinxyxc-content .items .text{margin-top: 4px;}
    .joinxyxc-content {margin-top: 32px;}
    .joinxyxc {min-height: 400px;}
    .joinxylc-list ul {margin-top: -18px;}
    .joinxylc-list li {width: 50%;margin-top: 18px;}
    .joinxylc-items {width: 140px;height: 140px;}
    .joinxylc-list li .text {font-size: 14px;margin-top: 10px;}
    .joinxylc-list li .icon {height: 40px;width: 40px;}
    .joinxylc-cont{line-height: 25px;}
    .joinhxzz-click::before, .joinhxzz-click::after{display: none;}
    .joinhxzz-click{max-width: none;height: auto;padding: 32px 0;display: block;}
    .joinhxzz-click-bg{margin: 0 auto;display: block;}
    .joinhxzz-click-list{position: static;width: 100%;margin-top: 20px;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .joinhxzz-click-menu{position: sticky;width: calc(50% - 4px);margin-top: 8px;background: none !important;border: 1px solid #FF6801;padding: 0 !important;height: 38px;font-size: 16px;justify-content: center !important;}
    .joinhxzz-click-menu i{display: none;}
    .joinhxzz-pop .contain {padding: 24px 16px;}
    .joinhxzz-pop-items .text {padding: 16px 15px;max-height: 400px;overflow-y: auto;}
    .joinhxzz-pop-close {width: 20px;height: 20px;top: 24px;right: 16px;}
    .joinhxzz-pop-items .title {border-left: 3px solid #FF6801;padding-left: 8px;}
    .joinhxpt-mb {margin-top: 24px;}
    .joinhxpt-mb .swiper-container {padding-bottom: 36px;}
    .joinhxtb-items{width: 100%;height: 100px;}
    .joinhxtb::after{height: 50%;width: 100%;top: auto;bottom: 0;}
    .joinhxtb-items .icon img{max-height: 47px;}
    .joinhxtb-items .text {margin-left: 16px;padding-right: 20px;background: url('http://www.bonkoon.com/template/default/images/common/arrRH.svg') no-repeat right -3px center/24px auto;}
    .notice .iframe{height: 980px;}
    .friend-ul{margin: -12px 0 0 -12px;}
    .friend-ul a{display: block;width: calc(50% - 12px);margin: 12px 0 0 12px;}
    .friend-ul a .image{height: 84px;}
    .friend-ul a .text {font-size: 13px;margin-top: 6px;}
    .aboutBan-play {width: 54px;height: 54px;margin: -27px 0 0 -27px;background-size: 28px auto;}
    .ke-zeroborder tr{margin-left: 0;}
    .ke-zeroborder tr td{width: 100%;margin-left: 0;}
    .news-cont .more{margin-top: 16px;}
    .aboutlc-mix .gallery-more .hint {font-size: 60px;}
    .aboutlc-mix .gallery-more {padding-top: 28px;}
    .aboutlc-mix .gallery-more .cont {font-size: 18px;line-height: 24px;}
    .aboutlc-mix .gallery-more .num{font-size: 24px;}
    .aboutlc-mix .gallery-more .line {width: 36px;margin: 12px auto 10px;}
    .aboutlc-mix {margin-top: 20px;}
    .aboutlc-mix .thumbs .thumbs-year {font-size: 18px;height: 54px;}
    .aboutlc-mix .thumbs {bottom: 50px;}
    .aboutlc {height: 384px;}
    .aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next {bottom: 140px;width: 26px;height: 56px;background-size: 22px auto;}
    .rellb-main-list li .hint{color:#666;font-family: "MR";}
    .rellb-main-list li:first-child .text{color:#666;}
    .rellb-main-list li:nth-last-child(-n+2){display:none;}
    .casesb {margin-top:24px}
    .casesb .sonTitle .text{font-size:16px;color:#333;line-height:26px}
}




.aboutjion  .contain .team-up {
  width: 100%;
  position: relative;
}
.aboutjion  .contain .team-up .bg {
  width: 100%;
  border-radius: 0.15rem;
  overflow: hidden;
  background: #f7f8f9;
}
.aboutjion  .contain .team-up .bg img {
  width: 100%;
}
@media (max-width: 991px) {
  .aboutjion  .contain .team-up .bg img {
    margin-left: 10%;
  }
}
@media (max-width: 767px) {
  .aboutjion  .contain .team-up .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
  }
  .aboutjion  .contain .team-up .bg img {
    width: auto;
    max-width: initial;
    height: 60%;
    object-fit: cover;
    margin-left: -58%;
  }
}
.aboutjion  .contain .team-up .cbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.3rem 0 110px;
}
@media (max-width: 991px) {
  .aboutjion  .contain .team-up .cbox {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .about  .contain .team-up .cbox {
    position: relative;
    flex-wrap: wrap;
    padding: 30px 20px 200px;
  }
}
.aboutjion  .contain .team-up .cbox .img {
  width: 5rem;
}
@media (max-width: 767px) {
  .aboutjion  .contain .team-up .cbox .img {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .aboutjion  .contain .team-up .cbox .tbox {
    margin: 0 auto;
    text-align: center;
  }
}
.aboutjion  .contain .team-up .cbox .tbox .t1 {
  line-height: calc(46/36);
  color: #000;
  margin-bottom:40px;
}

.social-share a:before {
  display: none;
}
.aboutjion  .contain .team-up .cbox .tbox .more  .public-btn a{
    padding:20px 40px;
    border-radius: 40px;
    background-color:#FF6801 ;
    color:#fff;
    display: inline-block;
}
.aboutjion  .contain .team-up .cbox .tbox .more  .public-btn a i{
    position: relative;
    transition: all  .5s linear;
    right:0;
    margin-left:10px;
}
.aboutjion  .contain .team-up .cbox .tbox .more  .public-btn a:hover i{
    right:-10px;
}



.contactA{
    width:100%;
    background:#fff;
    margin-top:42px;
    padding-bottom:55px;
}
.contactA_T{
    padding:55px 2.8%;
    overflow:hidden;
    border-bottom:1px solid #e2e2e2;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactA_T_l{flex:1;flex-shrink:0;padding:0 20px;}
.contactA_T_l>p{font-size:35px;color:#3a3a3a;font-weight:bolder;}
.contactA_T_l>span{display:block;font-size:30px;color:#333333;line-height:32px;margin:20px 0px;}

.contactA_T_R{text-align:center;flex-shrink:0;flex:1;}
.contactA_T_R img{width:170px;height:170px}
.contactA_T_R p{font-size:16px;margin-top:25px;}

.contactA_T_m{flex-shrink:0;flex:2;margin:0 auto;padding:0px 10%;height:100%;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.contactA_T_m div{width:100%;margin-bottom:25px;}
.contactA_T_m div span{font-size:22px;color:#FF6801;display:block;line-height:34px;}
.contactA_T_m div strong{display:block;font-family:"Arial";font-size:36px;color:#FF6801;line-height:34px;margin:14px 0px 10px 0px;}
.contactA_T_m div p{color:#999999;line-height:34px;}
.contactA_T_m>p{font-size:16px;color:#666666;line-height:42px;}



#contact2{
    padding:140px 0 220px;
}
#contact2 .img{
    width: 50%;
    float:left;
}
#contact2 .contact2{
    width: 50%;
    float:right;
    padding-left: 30px;
}
#contact2 h2.t1{
    font-size: 36px;
    color: #333;
   
}
#contact2 h2.t1 span{
    color: #FF6801;    
}
#contact2 .contact2 h2.t1{
    line-height: 1;
}

.message ul{
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}
.message ul li{
    width: 100%;
    position: relative;
    margin-bottom:30px;
}
.message ul li:nth-child(1){
    width: 48%;
    margin-right: 4%;

}
.message ul li:nth-child(2){
    width: 48%;
}

.message ul li input{
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
}
.message ul li textarea{
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    height: 120px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
    font-family: "pingfang";
}
*::-webkit-input-placeholder {
    color: #b2b2b2;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #b2b2b2;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #b2b2b2;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}
*::-webkit-textarea-placeholder {
    color: #b2b2b2;
}
*:-ms-textarea-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}
.message ul li:nth-child(1):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 20px;
    margin-top:-10px;
    background:url(../image/mess_icon1.png) no-repeat left center;
    z-index:9;
}
.message ul li:nth-child(2):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 20px;
    height: 19px;
    margin-top:-10px;
    background:url(../image/mess_icon2.png) no-repeat left center;
    z-index:9;    
}
.message ul li:nth-child(3):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 22px;
    margin-top:-11px;
    background:url(../image/mess_icon3.png) no-repeat left center;
    z-index:9;
}
.message ul li:nth-child(5):before,.message ul li:last-child:before{
    content:'';
    position: absolute;
    left:18px;
    top:23px;
    width: 20px;
    height: 20px;
    margin-top:0px;
    background:url(../image/mess_icon4.png) no-repeat left center; 
    z-index:9;   
}
.mess_btn{
    width: 220px;
    position: relative;
    overflow: hidden;
    border-radius:10px;
    background:#FF6801;
}
.mess_btn input{
    display: block;
    width: 100%;
    line-height: 56px;
    border:none;
    outline: none;
    font-size: 20px;
    color: #fff;

    /*border-radius:10px;*/
    background:none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding:0 24px;
    text-align: left;
    cursor: pointer;
    z-index: 10;
}
.mess_btn:before{
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 9px;
    height: 17px;
    background:url(../image/more3.png) no-repeat center;
    z-index:9;
    margin-top:-8.5px;
}
.mess_btn:after{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
@media(max-width: 1600px){
    #contact1{
        padding:90px 0 0;
    }
    h2.t1 {
        font-size: 36px;
    }  
    .contact_list{
        margin-top:40px;
    }
    .contact_list li{
        padding:15px 15px;
    }
    .contact_list li h3{
        font-size:20px;
        line-height:1.8;
    }
    .contact_list li .p1{
        font-size:15px;
    }
    .contact_list li .p2{
        font-size:16px;
    }
    .contact_list li .p3{
        font-size:16px;
    }
    #contact2 {
        padding: 90px 0 160px;
    }
    .message ul{
        margin-top:50px;        
    }
    .message ul li{
        margin-bottom:20px;
    }
    .mess_btn{
        width:190px;
    }
    .mess_btn input {
        line-height: 46px;
        font-size: 16px;
        padding: 0 15px;
    }
    .message ul li input,.message ul li textarea{
        font-size:15px;
        line-height:55px;
    }
    .message ul li:nth-child(5):before, .message ul li:last-child:before{
        top:18px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    #contact1{
        padding:70px 0 0;
    }
    h2.t1 {
        font-size: 26px;
    }
    #contact2 {
        padding: 100px 0 150px;
    }
    .message ul{
        margin-top:30px;        
    }
    .message ul li{
        margin-bottom:15px;
    }

}
@media(max-width: 1024px){
    .contact_list li{
        width:49%;
        margin-bottom:20px;
    }
    .contact_list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media(max-width: 820px){
    #contact1{
        padding:55px 0 0;
    }
    h2.t1 {
        font-size: 24px;
    }
    .contact_list{
        margin-top:20px;
    }
    #contact2 {
        padding: 70px 0 100px;
    }
    #contact2 .img{
        width:100%;
        margin-bottom:30px;
    }
    #contact2 .contact2{
        width:100%;
        padding-left:0;
    }

}
@media(max-width: 640px){
    #contact1{
        padding:40px 0 0;
    }
    h2.t1 {
        font-size: 20px;
    } 
    .contact_list li{
        width:100%;
        margin-right:0!important;
    }
    .contact_list li h3{
        font-size:17px;
    }
    #contact2 {
        padding: 50px 0 50px;
    }
    .message ul{
        margin-top:20px;        
    }
    .message ul li:nth-child(1){
        width: 100%;
        margin-right: 0%;
    }
    .message ul li:nth-child(2){
        width: 100%;
    }
    .mess_btn{
        width:165px;
    }
    .mess_btn input {
        line-height: 36px;
        font-size: 14px;
        padding: 0 15px;
    }
    .message ul li:nth-child(5):before,.message ul li:last-child:before{
        top: 18px;
    }
}
@media(max-width: 460px){
    #contact1 h2.t1 {
        font-size: 17px;
    }
}




.aboutlc .aboutlc-mix .list {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 88px;
  overflow: hidden;
}
.aboutlc .aboutlc-mix .list .swiper-container {
  border: 1px solid #eaeaea;
  border-radius: 15px;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  background: #fff;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .public-img {
  width: 62.5%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .public-img {
    width: 100%;
  }
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .public-img::before {
  padding-top: 66.66666667%;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .public-img img {
  width: 100%;
  transform-origin: center center;
  transform: scale(1.1);
  transition: all 3.5s;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .tbox {
  width: 37.5%;
  padding: 138px 28px 0 50px;
}
@media (max-width: 1100px) {
  .aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .tbox {
    padding: 138px 30px 0;
  }
}
@media (max-width: 991px) {
  .aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .tbox {
    width: 100%;
    padding: 50px 30px;
  }
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .tbox .t1 {
  color: #000;
  line-height: 1.5;
  transform: translateY(25px);
  opacity: 0;
  transition: all 0.8s 0.3s;
  font-size:40px;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide .tbox .t2 {
  color: #999;
  line-height: 1.5;
  margin-top: 46px;
  transform: translateY(25px);
  opacity: 0;
  transition: all 0.8s 0.4s;
  font-size:16px;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide-active .public-img img {
  transform: scale(1);
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide-active .tbox .t1 {
  transform: translateY(0);
  opacity: 1;
}
.aboutlc .aboutlc-mix .list .swiper-container .swiper-slide-active .tbox .t2 {
  transform: translateY(0);
  opacity: 1;
}
.aboutlc .aboutlc-mix .list .nums {
  position: absolute;
  left: 62px;
  top: 42px;
  display: flex;
  z-index: 3;
}
@media (max-width: 991px) {
  .aboutlc .aboutlc-mix .list .nums {
    display: none;
  }
}
.aboutlc .aboutlc-mix .list .nums .n1 {
  font-size: 12px;
  line-height: 1.5;
  color: #FF6801;
  padding-right: 8px;
}
.aboutlc .aboutlc-mix .list .nums .n2 {
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  margin-top: 20px;
  position: relative;
}
.aboutlc .aboutlc-mix .list .nums .n2::before {
  content: '';
  width: 40px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: -25px;
  top: 3px;
  transform: rotateZ(-45deg);
}
.aboutlc .aboutlc-mix .list .ck {
  position: absolute;
  left: 50px;
  bottom: 46px;
  display: flex;
  z-index: 3;
}
@media (max-width: 1100px) {
  .aboutlc .aboutlc-mix .list .ck {
    width: 100%;
    position: relative;
    left: initial;
    bottom: initial;
    justify-content: center;
    margin-top: 50px;
  }
}
.aboutlc .aboutlc-mix .list .ck .swiper-prev,
.aboutlc .aboutlc-mix .list .ck .swiper-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  cursor: pointer;
  background: rgba(234, 234, 234, 0.4);
}
@media (max-width: 1600px) {
  .aboutlc .aboutlc-mix .list .ck .swiper-prev,
  .aboutlc .aboutlc-mix .list .ck .swiper-next {
    width: 45px;
    height: 45px;
  }
}
.aboutlc .aboutlc-mix .list .ck .swiper-prev svg,
.aboutlc .aboutlc-mix .list .ck .swiper-next svg {
  width: 13px;
  height: 12px;
}
.aboutlc .aboutlc-mix .list .ck .swiper-prev svg path,
.aboutlc .aboutlc-mix .list .ck .swiper-next svg path {
  fill: rgba(51, 51, 51, 0.4);
  transition: all 0.4s;
}
@media (min-width: 992px) {
  .aboutlc .aboutlc-mix .list .ck .swiper-prev:hover,
  .aboutlc .aboutlc-mix .list .ck .swiper-next:hover {
    background:#d58532;
  }
  .aboutlc .aboutlc-mix .list .ck .swiper-prev:hover svg path,
  .aboutlc .aboutlc-mix .list .ck .swiper-next:hover svg path {
    fill: #fff;
  }
}
.aboutlc .aboutlc-mix .list .ck .swiper-next {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .aboutlc .aboutlc-mix .list .ck .swiper-next {
    margin-left: 40px;
  }
}
.aboutlc .aboutlc-mix .list .ck .swiper-next svg {
  transform: rotateZ(180deg);
}



/*网站建设*/
.webA{width:100%;background:#fff;padding:100px 0px;}
.webA ul{width:100%;margin-top:80px;}
.webA ul li{width:20%;float:left;}
.webA ul li a{display:block;border-right:1px solid #f0f0f0;padding:30px 19% 52px 19%;text-align:center;}
.webA ul li a strong{display:block;font-size:91px;color:#333333;opacity:0.06;}
.webA ul li a span{display:block;font-size:20px;color:#444444;margin-top:-44px;font-weight:bold;height:26px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.webA ul li a p{color:#333333;line-height:24px;margin-top:50px;height:120px;overflow:hidden;}
.webA ul li a i{display:inline-block;width:70px;height:70px;line-height:70px;border:1px solid #c6c6c6;border-radius:20px;margin-top:12px;}
.webA ul li a i img{vertical-align:middle;}
.webA ul li a i .h_img{display:none;}
.webA ul li:last-child a{border:none;}
@media screen and (min-width:1200px){
.webA ul li a:hover{background:#FF6801;}
.webA ul li a:hover strong,.webA ul li a:hover span,.webA ul li a:hover p{color:#fff;}
.webA ul li a:hover i{border-color:#fff;}
.webA ul li a:hover i .h_img{display:inline-block;}
.webA ul li a:hover i .s_img{display:none;}
.webA ul li a:hover strong{opacity:0.2;}
}


.service1_2 .container {
    width: 90%;
    max-width: 1700px;
    margin: 0 auto;
}
.service1_2 .container2 {
    max-width: 1580px;
}
.service1_2{
    background: url(../image/service1_bg1.jpg) no-repeat center top;
    text-align: center;
    background-size: cover;
    position: relative;
}
.service1_2 h2.t1{
    display: none;
    line-height: 1.4;
}
.service1_2 .cont {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.service1_2 dl {
    width: 200px;
    color: #fff;
    position: absolute;
    text-align: left;
}
/*.service1_2 dl{
    position:static;
    text-align:left!important;
    width:47%!important;
    float:left;
    margin-bottom:30px;
    margin-right:5%;
}*/
.service1_2 dl:nth-of-type(2n){
    margin-right:0px;
}
.service1_2 dt{font-weight:700;margin-bottom:10px;}
.service1_2 .con01{top:14.5%;left:12%;}
.service1_2 .con02{top:14.5%;left:67%;}
.service1_2 .con03{top:45.5%;left:2%;text-align:right;}
.service1_2 .con04{top:45.5%;left:77%;text-align:right;}
.service1_2 .con05{top:75%;left:10%;}
.service1_2 .con06{top:75%;left:73%;}
.service1_2>h3{display:none;}
.yuan_bg{
    position:absolute;top:50%;
    left:50%;transform:translate(-50%,-50%);
    border:1px solid #fff;
    opacity:0.4;
    width:475px;
    height:475px;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    animation:morph 6s linear infinite;will-change:border-radius;
}
.yuan_bg:before,.yuan_bg:after{
    content:"";
    display:block;
    width:490px;
    height:490px;
    position:absolute;
    left:0px;
    top:0px;
    border:1px solid #fff;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    will-change:border-radius;animation-delay:100ms;
}
.yuan_bg:before{
    animation:morph 10s linear infinite;animation-delay:400ms;
}
@keyframes morph{
    0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;}
    34%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;}
    67%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;}
}
.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}
.fnt_18 {
    font-size: 18px;
    line-height: 1.6;
}
@media only screen and (min-width: 600px){
    .service1_2 dl{opacity:0;transition:all 0.4s ease-in-out;}
    .service1_2 dl:nth-of-type(1){transition:all 0.4s ease-in-out;}
    .service1_2 dl:nth-of-type(2){transition:all 0.4s ease-in-out 0.2s;}
    .service1_2 dl:nth-of-type(3){transition:all 0.4s ease-in-out 0.4s;}
    .service1_2 dl:nth-of-type(4){transition:all 0.4s ease-in-out 0.6s;}
    .service1_2 dl:nth-of-type(5){transition:all 0.4s ease-in-out 0.8s;}
    .service1_2 dl:nth-of-type(6){transition:all 0.4s ease-in-out 1s;}
    .service1_2 dl.dl_anim{opacity:1;}
}
@media only screen and (max-width:1600px){
    .fnt_18 {
        font-size: 16px;
    }
}

@media only screen and (max-width:1400px){
    .fnt_30 {
        font-size: 20px;
    }
}
@media only screen and (max-width:1220px){
    .service1_2 .con03{left:0px;width:170px;}
    .service1_2 .con04{left:73%;}
    .yuan_bg{width:400px;height:400px;}
    .yuan_bg:before,.yuan_bg:after{width:405px;height:405px;}
}
@media only screen and (max-width: 1024px){
    .fnt_18 {
        font-size: 16px;
    }    
}
@media only screen and (max-width: 950px){
    .fnt_30 {
        font-size: 18px;
    }
    .fnt_18 {
        font-size: 14px;
    } 
}
@media only screen and (max-width:800px){
    .service1_2 .con03{left:0px;width:120px;}
    .service1_2 .con04{left:70%;width:170px;}
    .yuan_bg{width:300px;height:300px;}
    .yuan_bg:before,.yuan_bg:after{width:305px;height:305px;}
}
@media only screen and (max-width: 767px){
    .fnt_30 {
        font-size: 16px;
    }    
    .service1_2 .cont img{
        display:none;
    }
    .service1_2 h2.t1{
        display:block;
        color:#fff;
        margin-bottom:30px;
    }
    .fnt_18{
        line-height:1.8;
    }
}
@media only screen and (max-width:700px){
    .service1_2>h3{display:block;color:#fff;font-weight:700;margin-bottom:40px;}
    .service1_2 .con>img{display:none;}
    .service1_2{padding:50px 0px;}
    .service1_2 dl{position:static;text-align:left!important;width:47%!important;float:left;margin-bottom:30px;margin-right:5%;}
    .service1_2 dl:nth-of-type(2n){margin-right:0px;}
}





.service-box10 {
  width: 100%;
  padding:  120px 0;
}
@media (max-width: 767px) {
  .service-box10 {
    padding: 0;
  }
}
.service-box10 .container .top .ts {
  color: #999;
  text-align: center;
  line-height: 1.5em;
}
.service-box10 .container .top .title {
  color: #000;
  text-align: center;
  margin-top: 20px;
  font-weight: bolder;
}
@media (max-width: 767px) {
  .service-box10 .container .top .title {
    font-size: 42px;
  }
}
.service-box10 .container .list {
  width: 100%;
  margin-top: 80px;
}
.service-box10 .container .list ul {
  width: calc(100% + 30px);
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .service-box10 .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.service-box10 .container .list ul li {
  width: calc(33.33% - 30px);
  background: #f5f7f9;
  border-radius:15px;
  margin: 0 15px 33px;
  padding: 45px 43px 35px;
}
@media (max-width: 991px) {
  .service-box10 .container .list ul li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .service-box10 .container .list ul li {
    width: 100%;
    margin: 0 0 33px;
  }
  .service-box10 .container .list ul li:last-child {
    margin: 0;
  }
}
.service-box10 .container .list ul li .t1 {
  line-height: 1.5;
  color: #000;
  font-size:17px;
}
.service-box10 .container .list ul li .t2 {
  width: 330px;
  max-width: 100%;
  line-height: 1.5;
  color: #999;
  margin-top: 16px;
  font-size:15px;
  text-align: justify;
  
  
}
.service-box10 .container .list ul li .num {
  margin-top: 40px;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  color: #FF6801;
  background: #fff;
  border: 1px solid #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:15px;
}


.service1_4{
    padding:105px 0 115px;
}
.t3{
    text-align: center;
    margin-bottom:50px;
}
.t3 h2{
    font-size: 32px;
    color: #333333;
    font-weight: bolder;
    line-height: 1.6;
}
.t3 h2 span,.t3 .p1 font{
    color: #FF6801;
}
.t3 .p1{
    font-size: 17px;
    margin:24px 0 15px;
    color:#444;
}
a.more_a{
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 17px;
    color: #fff;
    border-radius: 10px;
    background: #FF6801;
    text-align: center;
    margin:40px auto 0;
/*    
    font-weight: bold;*/
}
.case_list{
    display: flex;
    flex-wrap: wrap;
}
.case_list li{
    width: 25%;
}
.case_list li a{
    color: #fff;
    display: block;
    position: relative;
}
.case_list li a .img{
    position: relative;
}
.case_list li a .img2{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: none;
}
.case_list li a .img2 img{
/*    max-height: 52px;*/
    max-width: 197px;
    margin:0 auto;
}
.case_list li a .text2{
    position: absolute;
    bottom:0;
    left:0; 
    width:100%;
    padding:20px 25px;
    color: #fff;   
}
.case_list li a .text2 h3{
    font-size: 22px;
    line-height:1.2;
}
.case_list li a:hover .text2{
    opacity: 0;
}
.case_list li a .text2 p{
    font-size: 15px;
}
.case_list li a .text{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:#ff68018c;
    z-index:8;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.case_list li a .text .img3{
    text-align: center;
    display: none;
}
.case_list li a .text .img3 img{
    /*width: 60%;*/
    /*max-width: ;*/
    transform: scale(0.8);
}
.case_list li a .text h3{
    font-size: 28px;
    line-height: 1.4;
}
.case_list li a .text p{
    font-size: 16px;
    padding:10px 20px 35px;
}
.case_list li a .text p.p1{
    font-size: 22px;
    font-weight: bold;
}
.case_list li a .text i{
    font-style: normal;
}
.case_list li a:before{
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a:after{
    content:'';
    position: absolute;
    left:20px;
    bottom:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a .img:before{
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a .img:after{
    content:'';
    position: absolute;
    right:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a:hover .img img{
    transform: scale(1.2);
}
.case_list li a:hover .img2{
    opacity: 0;
}
.case_list li a:hover .text{
    opacity: 1;
}
.case_list li a:hover:before,.case_list li a:hover:after{
    width: calc(100% - 40px);
}
.case_list li a:hover .img:before,.case_list li a:hover .img:after{
    height: calc(100% - 40px);
}
@media(max-width: 1600px){
    .case_list li a .img2 img{
        max-height: 50px;
    }
    .case_list li a .text .img3 img{
        max-height: 50px;
    }
    .case_list li a .text h3{
        font-size:22px;
    }
    .case_list li a .text p{
        font-size: 14px;
        padding: 5px 20px 10px;
    }
    .case_list2 li a .text .img3 img{
        max-height: 120px;
    }
    .case_list li a .text2 h3{
        font-size: 20px;
    }
    .case_list li a .text2 p{
        font-size: 15px;
    }
    .case_list li a .text p.p1{
        font-size: 20px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .case_list li a .text p{
        font-size:14px;
    }
}
@media(max-width: 1024px){
    .case_list2 li a .text .img3 img{
        max-height: 100px;
    }  
    .case_list li a .text h3,.case_list li a .text2 h3{
        font-size: 20px;
    }
    .case_list li a .text2 p{
        font-size: 14px;
    }  
}
@media(max-width: 820px){
    .case_list li{
        width:50%;
    }
    .case_list li a .img2 img,.case_list li a .text .img3 img{
        max-height: 32px;
    }
    .case_list li a .text p{
        font-size:14px;
    }
    .case_list li a .text2{
        padding:15px;
    }
    .case_list li a .text h3,.case_list li a .text2 h3{
        font-size: 16px;
    }
}
@media(max-width: 640px){
    .case_list li a:before,.case_list li a:after,.case_list li a .img:before,.case_list li a .img:after{
        display:none;
    }
    .case_list li a .text p{
        font-size:12px;
        line-height:1.6;
        padding:0 5%;
    }
    .case_list li a .text h3,.case_list li a .text2 h3{
        font-size: 14px;
    }
    .case_list li a .text p.p1{
        font-size: 14px;
    }
    .case_list li a .text2{
        padding:10px 10px;
    }
    .case_list li a .text2 p {
        font-size: 12px;
        line-height: 1.6em;
        height: 1.6em;
        margin-top:0px;
        overflow: hidden;
    }
    .case_list li a .text{
        display: none;
    }
}

.case_list2{

}
.case_list2 li{
    width: 32%;
    margin-right: 2%;
    margin-bottom:40px;
}
.case_list2 li:nth-child(3n){
    margin-right: 0%;
}
.case_list2 li .img img{
    width: 100%;
}

.c_tit{width:100%;float:left;text-align:center;}
.c_tit span{display:block;font-size:32px;color:#444444;font-weight:bold;}
.c_tit p{font-size:17px;color:#444444;margin-top:24px;}
.webE{width:100%;float:left;padding:70px 0px 80px 0px;}
.webE .news_con{margin-top:10px;}
.news_con{width:100%;float:left;}
.news_con li a{float:left;width:30.6%;margin-right:4.1%;margin-top:60px;background:#fff;padding-bottom:30px;position:relative;}
.news_con li:nth-child(3n) a{margin-right:0px;}
.news_con li a p{overflow:hidden;width:100%;}
.news_con li a div{padding:0px 7.8%;overflow:hidden;}
.news_con li a div span{display:block;font-size:17px;color:#333333;margin-top:28px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_con li a div p{color:#999999;margin-top:20px;height:19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_con li a:after{content:url(../image/nico1.png);position:absolute;right:7.8%;bottom:30px;}


@media screen and (min-width:1200px){
   .news_con li a:hover{background:#FF6801;}
   .news_con li a:hover:after {-webkit-animation: iHover .6s linear;animation: iHover .6s linear;content:url(../image/nico01.png)}
   .news_con li a:hover div span,.news_con li a:hover div p{color:#fff;}
}


.news_sj{display:none;}
.news_sj,.news_sj>a{width:100%;float:left;}
.news_sj .swiper-pagination-h,.inC_con_sj .swiper-pagination,.webD_con_sj .swiper-pagination,.mobE_sj .swiper-pagination,.desA_sj .swiper-pagination{width:100%;float:left;text-align:center;margin-top:20px;position: static;}
.news_sj .swiper-pagination-h span,.inC_con_sj .swiper-pagination span,.webD_con_sj .swiper-pagination span,.mobE_sj .swiper-pagination span,.desA_sj .swiper-pagination span{display:inline-block;}
.news_sj .swiper-pagination-h span.swiper-pagination-bullet-active,.inC_con_sj  .swiper-pagination span.swiper-pagination-bullet-active,.webD_con_sj  .swiper-pagination span.swiper-pagination-bullet-active,
.mobE_sj  .swiper-pagination span.swiper-pagination-bullet-active,.desA_sj .swiper-pagination span.swiper-pagination-bullet-active{background:#e60012;}

/*数字营销*/


.yxtg_list{
    padding:20px 0 140px;
}
.yxtg_list li{
    margin-bottom:120px;
}
.yxtg_list li.container{
    max-width: 1350px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.yxtg_list li:nth-child(2){
    flex-direction: row;
}
.yxtg_list li .img{
    float:right;
    width: 53%;
}

.yxtg_list li .text{
    float:left;
    width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:20px 0 20px 5%;
}
.yxtg_list li .text h2{
    font-size: 50px;
    
    line-height: 1;
}
.yxtg_list li .text h2 span{
    color: #FF6801;
}
.yxtg_list li .text p{
    font-size: 18px;
    color: #666666;
    max-width: 420px;
    font-weight: bold;
    line-height: 1.6;
    margin:32px 0 100px;
}
.yxtg_list li .text a{
    display: block;
    width: 156px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background:#FF6801;
}
.banner_text6{

}
.banner_text6 h2{
    color: #333333;
    font-size: 50px;
    
}
.banner_text6 h2 span{
    color: #FF6801;
}
.banner_text6 p{
    font-size: 20px;
    color: #666666;
/*    max-width: 625px;*/
}
.banner_text6 a{
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background: #FF6801;
    text-align: center;
    
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
.banner_text6 a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.yxtg1_1{
    padding:30px 0 50px;
}
.yxtg1_1 .container{
    max-width: 1300px;
}
.yxtg_list1{
    display: flex;
    flex-wrap: wrap;
    margin-top:70px;
} 
.yxtg_list1 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    width: 47%;
    margin-right: 6%;
    margin-bottom:70px;
}
.yxtg_list1 li:nth-child(2n){
    margin-right: 0%;
}
.yxtg_list1 li .img{
    width: 145px;
}
.yxtg_list1 li .text{
    width: calc(100% - 145px);
}
.yxtg_list1 li .text h3{
    
    font-size: 28px;
    color: #333333;
    line-height: 1.6;
}
.yxtg_list1 li .text p{
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}

.yxtg1_2{
    padding:135px 0 120px;
    background:#f7f7f7;
}
.yxtg1_2 .container{
    display: flex;
    flex-wrap: wrap;
}
.yxtg1_tab{
    width: 50%;
}
.yxtg1_tab .img{
    display: none;
}

.yxtg1_2_r{
    width: 50%;
    padding-left: 110px;
}
.yxtg1_2_r_t{

}
.yxtg1_2_r_t h2{
    font-size: 40px;
    color: #333333;
    
    line-height: 1;
}
.yxtg1_2_r_t p{
    font-size: 24px;
    color: #666666;
    padding:10px 0 40px;
}
.yxtg_list2{

}
.yxtg_list2 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    padding:15px 40px;
    margin-bottom:10px;
    cursor: pointer;
}
.yxtg_list2 li .num1{
    width: 95px;
    font-size: 60px;
    color: #c7c7c7;
    line-height: 1;
}
.yxtg_list2 li .text{
    width: calc(100% - 95px);
}
.yxtg_list2 li .text .p1{
    font-size: 26px;
    color: #333333;
    line-height: 1.4;
}
.yxtg_list2 li .text .p2{
    font-size: 15px;
    margin-top:5px;
    color: #808080;
    line-height: 1.6;
}
.yxtg_list2 li.cur{
    background:#FF6801;
}
.yxtg_list2 li.cur .num1{
    color: #fff;
}
.yxtg_list2 li.cur .text .p1{
    color: #fff;
}
.yxtg_list2 li.cur .text .p2{
    color: #fff;
}
.yxtg_message1{
    background:#f7f7f7;
}
.yxtg1_1 .t2 p{
    font-size: 24px;
    max-width: 1340px;
    margin:10px auto 0;
    line-height: 1.6;
    
}
/*yxtg2*/
.yxtg2_1 .container{
    max-width: 1580px;
}
.yxtg2_1_c{
    padding:90px 0 0;
}
.yxtg2_1_img{
    width: 33%;
    float:left;
    text-align: center;
}
.yxtg2_1_img .img{
    display: none;
}
.yxtg_list3{
    float:right;
    width: 67%;
    padding-left: 120px;
}
.yxtg_list3 li{
    padding:35px 42px;
    position: relative;
    cursor: pointer;
}

.yxtg_list3 li .text{

}
.yxtg_list3 li .p1{
    font-size: 16px;
    /*color: #999999;*/
}
.yxtg_list3 li .p1 span{
    color: #FF6801;
    
    font-weight: bold;
    margin-right: 5px;
    font-size: 26px;
}
.yxtg_list3 li .p2{
    font-size: 16px;
    color: #4c4c4c;
}
.yxtg_list3 li.cur{
    background:#f5f5f5;
}
.yxtg_list3 li.cur:before{
    content:'';
    position: absolute;
    left:-20px;
    top:50%;
    margin-top:-20px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #f5f5f5;
    border-bottom: 20px solid transparent;    
}
.yxtg2_2{
    padding:120px 0;
}
.yxtg2_2 .container{
    max-width: 1290px;
}
.t6{
    text-align: left;
    text-transform: uppercase;
    position: relative;
    background:url(../images/t6_bg1.png) no-repeat left center;
    background-size: contain;
    padding:15px 0 45px;
    margin-bottom:25px;
}
/*.yxtg2_2 .t6:before{
    content:"SEO";
    position: absolute;
    top:0;
    left:0;
    font-size: ;
    color: #;
    line-height: 1;
}*/
.t6 h2{
    font-size: 60px;
    color: #333;
    
    line-height: 1;
    margin-bottom:20px;
}
.t6 h2 span{
    color: #FF6801;
}
.t6 p{
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
}
.yxtg2_2 img1{
    text-align: center;
}
.yxtg3_1{
    padding:100px 0 100px;
}
.ab_t2{
    color: #333333;
    font-size: 34px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;    
    
    width: 74%;
    max-width: 990px;
    margin:0 auto;
}
.ab_t2 span{
    color: #FF6801;    
}
.yxtg_list4{
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}
.yxtg_list4 li{
    width: 30%;
    margin-right: 2%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 0px 34px 6px rgba(92,92,92,0.06);
    padding:40px 0;
}

.yxtg_list4 li h3{
    font-size: 20px;
    color: #000;
    text-align: center;
    width: 100%;
    margin-top:20px;
    font-weight: bolder;
}
.yxtg_list4 li .img img{
    transform: scale(0.9);
}
.yxtg_list4 li:hover .img img{
    transform: scale(1);
}
.yxtg3_2{
    padding:0 0 85px;
}
.yxtg3_2 .container{
    max-width: 1460px;
}
.ab_t1 h2 span{
    color: #FF6801;
}
.yxtg_list5{
    display: flex;
    flex-wrap: wrap;
    padding:75px 0 40px;
}
.yxtg_list5 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    background:#f7f7f7;
    width: 48%;
    margin-right: 4%;
    padding:36px 65px;
    margin-bottom:35px;
}
.yxtg_list5 li:nth-child(2n){
    margin-right: 0;
}
.yxtg_list5 li .img{
    width: 105px;
}
.yxtg_list5 li .text{
    color: #323232;  
    width: calc(100% - 105px);  
    padding-left: 50px;
}
.yxtg_list5 li .text h3{
    font-size: 24px;
    font-weight: bolder;
    margin-bottom:10px;
}
.yxtg_list5 li .text p{
    font-size: 16px;
}
.yxtg3_2 a{
    position: relative;
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background:#FF6801;
    border-radius: 10px;
    text-align:center;
    margin:0 auto;   
    overflow: hidden;
}
.yxtg3_3{
    padding:85px 0 95px;
}
.yxtg3_3 .container{
    max-width: 1440px;
}
.yxtg_list6{
    margin-top:50px;
    display: flex;
    flex-wrap: wrap;
}
.yxtg_list6 li{
    text-align: center;
    width: 32%;
    margin-right: 2%;
    margin-bottom:20px;
    background: #f7f7f7;
    padding:30px 60px;
}
.yxtg_list6 li:nth-child(3n){
    margin-right: 0;
}
.yxtg_list6 li h3{
/*    font-weight: normal;*/
    margin: 12px 0;
    font-size: 24px;
    color: #333;
    line-height: 1;
}
.yxtg_list6 li p{
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}
@media(max-width: 1600px){

    .yxtg_list li{
        margin-bottom:90px;
    }
    .yxtg_list li .text h2{
        font-size: 36px;
    }
    .yxtg_list li .text p{
        font-size:16px;
        margin: 25px 0 70px;
    }
    .yxtg_list li .text a {
        width: 140px;
        line-height: 46px;
        font-size: 16px;
    }
    .banner_text4 a {
        width: 140px;
        line-height: 45px;
        font-size: 16px;
    }
    .banner_text6 h2{
        font-size: 36px;
    }
    .banner_text6 p{
        font-size:16px;
    }
    .yxtg1_1 .t2 p{
        font-size:20px;
    }
    .yxtg_list1 li .text h3{
        font-size:22px;
    }
    .yxtg_list1 li .text p{
        font-size:16px;
    }
    .yxtg1_2{
        padding:70px 0;
    }
    .yxtg1_2_r{
        padding-left:70px;
    }
    .yxtg1_2_r_t h2{
        font-size: 36px;
    }
    .yxtg1_2_r_t p{
        font-size:16px;
        padding: 10px 0 20px;
    }
    .yxtg_list2 li{
        padding:12px 25px;
    }
    .yxtg_list2 li .num1{
        font-size:50px;
        width:75px;
    }
    .yxtg_list2 li .text {
        width: calc(100% - 75px);
    }
    .yxtg_list2 li .text .p1{
        font-size:20px;
    }
    .yxtg_list2 li .text .p2{
        font-size:14px;
    }
    .yxtg_list3{
        padding-left:70px;
    }
    .yxtg_list3 li{
        padding: 20px 20px;
    }
    .yxtg_list3 li .p1{
        font-size:15px;
    }
    .yxtg_list3 li .p1 span{
        font-size:22px;
    }
    .yxtg2_1_c{
        padding:70px 0 0;
    }
    .yxtg2_2{
        padding:70px 0;
    }    
    .t6 h2{
        font-size: 36px;
    }
    .t6 p{
        font-size:16px;
    }
    .ab_t2{
        font-size:28px;
    }
    .yxtg3_1 {
        padding: 40px 0 70px;
    }
    .yxtg_list4{
        margin-top:50px;
    }
    .yxtg_list4 li h3{
        font-size:24px;
        bottom:10px;
    }
    .yxtg_list5 {
        padding: 50px 0 30px;
    }
    .yxtg_list5 li{
        padding:25px 50px;
        margin-bottom:25px;
    }
    .yxtg_list5 li .text{
        padding-left:30px;
    }
    .yxtg_list5 li .text h3{
        font-size:20px;
    }
    .yxtg_list5 li .text p{
        font-size:15px;
    }
    .yxtg3_2 a {
        width: 160px;
        line-height: 45px;
        font-size: 16px;
    }
    .yxtg_list6 li{
        padding: 30px 35px;
    }
    .yxtg_list6 li h3{
        font-size:20px;
    }
    .yxtg_list6 li p{
        font-size:14px;
        line-height:1.6;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .yxtg_list li{
        margin-bottom:60px;
    }
    .yxtg_list li .text{
        padding:20px 0 20px 3%;
    }
    .yxtg_list li .text h2{
        font-size: 26px;
    }
    .yxtg_list li .text p{
        font-size:15px;
        margin: 20px 0 50px;
    }
    .banner_text6 h2{
        font-size:26px;
    }
    .banner_text6 p{
        font-size:15px;
    } 
    .yxtg1_1 .t2 p{
        font-size:16px;
        margin: 0px auto 0;
    }
    .yxtg_list1{
        margin-top:50px;
    }
    .yxtg_list1 li{
        margin-bottom:40px;
    }
    .yxtg_list1 li .img{
        width:110px;
        padding-right:30px;
    }
    .yxtg_list1 li .text {
        width: calc(100% - 110px);
    }  
    .yxtg_list1 li .text h3{
        font-size:18px;
    }
    .yxtg_list1 li .text p{
        font-size:14px;
    }
    .yxtg1_2_r{
        padding-left:40px;
    }
    .yxtg1_2_r_t h2{
        font-size:26px;
    }
    .yxtg1_2_r_t p{
        font-size:14px;
        padding:5px 0 20px;
    }
    .yxtg1_2 {
        padding: 70px 0;
    }
    .yxtg_list2 li {
        padding: 12px 15px;
    }
    .yxtg_list2 li .num1 {
        font-size: 42px;
        width: 75px;
    }
    .yxtg_list2 li .text .p1{
        font-size:18px;
    }
    .yxtg2_1_c{
        padding:50px 0 0;
    }
    .yxtg2_2{
        padding:70px 0;
    }    
    .t6 h2{
        font-size:26px;
    }
    .t6 p{
        font-size:15px;
    }
    .ab_t2{
        font-size:26px;
    }
    .yxtg_list4 li{
        width:32%;
    }
    .yxtg_list4 li:nth-child(4n){
        margin-right:2%;
    }
    .yxtg_list4 li:nth-child(3n){
        margin-right:0%;
    }
    
    .yxtg3_3{
        padding:70px 0;
    }
    .yxtg_list4 li h3{
        font-size:20px;
    }
    .yxtg_list5 li {
        padding: 20px 30px;
        margin-bottom: 20px;
    }
    .yxtg_list5 li .text h3{
        font-size:16px;
    }
    .yxtg_list6{
        margin-top:30px;
    }
}
@media(max-width: 1024px){
    .t6{
        background-size:contain;
        padding: 15px 0 30px;
    }
    .yxtg_list3{
        padding-left:40px;
    }
    .yxtg_list6 li{
        padding: 20px 15px;
    }
    .yxtg_list6 li h3{
        font-size:16px;
    }
}
@media(max-width: 820px){
    .yxtg_list {
        padding: 20px 0 50px;
    }
    .yxtg_list li{
        margin-bottom:40px;
    }
    .yxtg_list li .text h2{
        font-size: 22px;
    }
    .yxtg_list li .text p{
        font-size:14px;
        margin: 15px 0 30px;
    }
    .yxtg_list li .text a {
        width: 100px;
        line-height: 36px;
        font-size: 14px;
    }
    .banner_text4 a {
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }
    .banner_text6 h2{
        font-size:22px;
    }
    .banner_text6 p{
        font-size:14px;
    }
    .yxtg1_1 .t2 p{
        font-size:14px;
    }
    .yxtg_list1{
        margin-top:30px;
    }
    .yxtg_list1 li {
        margin-bottom: 30px;
    }
    .yxtg_list1 li .img {
        width: 90px;
        padding-right: 20px;
    }
    .yxtg_list1 li .text{
        width:calc(100% - 90px);
    }
    .yxtg_list1 li .text h3{
        font-size:16px;
    }
    .yxtg1_2 {
        padding: 55px 0;
    }
    .yxtg1_tab{
        width:100%;
    }
    .yxtg1_2_r{
        width:100%;
        padding-left:0;
        margin-top:20px;
    }
    .yxtg1_2_r_t h2{
        font-size:24px;
    }
    .yxtg_list2 li .text .p1{
        font-size:16px;
    }
    .yxtg2_1_c{
        padding:30px 0 0;
    }
    .yxtg2_2{
        padding:55px 0;
    }    
    .t6 h2{
        font-size:24px;
    }
    .t6 p{
        font-size:14px;
    }
    .yxtg_list3{
        padding-left:25px;
    }
    .ab_t2{
        font-size:24px;
    }
    .yxtg3_1 {
        padding: 20px 0 50px;
    }
    .yxtg3_3{
        padding:55px 0;
    }
    .yxtg_list2 li .text .p1{
        font-size:16px;
    }
    .yxtg_list3 li .p1{
        font-weight:bold;
    }
    .yxtg_list4 li{
        width:49%;
    }
    .yxtg_list4 li:nth-child(2n){
        margin-right:0;
    }
    .yxtg_list4 li h3{
        font-size:16px;
    }
    .yxtg3_2 {
        padding: 0 0 55px;
    }
    .yxtg_list5 {
        padding: 30px 0 20px;
    }
}
@media(max-width: 640px){
    .yxtg_list {
        padding: 20px 0 30px;
    }
    .yxtg_list li{
        margin-bottom:20px;
    }
    .yxtg_list li .text h2{
        font-size: 18px;
    } 
    .yxtg_list li .text p{
        margin: 10px 0 20px;
    }
    .yxtg_list li .img{
        width:100%;
    }
    .yxtg_list li .text{
        width:100%;
        padding:20px 3%;
    }
    .banner_text6 h2{
        font-size:20px;
    }
    .yxtg1_1 {
        padding: 10px 0 30px;
    }
    .yxtg_list1{
        margin-top:20px;
    }
    .yxtg_list1 li{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .yxtg_list1 li .img {
        width: 70px;
        padding-right: 20px;
    }
    .yxtg_list1 li .text{
        width:calc(100% - 70px);
    }
    .yxtg1_2 {
        padding: 40px 0;
    }
    .yxtg1_2_r_t h2{
        font-size:24px;
        color:#FF6801;
    }
    .yxtg2_1_c{
        padding:20px 0 0;
    }
    .yxtg2_2{
        padding:40px 0;
    } 
    .t6 {
        padding: 10px 0 25px;
        margin-bottom: 15px;
        background-size:80%;
    }
    .t6 h2{
        font-size:24px;
    }
    .t6 p{
        font-size:12px;
        line-height:1.8;
    }
    .yxtg_list2 li .text .p1{
        font-size:18px;
        font-weight:bold;
    }
    .yxtg2_1_img{
        width:100%;
        text-align:center;
    }
    .yxtg2_1_img img{
        width:65%;
    }
    .yxtg_list3{
        width:100%;
        padding-left:0;
        margin-top:20px;
    }
    .yxtg_list3 li .p2{
        font-size:14px;
        line-height:1.8;
    }
    .ab_t2{
        font-size:18px;
        width:90%;
        line-height:1.6;
    }
    .yxtg3_1 {
        padding: 10px 0 30px;
    }
    .yxtg3_3{
        padding:40px 0;
    }
    .yxtg3_2 {
        padding: 0 0 40px;
    }
    .yxtg_list5 {
        padding: 20px 0 15px;
    }
    .yxtg_list5 li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
        padding:15px 20px;
    }
    .yxtg3_2 a {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
    }
    .yxtg_list4{
        margin-top:30px;
    }
    .yxtg_list6 {
        margin-top: 20px;
    }
    .yxtg_list6 li{
        width:49%;
    }
    .yxtg_list6 li:nth-child(3n){
        margin-right:2%;
    }
    .yxtg_list6 li:nth-child(2n){
        margin-right:0%;
    }
}
@media(max-width: 460px){
    .yxtg_list5 li .img{
        width:80px;
    }
    .yxtg_list5 li .text{
        padding-left:20px;
        width:calc(100% - 80px);
    }
}


.yxtg4_1{
    padding:100px 0 0px;
}
.yxtg4_1 .container{
    max-width: 1342px;
}
.yxtg4_list1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yxtg4_list1 li{
    position: relative;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    margin-right: 20px;
}
.yxtg4_list1 li:nth-child(2n){
    margin-right: 0;
}
.yxtg4_list1 li .img{
    overflow: hidden;
    position: relative;
}
.yxtg4_list1 li .img::after{
    position: absolute;
    top:0;
    left:0;
    content:"";
    background-color: rgba(0,0,0,.5);
    width:100%;
    height:100%;
}
.yxtg4_list1 li .img img{
    transition: all 0.5s ease-out;
    width: 100%;
}
.yxtg4_list1 li .text{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding:30px 47px;
    color: #fff;
    z-index: 9;
}
.yxtg4_list1 li .text h3{
    font-size: 32px;
    line-height: 1.4;
}
.yxtg4_list1 li .text p{
    font-size: 18px;
    color: #e0e0e0;
    line-height: 1.6;
    margin-top:5px;
}
.yxtg4_list1 li:hover .img img{
    transform: scale(1.1);
}
.yxtg4_2{
    padding: 90px 0 150px 0;
}
.yxtg4_2 .container{
    width:94%;
    margin:0 auto;
}
.yxtg4_2 .t3 h2{
    line-height: 1.4;
}
.yxtg4_list2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.yxtg4_list2 li{
    position: relative;
    width: 15%;
    margin-right: 1.5%;
}
.yxtg4_list2 li:last-child{
    margin-right: 0;
}
.yxtg4_list2 li .img{
    
}
.yxtg4_list2 li .img img{
    border-radius: 8px;
    width: 100%;
}
.yxtg4_list2 li p{
    display: flex;
    flex-direction: column;
    width: 80%;
    border-radius: 6px;
    position: absolute;
    bottom: -35px;
    left: 10%;
    background: #fff;
    padding: 18px 16px;
    box-sizing: border-box;
    box-shadow: 0px 6px 25px 1px rgba(37, 37, 89, 0.16);
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 1.6;
    text-align: center;
}
.yxtg4_list2 li:hover p{
    bottom:0;
    width: 100%;
    left:0;
    background: rgba(255,255,255,.9);
}
.yxtg4_3{
    background: url(../image/dspbg.png) center;
    /*background-size: cover;*/
    background-attachment: fixed;
    width: 100%;
    height: 600px;
    position: relative;
}
.yxtg4_3::after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.5);
}
.yxtg4_3 img{
    opacity: 0;
}
.yxtg4_4{
    padding:80px 0 0;
}
.yxtg4_4_scroll{
    width: 95%;
    margin-left: 5%;
}
#yxtg4_scroll1{
    padding-bottom: 58px;
}
#yxtg4_scroll1 .swiper-slide .img{
    border:4px solid #1a1a1a;
    border-radius: 10px;
    text-align: center;
}
#yxtg4_scroll1 .swiper-slide .img img{
    transition: all 0.5s ease-out;
    /*width:100%;*/
    /*height:100%;*/
    object-fit: cover;
}
#yxtg4_scroll1 .swiper-slide .img:hover img{
    transform: scale(1.1);
}
#yxtg4_scroll1 .swiper-pagination{
    width: 90%;
    top:auto;
    bottom:0;
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
}
#yxtg4_scroll1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #FF6801;
}

.yxtg4_5{
    padding:100px 0 ;    
}
.yxtg4_5 .t3 .p2{
    max-width: 760px;
    margin:0 auto;
    font-size: 18px;
    color: #141821;
    line-height: 1.6;
    padding-top:10px;
    text-align: center;
}
.yxtg4_list3{
    display: flex;
    flex-wrap: wrap;
}
.yxtg4_list3 li{
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
    text-align: center;
}
.yxtg4_list3 li:nth-child(3n){
    margin-right: 0;
}
.yxtg4_list3 li a{
    display: block;
    position: relative;
}
.yxtg4_list3 li .img{
    position: relative;
    border-radius: 10px;
}
.yxtg4_list3 li a .img:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0,0,0,.1);
}
.yxtg4_list3 li .img .img1{
    transition: all 0.5s ease-out;
}
.yxtg4_list3 li:hover .img .img1{
    transform: scale(1.1);
}
.v-player{
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-29.5px;
    margin-left: -29.5px;
    width: 59px;
    height: 59px;
    background: url(../images/x-player.png) no-repeat center;
    background-size: contain;
    z-index: 9;
}
.yxtg4_list3 li h3{
    font-size: 22px;
    color: #333333;
    line-height: 1.6;
    margin-top: 15px;
}
@media(max-width:1600px){
    .yxtg4_list1 li .text{
        padding:25px 35px;
    }
    .yxtg4_list1 li .text h3{
        font-size:26px;
    }
    .yxtg4_list1 li .text p{
        font-size:15px;
    }
    .yxtg4_list2 li p{
        font-size:15px;
        padding: 15px 16px;
        bottom:-30px;
    }
    .yxtg4_3{
        height:500px;
    }
    .yxtg4_5 .t3 .p2{
        font-size:15px;
    }
    .yxtg4_list3 li h3{
        font-size:18px;
    }
}
@media(max-width:1280px){
    .yxtg4_list1 li .text h3{
        font-size:22px;
    }
    .yxtg4_2{
        padding:75px 0;
    }  
    .yxtg4_list2 li p{
        font-size:14px;
    }
    .yxtg4_3{
        height:400px;
    }
    #yxtg4_scroll1 {
        padding-bottom: 40px;
    }
    .yxtg4_list3 li{
        margin-bottom:20px;
    }
    .yxtg4_list3 li h3{
        font-size:16px;
        margin-top:10px;
    }
}
@media(max-width:1199px){
    .yxtg4_1{
        padding:10px 0 0px;
    } 
    .yxtg4_list1 li .text{
        padding:20px 20px;
    }
    .yxtg4_list1 li .text h3{
        font-size:20px;
    }
    .yxtg4_list1 li .text p{
        font-size:14px;
    }
    .yxtg4_list2 li p {
        padding: 10px 5px;
        bottom: -20px;
    }
    .yxtg4_5 .t3 .p2{
        font-size:14px;
    }
}
@media(max-width:991px){
    .yxtg4_list2 li{
        width:23.5%;
        margin-bottom:45px;
    }
    .yxtg4_list2 li:nth-child(4n){
        margin-right:0;
    }
    .yxtg4_3{
        height:300px;
    }
}
@media(max-width:820px){
    .yxtg4_2{
        padding:55px 0;
    }
    .yxtg4_4,.yxtg4_5{
        padding:55px 0 0;
    }    
}
@media(max-width:640px){
    .yxtg4_2{
        padding:35px 0;
    }
    .yxtg4_4,.yxtg4_5{
        padding:35px 0 0;
    } 
    .yxtg4_list2 li{
        width:32%;
        margin-bottom:35px;
    }
    .yxtg4_list2 li:nth-child(4n){
        margin-right:2%;
    }
    .yxtg4_list2 li:nth-child(3n){
        margin-right:0;
    }
    .yxtg4_list2 li:nth-child(7){
        display:none;
    }
    .yxtg4_list2 li p{
        font-size:13px;
    }
    .yxtg4_3{
        height:220px;
    }
    #yxtg4_scroll1 {
        padding-bottom: 25px;
    }
    .yxtg4_list3 li{
        width: 49%;
        margin-bottom: 20px;
        margin-right: 2%;
    }
    .yxtg4_list3 li:nth-child(3n){
        margin-right: 2%;
    }
    .yxtg4_list3 li:nth-child(2n){
        margin-right: 0;
    }
    .yxtg4_list3 li h3{
        font-size:14px;
        margin-top:5px;
    }
    .v-player {
        margin-top: -22.5px;
        margin-left: -22.5px;
        width: 45px;
        height: 45px;
    }
}
@media(max-width:460px){
    .yxtg4_list1 li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .yxtg4_list1 li .text h3{
        font-size:18px;
    }
    /*.yxtg4_list1 li .text p{*/
    /*    font-size:13px;*/
    /*}*/

}











.service1_1{
    padding:65px 0 120px;
}
.service1_1 .container{
    max-width: 1344px;
}
.service1_1 h2{
    text-align: center;
    margin-bottom:65px;
}
.service1_list{
    display: flex;
    flex-wrap: wrap;
}
.service1_list li{
    width: 49%;
    margin-right: 2%;
    margin-bottom:20px;
    position: relative;
}
.service1_list li:nth-child(2n){
    margin-right: 0;
}
.service1_list li .img{
    border-radius: 10px;
}
.service1_list li .text{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    color: #fff;
    z-index:9;
    padding:0 50px 30px;
}
.service1_list li .text h3{
    font-size: 36px;
    line-height: 1.6;
    font-weight: bolder;
}
.service1_list li .text p{
    font-size: 18px;
        line-height: 1.6;
}
.service1_list li:hover .img img{
    transform: scale(1.1);
}
.service1_3{
    padding:110px 0 95px;
    position: relative;
/*    background:url(../images/service1_bg2.jpg) no-repeat center;
    background-size: cover;*/
}
.service1_3 .t2{
    color: #fff;    
}
.t2{
    text-align: center;

}
.t2 h2{
    font-size: 40px;
    
}
.t2 p{
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
}
.service1_list2{
    display: flex;
    flex-wrap: wrap;
    padding:70px 0;
}
.service1_list2 li{
    transition: all 0.4s ease-out;
    width: 32%;
    margin-right: 2%;
    margin-bottom:30px;
    color: #fff;
    border:1px solid rgba(255,255,255,.3);
    border-radius: 10px;
    padding:25px 50px;
}
.service1_list2 li:nth-child(1){
    width: 49%;
    padding:25px 70px 32px 50px;
}
.service1_list2 li:nth-child(2){
    width: 49%;
    margin-right: 0;
    padding:25px 70px 32px 50px;
}
.service1_list2 li:last-child{
    margin-right: 0%;
}
.service1_list2 li h3{
    font-size: 26px;
    margin-bottom:5px;
}
.service1_list2 li p{
    font-size: 18px;
    line-height: 1.6;
}
.service1_3_img{
    transition: all 0.5s ease-out;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.service1_3_img .img1{
    display: none;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out;
}
.service1_3_img .img1 img{
        transition: all 0.5s ease-out;
    opacity: 0;
}
.service1_3 a{
    display: block;
    width: 190px;
    line-height: 50px;
    margin:0 auto;
    background:#FF6801;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
}
.service1_list2 li:hover,.service1_list2 li.cur{
    background:#FF6801;
    border:1px solid #FF6801;
}
.service1_4{
    padding:105px 0 115px;
}

a.more_a{
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 17px;
    color: #fff;
    border-radius: 10px;
    background: #FF6801;
    text-align: center;
    margin:40px auto 0;
/*    
    font-weight: bold;*/
}
.service1_5{
    padding:100px 0 120px;
    background:#f8f8f8;
}
.service1_6 .message2 {
    padding: 100px 0 185px;
}

.service2_1{
    padding:40px 0 85px;
}
.service2_1 .container{
    max-width: 1344px;
}
.service2_2{
    padding:110px 0 80px;
    background:#f7f7f7;
}
.service2_2 .container{
    max-width: 1200px;
    height: 728px;
    background: url(../images/v_value.png) no-repeat center 112px;
}
.service2_2 h2.t1{
    margin-bottom:70px;
    text-align: center;
}
.service2_2 dl {
    float: left;
    width: 430px;
    height: 208px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 25px rgb(67 88 171 / 16%);
    margin-bottom: 40px;
    border: 1px solid #ebecf2;
    position: relative;
}
.service2_2 dl:nth-of-type(2n){ float: right;}
.service2_2 dl dt{ position: absolute; top: 74px; right: -31px; width: 61px; height: 61px; border-radius: 61px; background: #FF6801; color: #fff; text-align: center; line-height: 61px; font-weight: bold; font-size: 26px;}
.service2_2 dl dd{ text-align: right; padding-right: 60px;}
.service2_2 dl dd h3{ line-height: 100%; font-size: 26px; color: #333333;font-weight: bold; padding-top: 44px; padding-bottom: 24px;}
.service2_2 dl dd h3 span{ padding-left: 18px;}
.service2_2 dl dd p{ line-height: 100%; color: #666666; font-size: 16px;}
.service2_2 dl dd p span{ display: block; padding: 12px 0;}
.service2_2 dl:nth-of-type(2n) dt{ right: inherit; left: -31px;}
.service2_2 dl:nth-of-type(2n) dd{ text-align: left; padding-right: 0; padding-left: 60px;}
.service2_3{
    padding:100px 0 80px;
}
.service2_4 .message2{
    padding: 0px 0 185px;
}
@media(max-width: 1600px){
    .banner_text4_2 a {
        width: 120px;
        line-height: 45px;
        font-size: 16px;
    }
    .service2_1{
        padding:30px 0 70px;
    }
    .service2_2{
        padding:90px 0 80px;
    }
    .service2_2 .container{
        height: 500px;
        background: url(../images/v_value.png) no-repeat center 60px;
        background-size: 420px;
    }
    .service2_2 dl{
        height:170px;
    }
    .service2_2 dl dt{
        top:55px;
    }
    .service2_2 dl dd h3{
        font-size:20px;
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .service2_2 dl dd p{
        font-size:14px;
    }
    .service2_4 .message2{
        padding:0 0 160px;
    }
    .service2_3{
        padding:80px 0 ;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .banner_text4_2 a {
        width: 90px;
        line-height: 35px;
        font-size: 14px;
    }
    .service2_2{
        padding:70px 0;
    }
    .service2_3{
        padding:70px 0 ;
    }
}
@media(max-width: 1024px){
    .service2_2{
        /*display:none;*/
    }
    .service2_2 .container {
        background: url(../images/v_value.png) no-repeat center 100px;
        background-size: 350px;
    }
    .service2_2 dl{
        width:380px;
    }
    .service2_2 dl dt {
        top: 55px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
        font-size: 20px;
        right:-25px;
    }
    .service2_2 dl:nth-of-type(2n) dt{
        left:-25px;
    }
    .service2_2 dl dd{
        padding-right:50px;
    }
    .service2_2 dl:nth-of-type(2n) dd{
        padding-left:50px;
    }
    .service2_4 .message2{
        padding:0 0 150px;
    }
    .service2_3{
        padding:70px 0 ;
    }
}
@media(max-width: 820px){
    .service2_1{
        padding:10px 0 55px;
    }
    .service2_2{
        padding:55px 0;
    }
    .service2_2 .container {
        background: url(../images/v_value.png) no-repeat center 80px;
        background-size: 300px;
        height:450px;
    }
    .service2_2 dl{
        width:320px;
        margin-bottom: 25px;
    }
    .service2_2 dl dd{
        padding-right:35px;
    }
    .service2_2 dl:nth-of-type(2n) dd{
        padding-left:35px;
    }
    .service2_2 dl dd h3{
        font-size:18px;
    }
    .service2_2 dl dd p{
        font-size:13px;
    }
    .service2_2 dl dd p span{
        padding: 7px 0;
    }
    .service2_4 .message2{
        padding:0 0 100px;
    }
    .service2_3{
        padding:55px 0 ;
    }

}
@media(max-width: 767px){
    .service2_2 .container{
        height:auto;
        background:none;
    }
    .service2_2 dl{
        width: calc(100% - 25px);
        height: auto;
        padding: 15px 15px 15px 45px;
        margin-left: 25px;
        margin-bottom: 15px;
    }
    .service2_2 dl dd{
        padding:0!important;
        text-align:left;
    }
    .service2_2 dl dd h3{
        font-size:16px;
        padding:0 0 10px 0;
    }
    .service2_2 dl dd p{
        line-height:1.6em;
        height:3.2em;
        overflow:hidden;
    }
    .service2_2 dl dd p span{
        display:inline-block;
        padding:0;
    }
    .service2_2 dl dt{
        left:-25px;
        top:25px;
    }
    .service2_3{
        padding:40px 0 ;
    }
}
@media(max-width: 640px){
    .service2_1{
        padding:10px 0 40px;
    }
    .service2_2{
        padding:40px 0;
    }
    .service2_4 .message2{
        padding:0 0 40px;
    }

}
.service2_3 .case_list li a .img{
    border-radius: 20px;
}

.service2_case{
    padding-bottom: 132px;
}
.service2_case .container{
    max-width: 1336px;    
}
.service2_case_list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 70px;   
}
.service2_case_list li{
    position: relative;
}
.service2_case_list li .text{
    position: absolute;
    left:0;
    bottom:10px;
    width: 100%;
    /*height: ;*/
    color: #fff;
    text-align: center;
}
.service2_case_list li .img{
    border-radius: 20px;
}
.service2_case_list li .text h3{
    font-size: 35px;
    font-weight: bolder;
    line-height: 1.4;
}
.service2_case_list li .text p{
    font-size: 21px;
    line-height: 1.6em;
    height: 3.2em;
    margin-top:5px;
}
.service2_case_list li:hover .img img{
    transform: scale(1.1);
}
/*.service2_case_list li:hover .video_code3 img{*/
/*    max-width: ;*/
/*}*/
.service2_case_list li:hover .video_code3{
    opacity: 1;
}
.service2_case2{
    background: url(../image/yxbg.png) no-repeat center;
    background-size: cover;
    padding:135px 0 686px;
}
.service2_top{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}
.service_t1{
    
}
.service_t1 h2{
    font-size: 50px;
    color: #272727;
    font-weight: bolder;
    line-height: 1.4;
}
.service_t1 h2 span{
    color: #FF6801;
}
.service2_top .p3{
    font-size: 30px;
    color: #333333;
    /*font-weight: bold;*/
    position: relative;
    margin-top: 12px;
    padding-top: 5px;

}
.service2_top .p3:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 80px;
    height:2px;
    background:#FF6801;
}
.service2_case2_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service2_case2_list dl{
    background: url(../images/service2_case2_bg2.jpg) no-repeat top center #fff;
    background-size: cover;
    width: 49%;
    max-width: 770px;
    border-radius: 20px;
    padding:75px 55px;
    min-height: 360px;
}
.service2_case2_list dl dt{
    font-size: 34px;
    color: #ef1213;
    font-family: "puhui85";
    line-height: 1.4;
    font-weight: bold;
}
.service2_case2_list dl dd{
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-top:26px;
}

.video_code{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 157, 255, .9);
    z-index: 8;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    padding:5%;
}
.video_code img{
    max-height: 100%;
    /* max-width: 100%; */
    max-width: 150px;
    margin: 0 auto;
}
.ab_t1{
    text-align: center;
}
.ab_t1 h2{
    font-size: 40px;
    color: #333333;
    
    line-height: 1.6;
}
.ab_t1 p{
    font-size: 24px;
    color: #666666;
}

/*应用开发*/
.service4_3{
    background:#f5f5f5;
    padding:105px 0 0;
    overflow: hidden;
}
.service4_3 .container{
    max-width: 1350px;
}
.service4_3 .t3{
    margin-bottom:90px;
}
.service4_3 .cont{

}
.service4_3 .cont .text{
    width: 65.5%;
    max-width: 755px;
    float:left;
}
.service4_3 .cont .text .txt{
    font-size: 16px;
}
.service4_3 .cont .text ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 714px;
    margin-top:45px;
}
.service4_3 .cont .text ul li{
    width: 33.333%;
    background:#fff;
    padding:30px 20px;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    z-index:1;
}
.service4_3 .cont .text ul li .img{
    line-height: 60px;
}
.service4_3 .cont .text ul li p{
    font-size: 18px;
    color: #4c4c4c;
}
.service4_3 .cont .text ul li:hover{
    box-shadow: 0px 0px 15px #eee;
    z-index:9;
}
.service4_3 .cont .img1{
    width: 34.5%;
    float:right;
}
.service4_4{
    padding:110px 0 ;
}
.service4_list2{
    display: flex;
    flex-wrap: wrap;
}
.service4_list2 li{
    width: 24.25%;
    margin-right: 1%;
    background:#f7f7f7;
    padding:70px 40px 70px 45px;
}
.service4_list2 li:last-child{
    margin-right: 0;
}
.service4_list2 li .img{

}
.service4_list2 li h3{
    font-size: 24px;
    color: #333333;
    margin:15px 0 10px;
}
.service4_list2 li p{
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
}
@media(max-width: 1600px){
    .service4_3{
        padding:70px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:70px;
    }
    .service4_3 .cont .text{
        padding-right:20px;
    }
    .service4_3 .cont .text ul li p{
        font-size:16px;
        padding-top:5px;
    }
    .service4_list2 li{
        padding:30px 20px;
    }
    .service4_list2 li h3{
        font-size:20px;
        margin: 10px 0 5px;
    }
    .service4_4 {
        padding: 90px 0 0;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .service4_3{
        padding:70px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:50px;
    }
    .service4_4 {
        padding: 70px 0 0;
    }
}
@media(max-width: 1024px){
    .service4_3 .cont .text ul{
        margin-top:30px;
    }
}
@media(max-width: 820px){
    .service4_3{
        padding:55px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:30px;
    }
    .service4_3 .cont .text{
        width:100%;
        padding-right:0;
    }
    .service4_3 .cont .img1{
        width:100%;
        margin-top:25px;
        text-align:center;
    }
    .service4_list2 li {
        padding: 20px 20px;

        width:49%;
        margin-right:2%;
        margin-bottom:15px;
    }
    .service4_list2 li:nth-child(2n){
        margin-right:0;
    }
    .service4_list2 li h3{
        font-size:16px;
    }
    .service4_3 .cont .text ul li{
        padding: 15px 20px;
    }
    .service4_3 .cont .text ul li .img{
        line-height:50px;
    }
    .service4_3 .cont .text ul li .img img{
        max-height:40px;
    }
    .service4_4 {
        padding: 55px 0 0;
    }
}
@media(max-width: 640px){
    .service4_3{
        padding:40px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:20px;
    }
    .service4_tab .content_txt_left{
        width: 100%;
    }
    .service4_tab .content_txt_right{
        width:100%;
        margin:20px 0 0;
    }
    .service4_tab .content_txt_right .txt_right_txt a{
        width:33.333%;
    }
    .service4_4 {
        padding: 40px 0 0;
    }
    .service4_3 .cont .text .txt{
        font-size:14px;
        line-height:1.8;
    }
    .service4_3 .cont .text ul li p{
        font-size:14px;
    }
    .service4_list2 li p{
        font-size:12px;
        line-height:1.8;
    }
}
@media(max-width: 460px){
    
}






.service-app-box2 {
  width: 100%;
  padding: 90px 0;
}
.service-app-box2 .container .top .title {
  color: #000;
  text-align: center;
  line-height: 1.5;
}
.service-app-box2 .container .top .txt {
  color: #999;
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
}
.service-app-box2 .container .box {
  width: 100%;
  margin-top:64px;
  border: 1px solid #eaeaea;
  border-radius:15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .service-app-box2 .container .box {
    display: none;
  }
}
.service-app-box2 .container .box .list {
  width: 100%;
  padding: 22px 0 28px;
  border-bottom: 1px solid #eaeaea;
  background: url(../image/service-app-box2-bg1.png) center bottom no-repeat;
  background-size: 100%;
}
.service-app-box2 .container .box .list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.service-app-box2 .container .box .list ul li {
  width: calc(100% / 7);
  position: relative;
  cursor: pointer;
}
.service-app-box2 .container .box .list ul li .num {
  width: 35px;
  height: 35px;
  color: #FF6801;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.6s;
}
.service-app-box2 .container .box .list ul li .txt {
  color: #999;
  transition: all 0.6s;
  margin-top: 10px;
  line-height: 1.55555556em;
  text-align: center;
}
.service-app-box2 .container .box .list ul li .icons {
  width: 20px;
  height: 37px;
  position: absolute;
  bottom: -5px;
  right: -12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-app-box2 .container .box .list ul li .icons img {
  transition: all 0.6s;
}
.service-app-box2 .container .box .list ul li .icons img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
}
.service-app-box2 .container .box .list ul li:last-child .icons {
  display: none;
}
.service-app-box2 .container .box .list ul li.on .num {
  color: #fff;
  background: #FF6801;
}
.service-app-box2 .container .box .list ul li.on .txt {
  color: #333;
}
.service-app-box2 .container .box .list ul li.on .icons img:nth-child(1) {
  opacity: 0;
}
.service-app-box2 .container .box .list ul li.on .icons img:nth-child(2) {
  opacity: 1;
}


.videoarea{
  position: fixed;
  display: none;
  width: 70%;
  height: 80%;
  top: 10%;
  left: 15%;
  z-index: 999999;
}
.videoarea video{
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  display: block;
  outline: none;
}
.newstextarea{
  display: none;
}
.shadow{
  background: #000;
  opacity: .8;
  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  width: 100%;
  height: 100%;
  z-index: 666666;
  display: none;
}

.shadow .close{
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 0 7px 0;
  color: #fff;
  position: fixed;
  right: 20px;
  top: 10px;
  font-weight: bold;
  cursor: pointer;
  -moz-transition:  all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition:   all 0.5s;
  -o-transition:    all 0.5s;
  transition:     all 0.5s;
}
.shadow .close:hover{
  transform: rotate(180deg);
}

@media(max-width: 1280px){
  .videoarea{
    width: 90%;
    left:5%;
  }
}



.temp-btm-free {
    width: 136px;
    height: 48px;
    background: linear-gradient(270deg, #ff6700 0%, #f2965d 100%);
    box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2);
    border-radius: 24px;
    text-decoration: none;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    --x: 0px;
    --y: 0px;
    overflow: hidden;
    cursor: pointer;
    box-sizing: content-box;
}

.template-4{  
  background: linear-gradient(114deg, #F6FAFF 0%, #E8F2FF 100%); 
  padding-bottom:140px;
 }
 .temp4-title{
   padding:140px 0 60px;
 }
 .temp4-main{
   /*max-width: 1200px;*/
   margin:40px auto 0;
   display: flex;
   justify-content: space-between;
 }
 .temp4-left{
  padding:24px 0;
  width: 240px;
  height: 492px;
  background: #09121F;
  border-radius: 12px; 
 }
 .temp4-right{
  width: calc(100%  - 260px);
  height: 492px;
  position: relative;
 }
 .temp4-right-box{
  width: 100%;
  height: 492px;
  border-radius: 12px;  
  position:absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s; 
  background: linear-gradient(180deg, #EFF6FF 0%, #E7F1FF 100%);
 }
 .temp4-bg-1{
   background: url('../image/temp4-11.png');
   background-size: 100% auto;
  
 }
 .temp4-bg-2{
  background: url('../image/temp4-12.png');
    background-size: 100% auto;
}
.temp4-bg-3{
  background: url('../image/temp4-13.png');
    background-size: 100% auto;
}
.temp4-bg-4{
  background: url('../image/temp4-14.png');
   background-size: 100% auto;
}
.temp4-bg-5{
  background: url('../image/temp4-15.png');
    background-size: 100% auto;
}
.temp4-bg-6{
  background: url('../image/temp4-16.png');
   background-size: 100% auto;
}
 .temp4-left-item{
  width: 208px;
  height: 54px;
  padding:0 18px  0 16px ;
  margin:0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer; 
 } 
 .temp4-left-item:hover, .temp4-left .active{
  width: 208px;
  height: 54px;
  background: linear-gradient(90deg, rgba(238, 114, 21, .7) 0%, rgba(47, 109, 255, 0) 100%, rgba(0, 0, 0, .7) 100%);
  border-radius: 8px;  
 }
 .temp4-left-icon{
  width: 24px;
  height: 24px; 
 }
 .temp4-left-tit{
  color:#fff;
  padding-left:8px;
  font-size: 16px;
  margin:0;
 }
 .temp4-left-content{
  height: 54px;
  display: flex;
  align-items: center;
 }
 .temp4-left-right{
  width: 12px;
  height: 13px;  
 }
 .temp4-right-main{
   padding:53px 0 0 54px;    
 } 
 .temp4-right-box.active{
   opacity: 1;
   z-index: 111;
 }
 .temp4-right-tit{
   color:#fff;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   padding-bottom:36px; 
   opacity: 0;
   transform: translateX(40px);
   text-align: left;
   margin:0
 }
 .temp4-right-box.active .temp4-right-tit{ 
  opacity: 1;
  transition: all 300ms ease-out 80ms;
  transform: translateX(0);       
 }
 .temp4-right-box.active .temp4-right-item{ 
  opacity: 1;
  transition: all 300ms ease-out 140ms;;
  transform: translateX(0);       
 }
 .temp4-right-box.active .temp4-line{ 
  opacity: 1;
  transition: all 300ms ease-out 140ms;
  transform: translateX(0);    
 }
 .temp4-right-box.active .temp4-btm{ 
  opacity: 1;
  transition: all 300ms ease-out 180ms;
  transform: translateX(0);       
 }
 .temp4-right-item{
   height: 24px;
   display: flex;
   align-items: center;
   margin:0 0 20px 8px;   
   opacity: 0;
   transform: translateX(40px);
 }
 .temp4-right-icon{
  width: 8px;
  height: 8px;
  opacity: 0.8;
  border-radius: 50%;
  border: 2px solid #ff6700; 
  margin:0;
 }
 .temp4-right-desc{
  font-size: 18px; 
  color: #B3B8CB;
  margin:0 0 0 16px;
 }
 .temp4-line{
  width: 480px;
  height: 1px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%); 
  margin:54px 0 0;
  opacity: 0;
  transform: translateX(40px);
 }
 .temp4-btm{
   margin:53px 0 0;  
   opacity: 0;
   transform: translateX(40px);
 }
   
 .temp4-btm .temp-btm-free{
  background: linear-gradient(270deg,#ff6700 0%, #f2965d 100%);
  box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2); 
 }
    
 .temp4-btm .temp-btm-free p{
     line-height: revert-layer;
     text-align: center;
 }
 .temp4-btm .temp4-btm-right{
  width: 156px;
  height: 48px;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  backdrop-filter: blur(2px);
  color:#fff;
  text-align: center;
  line-height: 48px;
  margin-left:28px;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  --x: 0px;
  --y: 0px;
  overflow: hidden;
  cursor: pointer;
  box-sizing: content-box;
 }
 .temp4-btm-right:hover:before {
  width: 160px;
  height: 160px;
}
.temp-btm-box a{
    display:inline-block;
}
.temp-btm-box{
   display: flex;  
 }
.temp4-btm-right p{
  position: relative;
  line-height: revert-layer;
}
 .temp4-btm-right::before {
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: radial-gradient(circle closest-side,rgba(255,255,255,.15),transparent);
  background: radial-gradient(circle closest-side,var(--button_cover_bg,rgba(255,255,255,.15)),transparent);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
 .temp4-btm-right:hover, .temp4-btm-right:focus {
  color: #fff;
  /* opacity: 0.8; */
  text-decoration: none;
}
.temp4-more{
  font-size: 18px;
  line-height: 24px; 
  color: #ff6700!important;  
  text-align: center;
  cursor: pointer;
} 
.temp4-more:hover{
  color: #ff6700!important; 
  text-decoration: none;
}
.ws-swiper-box-herf{
  text-decoration: none;
}
.ws-swiper-box-herf:hover{
  text-decoration: none;
}
a{
  text-decoration: none;
}
a:hover,a:focus{
  text-decoration: none;
}
.nav-open-tab-row{
  display: flex;
  flex-wrap: nowrap

}





.template-5{  
  background: url(../image/temp5-bg.png); 
  background-size: 100% 100%;
  object-fit: cover;
  padding-bottom:228px;
}
.temp5-box{
  margin:0 auto;
  position: relative; 
}
.temp5-box .swiper-button-prev { 
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 56px;
  height: 55px;
  background: linear-gradient(180deg, #EEF3FF 0%, #FFFFFF 100%);
  box-shadow: 0px 2px 13px 0px rgba(65, 72, 83, 0.1); 
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 1 1;
  border-radius: 50%;
  z-index: 111;
  display: flex;
  justify-content: center;
  align-items: center;
}
.temp5-title{
  padding: 140px 0 60px!important;
}
.temp5-button{
  width: 144px;
  margin:0 auto; 
  position: relative;
  height: 56px;
}
.temp5-box .swiper-button-next { 
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 55px;
  background: linear-gradient(180deg, #EEF3FF 0%, #FFFFFF 100%);
  box-shadow: 0px 2px 13px 0px rgba(65, 72, 83, 0.1); 
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) 1 1;
  border-radius: 50%;;
  z-index: 111;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.temp5-arrow-default{
  width: 24px;
  height: 24px; 
  display: none;
} 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1!important;
}
.swiper-button-next.swiper-button-disabled .temp5-arrow-default, .swiper-button-prev.swiper-button-disabled .temp5-arrow-default {
 display: block;
}
.swiper-button-disabled .temp5-arrow-left,.swiper-button-disabled .temp5-arrow-right {
  display: none;
 } 
.temp5-arrow-left{
  width: 24px;
  height: 24px; 
  background: url(../image/arrow-more-left2.png)no-repeat;
  background-size: 100% 100%; 
}
.temp5-arrow-right{
  width: 24px;
  height: 24px;
  background: url(../image/arrow-more-right2.png);
  background-size: 100% 100%;
} 
.swiper-button-next:hover .temp5-arrow-right {
  background: url(../image/arrow-more-right3.png);
  background-size: 100% 100%;
} 
.swiper-button-prev:hover .temp5-arrow-left {
  background: url(../image/arrow-more-left3.png);
  background-size: 100% 100%;
} 
/*.swiper-container { */
/*  color: #fff;*/
/*  text-align: center;*/
/*  margin:0 auto 32px!important;*/
/*}  */
/*.swiper-slide a{*/
/*  width: 475px!important;*/
/*  height: 310px!important;*/
/*  background: #FFFFFF;*/
/*  box-shadow: 0px 10px 20px 0px rgba(204, 213, 227, 0.1);*/
/*  border-radius: 12px;*/
/*  border: 1px solid #E0E8F3; */
/*  box-sizing: content-box;*/
/* }*/
 .template-5 .swiper-wrapper{ 
  width: 475px!important; 
  padding-top:16px;
  height: auto!important;
}
.template-5 .swiper-wrapper .swiper_item {
  display: flex;
  flex-direction: column;
}
.template-5 .temp5-item-mt {
  margin-bottom: 24px;
}
.swiper-zac{
  position:absolute;
  top:16px;
  right: 0;
  width: 179px;
  height: 408px;
  background: linear-gradient(270deg, #F0F6FF 0%, rgba(240, 246, 255, 0) 100%); 
  z-index: 111;
}
 .temp5-item-img{ 
  width: 475px;
  height: 239px;
  /* max-width: 490px;
  max-height: 304px; */
  border-radius: 8px 8px 0 0; 
 }  
 .temp5-item-content{
  width: 475px;
  display: flex;
  align-items: center; 
  height: 72px ; 
 }
 .temp5-item-tit{
  width: 48px;
  height: 28px;
  border-radius: 4px; 
  font-size: 14px;
  margin:0 13px 0 24px;
  text-align: center;
  line-height: 28px; 
 }
 .temp5-item{
   cursor: pointer; 
   transition: all 0.35s; 
 }
 .temp5-item:hover{
   transform: translate(0 ,-16px);
 }
.temp5-blue{
  background: rgba(0, 99, 255, .15);
  color:#ff6700!important;
} 
 .temp5-red{ 
  background: rgba(255, 33, 33, .15);
  color:#FF2121!important;
 }
 .temp5-green{ 
  background: rgba(57, 203, 138, .15);
  color:#39CB8A!important;
 } 
 .temp5-item-desc{
   color:#222;
   font-size: 20px;
   margin:0;
   padding-left:20px;
 }

 .temp5-slide{
  width: 1200px;
  height: 403px;
  margin:0 auto;
}