/*css全局变量*/
.notcopy{}
.notcopy{display:none;}
.alertbn{background:url(/images/yuandan2022.jpg) no-repeat center !important;}
body{
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/
}
:root{
    --color-primary-black-1:#1f1e1d;
    --color-primary-black-2:#111;
    --color-primary-white:#fff;
    --custom-ease-3:cubic-bezier(0.19,1,0.22,1);
    --custom-ease-4:cubic-bezier(0.63,0.03,0.21,1);
}
:root{
    --primary-ease:cubic-bezier(0.475,0.425,0,0.995);
    --custom-ease-1:cubic-bezier(0.475,0.425,0,0.995);
    --primary-ease:var(--custom-ease-1);
    --color-primary-black-1:#1f1e1d;
    --color-primary-white:#fff;
    --color-primary-black-2:#111;
}

/*webkit内核*/
.scroll_content::-webkit-scrollbar {width:0px; height:0px;}
.scroll_content::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0);}
.scroll_content::-webkit-scrollbar {width:0; height:0;}
/*o内核*/
.scroll_content .-o-scrollbar{-moz-appearance:none !important; background:rgba(0,255,0,0) !important;}
.scroll_content::-o-scrollbar-button{background-color:rgba(0,0,0,0);}
.scroll_content::-o-scrollbar-track{background-color:rgba(0,0,0,0);}
.scroll_content::-o-scrollbar-track-piece{background-color:rgba(0,0,0,0);}
.scroll_content::-o-scrollbar-thumb{background-color:rgba(0,0,0,0);}
.scroll_content::-o-scrollbar-corner{background-color:rgba(0,0,0,0);}
.scroll_content::-o-scrollbar-resizer{background-color:rgba(0,0,0,0);}
/*IE10,IE11,IE12*/
.scroll_content{-ms-scroll-chaining:chained; -ms-overflow-style:none; -ms-content-zooming:zoom; -ms-scroll-rails:none; -ms-content-zoom-limit-min:100%; -ms-content-zoom-limit-max:500%; -ms-scroll-snap-type:proximity; -ms-scroll-snap-points-x:snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style:none; overflow:auto;}

/*::-webkit-scrollbar {
  width:5px;
  height: 8px;
  display:none;
  background-color: rgba(210, 210, 210, 0.48);
  border-radius: 0; }

::-webkit-scrollbar-thumb {
    display:none;
  background-color: rgba(123, 121, 121, 0.7);
  border-radius: 0; }*/

/*公共部分*/
.scrollPercent{width:4px; position:fixed; top:0; right:0; z-index:99; background:#3d6afe;}

.buildleftbg{left:0; top:0; bottom:0; z-index:1; background:#fff; width:calc((100% - 1920px) / 2);}
.buildrightbg{right:0; top:0; bottom:0; z-index:1; background:#fff; width:calc(((100% - 1920px) / 2) + 1px);}

#wrap{background:#fbfbfb; min-width:1200px; overflow:hidden; max-width:1920px; margin:0 auto;}
#wrap.white{background:#fff;}
#wrap.nobg{background:none; overflow:visible;}
/*#wrap.loading{height:100vh; width:calc(100% - 5px); margin:0;}*/
.cw1600{width:84%; max-width:unset;}
.bg_fdbd10{background:#fdbd10 !important;}
.bg_c51f2a{background:#c51f2a !important;}
.bg_fff{background:#fff !important;}
.c_c51f2a{color:#c51f2a !important;}
.c_d2d1bc{color:#d2d1bc !important;}
.c_282828{color:#282828 !important;}
.c_83817f{color:#83817f !important;}
.c_fff{color:#fff !important;}

.maintitle{font:20px/40px 'SourceHanSansCBold';}
.subtitle{font:30px/36px 'SourceHanSansCNExtraLight';}

/*index-a-d*/
.index-a-d{/* height:100vh; */ max-height:100vh; cursor:move; max-width:1920px; margin:0 auto;}
.index-a-d .bd{padding:56.25% 0 0;}
/*.ms-grab-cursor{
    cursor:url(//www.masterslider.com/wp-content/plugins/masterslider/public/assets/css/common/grab.png), move;
}*/
/**{font-family:'微软雅黑' !important;}*/

/*.scroll_wrap{height:100vh;}*/
/*.topBox{left:0; top:0; right:0;}*/
.scroll_wrap .mCSB_inside>.mCSB_container{margin:0;}
.scroll_wrap .mCSB_scrollTools{z-index:10;}

.wowbox{opacity:0;}
.wowSlideInUp{opacity:0; transform:translateY(50px)}
.wowSlideInUp.active{opacity:1; transform:translateY(0)}
.wowSlideInDown{opacity:0; transform:translateY(-50px)}
.wowSlideInDown.active{opacity:1; transform:translateY(0)}
/*.wowSlideInLeft{transform:translateX(-50px);}*/
.wowfadeIn{opacity:0; visibility:hidden;}
.wowfadeIn.active{opacity:1; visibility:visible;}
.wowfadeOut{opacity:1; visibility:visible;}
.wowfadeOut.active{opacity:0; visibility:hidden;}
.wowSlideInLeft{transform:translateX(-50px)}
.wowSlideInLeft.active{opacity:1; transform:translateX(0)}
.wowfadeInRight{opacity:0; transform:translate3d(30%, 0, 0);}
.wowfadeInRight.active{opacity:1; transform:none;}
.wowfadeInLeftShort{opacity:0; transform:translate3d(-15%, 0, 0);}
.wowfadeInLeftShort.active{opacity:1; transform:none;}

.wowfilterOut{filter:blur(9px);}
.wowfilterOut.active{filter:blur(0px); opacity:1;}


.scrollerbox{position:fixed; left:0; top:0; width:100%; /*height:100vh;*/ z-index:20; margin:680px auto 0; right:0; max-width:1920px;}
.scrollerbox.index{margin:100vh auto 0;}
.scrollerbox.nomar{margin:0 auto;}
.appear-overlay{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:scale(1.0075);}
.appear-overlay:before,.appear-overlay:after{display:block;content:"";position:absolute;left:0;top:-5%;width:100%;height:110%;background:#221f1f;}
.appear-overlay:before{opacity:1;transition:opacity 0ms;transition-delay:560ms;will-change:opacity;}
.appear-overlay:after{background:#3d6afe;width:110%;transform:translateX(-110%);transition:transform 1500ms cubic-bezier(0.55,0,0.1,1);will-change:transform;}
.appear-overlay.is-active:before{opacity:0}
.appear-overlay.is-active:after{transform:translateX(100%)}
/*公共部分结束*/

/*.header*/
.header{height:150px; margin:0 auto; top:0; left:0; right:0; z-index:22; /*transition:opacity .55s var(--primary-ease);*/ pointer-events:none; /*opacity:0;*/ /*transition-delay:500ms;*/ max-width:1920px;}
.header>div{display:flex; align-items:center; justify-content:space-between;}
.header .logo-container,.header .minimal{transition:transform 1.25s var(--primary-ease);}
.header .minimal a{font:14px/24px 'SourceHanSansCMedium'; color:#fffefe; margin:0 27px 0 0;}
.header .logo-container{pointer-events:all; transition-delay:.15s;}
.header.reveal .logo-container, .header.reveal .minimal{transform:translateZ(0);}
.header nav.minimal{display:flex; align-items:center; pointer-events:all; transition-delay:.3s;}
.header nav.minimal.black a{color:#282828;}
.header .navbtn{width:40px; height:40px;}
.header .navbtn .box{pointer-events:none; backface-visibility:hidden;}
.header .navbtn .box > div{transform:translate3d(-20px,-20px,0); display:flex; justify-content:center; align-items:center; left:20px; top:20px;}
.header .navbtn .box .bg{border-radius:50%; background-color:#1f1e1d; background-color:var(--color-primary-black-1); top:0; left:0; transition:transform .35s var(--primary-ease);}
.header .navbtn .box .bg1,.header .navbtn .box .bg2{background-color:#fff; background-color:var(--color-primary-white);}
.header .navbtn .box .bg2{transform:scale(0); background-color:var(--color-primary-black-1);}

/*.header .navbtn .box .icon{opacity:1;}*/
.header .navbtn .box .icon div{height:1px; /*opacity:1;*/ backface-visibility:hidden; transform:translateZ(0) scale(1); line-height:0; transform:scaleX(.71); transform-origin:right; background-color:var(--color-primary-black-1);}
.header .navbtn .box .icon::before{transform:translate3d(0,-4px,0);}
.header .navbtn .box .icon::after{transform:translate3d(0,4px,0);}
.header .navbtn .box .icon::after,.header .navbtn .box .icon::before{display:block; width:17px; height:1px; background-color:#fff; background-color:var(--color-primary-white); transition:transform .45s var(--primary-ease),background-color .45s var(--primary-ease); content:""; transform-origin:right; background-color:#1f1e1d; background-color:var(--color-primary-black-1);}
.header .navbtn .box .close{width:40px; height:40px; top:0; left:0; transform:scale(0);}
.header .navbtn .box .close::after,.header .navbtn .box .close::before{position:absolute; top:20px; left:12px; content:""; display:block; width:17px; height:1px; background-color:#111;
background-color:var(--color-primary-black-2);  transform:rotate(45deg); transform-origin:center; background:#fff;}
.header .navbtn:hover .box .icon div{transform:scale(1);}
.header .navbtn.cur .box .bg1{transform:scale(0);}
.header .navbtn.cur .box .bg2{transform:scale(1);}
.header .navbtn.cur .box .close{transform:scale(1);}
.header .navbtn.cur .box .close::after{transform:rotate(-45deg);}
.header .navbtn.cur .box .close::before{transform:rotate(45deg);}
.header .navbtn.cur:hover .box .bg2{transform:scale(1.3);}
.header.on{background:#fff; height:94px;}
.header.on.nobg{background:none;}
.header.on .minimal a{color:#666;}
.header.on .navbtn .box .bg{background:#111;}
.header.on .navbtn .box .icon::after, .header.on .navbtn .box .icon::before{background:#fff;}
.header.on .navbtn .box .icon div{background:#fff;}
.header.on .logo1{display:none;}
.header.on .logo2{display:block;}
.header.on .navbtn.cur .icon{display:none;}

/*.menu*/
.menu{top:0; left:0; width:100vw; height:100vh; z-index:21; transform:translateX(100vw) translateZ(0px);}
.menu .bg{border-radius:50%; transform-origin:center; background:#fff; top:calc(70px - 224vw); right:calc(150px - 224vw); width:448vw; height:448vw; z-index:20; transform:translateX(0px) translateY(0px) scaleX(0) scaleY(0) translateZ(0px); transition:all 2s;}
.menu .list{z-index:21; display:flex; align-items:center;}
.menu .list .content-wrapper{display:flex; justify-content:space-between; align-items:flex-end;}
.menu .list .content-wrapper .primary-nav{opacity:0;}
.menu .list .content-wrapper .primary-nav .label{transform:rotate(-90deg) translate3d(-45px,0,0); transform-origin:bottom left; font-size:12px; line-height:24px;}
.menu .list .content-wrapper .primary-nav ul{margin-left:60px; transform:translate3d(0,-20px,0); display:flex; flex-direction:column; align-items:flex-start;}
.menu .list .content-wrapper .primary-nav .menu-item{transition:color .45s var(--primary-ease); backface-visibility:hidden; opacity:0;  transform:translateX(-100px) skewX(5deg) translateZ(0px); font-family:Montserrat,sans-serif; font-weight:700; font-size:75px; line-height:95px;}
.menu .list .content-wrapper .primary-nav .menu-item .menu-word{z-index:3; transition:all .75s var(--custom-ease-4); clip-path:inset(0 0 0 0); font:36px/60px 'Montserrat,sans-serif'; font-weight:700;}
.menu .list .content-wrapper .primary-nav .grayed{top:0; left:0; pointer-events:none; color:var(--color-sub-black-2); transition:transform .75s var(--custom-ease-4); color:#eee; font:36px/60px 'Montserrat,sans-serif'; font-weight:700;}
.menu .list .content-wrapper .primary-nav .menu-item .numbering{top:10px; left:0; pointer-events:none; opacity:0; transform:translate3d(20px,0,0); transition:all .85s var(--custom-ease-4); font-size:12px; line-height:24px;}
.menu .list .content-wrapper .primary-nav .menu-item.focused .grayed, .menu .list .content-wrapper .primary-nav .menu-item.focused .menu-word{transform:translate3d(35px,0,0);}
.menu .list .content-wrapper .primary-nav .menu-item.focused-out .menu-word{clip-path:inset(0 100% 0 0);}
.menu .list .content-wrapper .primary-nav .menu-item.focused .numbering{transform:translateZ(0); opacity:1;}
.menu .list .company-info{opacity:0; align-self:flex-end; margin-bottom:-38px; z-index:22;}
.menu .list .company-info .link-underline{color:#f84525; font-size:16px; line-height:32px;}
.menu .list .company-info .link-underline div{font-family:'Arial' !important; color:#f84525; opacity:0; transform:translateY(10px) translateZ(0px);}
.menu .list .company-info .email{font-size:17px; margin-bottom:6px;}
.menu .list .company-info .address{max-width:250px; margin-top:20px; font-size:16px; line-height:32px;}
.menu .list .company-info .address div{opacity:0; transform:translateY(10px) translateZ(0px);}
.menu .list .company-info .link-underline:after{content:""; display:block; width:100%; height:1px; background-color:#f84525; margin-top:-2px;}
.menu .list .company-info .sns-links{margin-top:35px;}
.menu .list .company-info .sns-links li{opacity:0; margin-right:22px;}
.menu .list .company-info .sns-links li a{display:flex; justify-content:center; align-items:center; width:24px; height:24px; transition:opacity .55s var(--primary-ease); opacity:.7;}
.menu.cur{pointer-events:all;}

/*design*/
.design dl{width:48.125%; margin:111px 0 0;}
.design dl dt{font:italic 92px/70px 'GilroyBold'; color:#3d6afe;}
.design dl dt span{color:#15ace4; font:italic 92px/70px 'GilroyBold';}
.design dl dd{padding:30px 0 0 13.8961%;}
.design dl dd .title{font:28px/40px 'SourceHanSansCRegular'; color:#282828;}
.design dl dd .brief{font:14px/24px 'SourceHanSansCRegular,GilroyBold'; color:#a7a7a7;}

/*circularBox*/
.circularBox{max-width:626px; width:39.125%; margin:122px 0 0;}
.circularBox .box{padding:58.78594249201278% 0 0;}
.circularBox .border{width:58.78594249201278%; margin:0 auto;}
.circularBox .border::before{padding:100% 0 0; content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/images/1.png) no-repeat; background-size:cover;}
.circularBox .middel{width:39.93610223642173%; border-radius:50%; margin:0 auto; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.circularBox .middel .box2{padding:100% 0 0;}
.circularBox .middel .box2 .content .w{background:#fff; background:#fff; border-radius:50%; box-shadow:0px 0px 200px #e3def0;}/*E8E2F4*/
.circularBox .middel .box2 .content .tips_cn{font-size:18px; color:#282828;}
.circularBox .middel .box2 .content .tips_en span{font-size:22px; color:#3d6afe;}
.circularBox .middel .box2 .content .tips_en span:last-child{color:#15ace4;}
.circularBox .middel .box2 .content .innercirLeft{width:59.2%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.circularBox .middel .box2 .content .innercirLeft>div{padding:100% 0 0; background:rgba(229,230,238,0.33); border-radius:50%;}
.circularBox .middel .box2 .content .innercirLeft>div div{height:1px; left:0; right:0; top:50%; border-bottom:1px dashed #aba5b9; margin:-1px 0 0; opacity:0;}
.circularBox .middel .box2 .content .innercirRight{width:59.2%; top:50%; right:50%; transform:translateX(50%) translateY(-50%);}
.circularBox .middel .box2 .content .innercirRight>div{padding:100% 0 0; background:rgba(234,229,245,1); border-radius:50%;}
.circularBox .middel .box2 .content .innercirRight>div div{height:1px; left:0; right:0; top:50%; border-bottom:1px dashed #aba5b9; margin:-1px 0 0; opacity:0;}
.circularBox .cir{width:58.78594249201278%; margin:0 auto;}
.circularBox .cir>div{padding:100% 0 0;}
.circularBox .leftcir{width:40.21739130434783%; left:-35.05434782608696%; top:50%; z-index:2; transform:translateX(0%) translateY(-50%);}
.circularBox .leftcir .box3{padding:100% 0 0;}
.circularBox .leftcir .box3 .content{background:#3d6afe; border-radius:50%;}
.circularBox .leftcir .box3 .content .tips_cn{font-size:18px; color:#fff;}
.circularBox .leftcir .box3 .content .tips_en{font-size:22px; color:#fff;}
.circularBox .rightcir{width:40.21739130434783%; right:-35.05434782608696%; top:50%; z-index:2; transform:translateX(0%) translateY(-50%);}
.circularBox .rightcir .box3{padding:100% 0 0;}
.circularBox .rightcir .box3 .content{background:#15ace4; border-radius:50%;}
.circularBox .rightcir .box3 .content .tips_cn{font-size:18px; color:#fff;}
.circularBox .rightcir .box3 .content .tips_en{font-size:22px; color:#fff;}
.circularBox .trans{transition:all 2000ms ease 0s;outline:none;}
.circularBox .border::before{animation:borderFrames 10s linear 0s infinite normal both running;}/*边框旋转动画*/
@keyframes borderFrames{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg)}
}
@media screen and (max-width:1440px){
    .design dl dd .title{font:24px/34px 'SourceHanSansCRegular';}
    .design dl dd .brief{font:12px/24px 'SourceHanSansCRegular,GilroyBold';}
    .circularBox .middel .box2 .content .tips_cn{font-size:16px;}
    .circularBox .middel .box2 .content .tips_en span{font-size:18px;}
    .circularBox .leftcir .box3 .content .tips_cn{font-size:16px; line-height:150%;}
    .circularBox .leftcir .box3 .content .tips_en{font-size:18px; line-height:150%;}
    .circularBox .rightcir .box3 .content .tips_cn{font-size:16px; line-height:150%;}
    .circularBox .rightcir .box3 .content .tips_en{font-size:18px; line-height:150%;}
}

/*about_list*/
.about_list{margin:142px 0 145px;}
.about_list .item{width:calc(23.75% - 2px); height:278px; border:1px solid #e8eaed; margin:0 1.5% 0 0;}
.about_list .item:last-child{margin:0;}
.about_list .item .name{font:20px/36px 'SourceHanSansCMedium'; color:#282828; margin:30px 0 15px; padding:0 8%;}
.about_list .item .brief{font:13px/24px 'SourceHanSansCMedium,GilroyBold'; color:#929292; padding:0 8%;}
.about_list .item .bg{right:10%; bottom:29px; max-width:73px; max-height:62px;}
.about_list .item:hover{background:url(/images/3.png) repeat-x; border:1px solid #3c6bfe; box-shadow:0px 12px 80px -12px #376efe; transform:translate(0, -50px);}
 .about_list .item:hover .name{color:#fff;}
.about_list .item:hover .brief{color:#fff;}
@media screen and (max-width:1440px){
    .about_list{margin:120px 0 100px;}
    .about_list .item .name{font:18px/30px 'SourceHanSansCMedium';}
    .about_list .item .brief{font:12px/20px 'SourceHanSansCMedium,GilroyBold';}
}

/*miniprogram*/
.miniprogram{width: 100%;margin: 92px auto 0;}
.miniprogram .title_en{margin-bottom: 26px;color: #3d6afe;font-size: 30px;font-weight: bold;}
.miniprogram .title{margin-bottom: 112px;color: #282828;font-size: 42px;font-weight: lighter;}
.miniprogram .list_wrap{max-width: 1600px;margin: 0 auto 172px;font-size: 0;}
.miniprogram .list_wrap .list_miniprogram{width: 23.75%;margin: 0 0.625% 20px;}
/* .miniprogram .list_wrap .list_miniprogram:nth-child(4n){margin-right: 0;} */
.miniprogram .list_wrap .list_miniprogram .miniprogram_item{width: calc(100% - 52px);padding: 95px 25px 45px;border: 1px solid #ededed;background: #fff;top: 0;z-index: 1000;}
.miniprogram .list_wrap .list_miniprogram .miniprogram_item .t{margin-bottom: 24px;color: #1a1a1a;font-size: 20px;}
.miniprogram .list_wrap .list_miniprogram .miniprogram_item .b{height: 72line-height: 24px;color: #666666;font-size: 14px;}
.miniprogram .list_wrap .list_miniprogram .miniprogram_item .i{width: 68px;height: 68px;right: 30px;top: 30px;z-index: 1001;}
.miniprogram .list_wrap .list_miniprogram .miniprogram_item .iw{width: 68px;height: 68px;right: 30px;top: 30px;z-index: 1001;display: none;}
.miniprogram .list_wrap .list_miniprogram:hover .miniprogram_item{top: -20px;box-shadow: 0 20px 20px #b7c7ff;border-color: #3d6afe;background: #3d6afe;}
.miniprogram .list_wrap .list_miniprogram:hover .miniprogram_item .t,.miniprogram .list_wrap .list_miniprogram:hover .miniprogram_item .b{color: #ffffff;}
.miniprogram .list_wrap .list_miniprogram:hover .i{display: none;}
.miniprogram .list_wrap .list_miniprogram:hover .iw{display: block;}
.miniprogram .vantage_wrap{width: 100%;background: #262626;z-index: 1000;}
.miniprogram .vantage_wrap .vantage_big_img_wrap{width: 58.85%;}
.miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide{font-size: 0;z-index: 2000;}
.miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide .img{font-size: 0;}
.miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide .desc{width: 360px;line-height: 88px;color: #fff;font-size: 72px;font-weight: bold;left: 31.68%;top: 26.5%;z-index: 2001;}
.miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide .brief{width: 440px;line-height: 36px;color: #ffffff;font-size: 20px;left: 31.68%;top: 51.6%;z-index: 2001;}

.miniprogram .vantage_wrap .vantage_desc_ico{width: 58.85%;font-size: 18px;color: #fff;line-height: 20px;left: 0;top: 110px;position: absolute;z-index: 9;}
.miniprogram .vantage_wrap .vantage_desc_ico .tit{font-size: 18px;color: #fff;line-height: 20px;margin-left: 31.68%;position: relative;white-space: nowrap;}
.miniprogram .vantage_wrap .vantage_desc_ico .tit:after{content: '';border-top: 1px solid #fff;position: absolute;top: 10px;right:-50px; left:140px;}

.miniprogram .vantage_wrap .vantage_desc_wrap{width: 41.15%;}
.miniprogram .vantage_wrap .vantage_desc_wrap .summary_title{padding: 88px 30px 0 108px;color: #ffffff;font-size: 45px;font-weight: lighter;}
.miniprogram .vantage_wrap .vantage_desc_wrap .summary_brief{max-width: 462px;padding: 56px 30px 0 108px;line-height: 28px;color: #ffffff;font-size: 16px;}
.miniprogram .vantage_wrap .vantage_small_img_wrap{/*width: 988px;*/width: 51.433%;right: 0;bottom: 13.5%;z-index: 1002;}
.miniprogram .vantage_wrap .vantage_small_img_wrap .swiper-slide{width: 274px;/* margin: 0 27px; */}
.miniprogram .vantage_wrap .swiper-pagination{text-align: left;color: #ffffff !important;font-size: 18px;left: 31.68%;bottom: 13.5%;}
.miniprogram .vantage_wrap .swiper-pagination *{color: #ffffff !important;font-size: 18px;}
.miniprogram .vantage_wrap .advantage_font{right: 0;bottom: 0;z-index: 1001; pointer-events:none; height:18%;}
.miniprogram .vantage_wrap .advantage_font img{height:100%;}
.miniprogram .energize{width: 100%;padding: 120px 0 176px;font-size: 0;background: url(/images/energize_bg.jpg) no-repeat center/cover;}
.miniprogram .energize .energize_title{color: #ffffff;font-size: 45px;font-weight: lighter;}
.miniprogram .energize .energize_brief{margin-top: 42px;line-height: 30px;color: #ffffff;font-size: 16px;}
.miniprogram .energize .energize_list_wrap{width: 62.5%;max-width: 1200px;margin: 75px auto 0;/* padding: 0 100px; */}
.miniprogram .energize .energize_left{width: 58px; height: 58px;margin-top: 25px;line-height: 58px;color: #fff;font-size: 20px;border: 1px solid #fff;border-radius: 100%;left: 12%;top: 50%;z-index: 1001;cursor: pointer;}
.miniprogram .energize .energize_right{width: 58px; height: 58px;margin-top: 25px;line-height: 58px;color: #fff;font-size: 20px;border: 1px solid #fff;border-radius: 100%;right: 12%;top: 50%;z-index: 1001;cursor: pointer;}
.miniprogram .energize .energize_left:hover,.miniprogram .energize .energize_right:hover{color: #666666;background: #fff;}
/* .miniprogram .energize .energize_list_wrap .swiper-wrapper{width: 1400px;} */
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item{background: #fff  ;}
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item .energize_item_img{width: 100%; height: 215px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item .energize_item_cont{width: calc(100% - 60px);padding: 92px 30px 70px;z-index: 1000;}
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item .energize_item_cont .cont_ico{width: 100px;height: 100px;margin-left: -50px;border-radius: 100%;background: #00c3ff;left: 50%;top: -50px;z-index: 1001;}
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item .energize_item_cont .cont_title{color: #333;font-size: 24px;}
.miniprogram .energize .energize_list_wrap .swiper-wrapper .energize_item .energize_item_cont .cont_brief{height: 72px;margin-top: 20px;line-height: 24px;color: #666666;font-size: 14px;}
.miniprogram .news{width: 83.33%;max-width: 1600px;margin: 0 auto;padding-bottom: 96px;}
.miniprogram .news .news_title{padding: 90px 0;font-weight: lighter;font-size: 45px;color: #282828;}
.miniprogram .news .news_item{width: calc(50% - 80px);margin: 0 20px 20px 0;padding: 29px;border: 1px solid #ededed;}
.miniprogram .news .news_item:nth-child(2n){margin-right: 0;}
.miniprogram .news .news_item .news_item_img{width: 285px;height: 192px;}
.miniprogram .news .news_item .news_item_info{width: calc(100% - 313px);margin-left: 28px;}
.miniprogram .news .news_item .news_item_info .news_item_title{margin-bottom: 15px;line-height: 40px;color: #1a1a1a;font-size: 20px;}
.miniprogram .news .news_item .news_item_info .news_item_brief{height: 48px;margin-bottom: 34px;line-height: 24px;color: #666666;font-size: 14px;}
.miniprogram .news .news_item .news_item_info .news_item_time{color: #00c3ff;font-size: 14px;}
.miniprogram .case{width: 100%;background: #fbfbfb;}
.miniprogram .case .case_title{padding: 83px 0;font-weight: lighter;font-size: 45px;color: #282828;}
.miniprogram .case .case_item{width: 33.3333%;font-size: 0;z-index: 1000;}
.miniprogram .case .case_item .case_item_mask{width: 100%; height: 100%;background: rgba(61, 106, 254, .95);left: 0;top: 0;z-index: 1001;opacity: 0;}
.miniprogram .case .case_item .case_item_mask .case_name{height: 22px;padding: 160px 0 0 48px;line-height: 22px;color: #ffffff;font-size: 16px;z-index: 2000;}
.miniprogram .case .case_item .case_item_mask .case_blank{width: 25px;height: 3px;margin: 24px 0 0 48px;background-color: #ffffff;}
.miniprogram .case .case_item .case_item_mask .case_brief{height: 36px;margin-top: 55px;padding-left: 48px;color: #fff;font-size: 30px;}
.miniprogram .case .case_item .case_item_qrcode{width: 210px;height: 210px;border-radius: 18px;background: #ffffff;right: 86px;top: 120px;z-index: 1002;opacity: 0;}
.miniprogram .case .case_item:hover .case_item_mask,.miniprogram .case .case_item:hover .case_item_qrcode{opacity: 1;}

@media screen and (max-width:1560px){
    .miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide .desc{left:12%;font-size: 66px;}
    .miniprogram .vantage_wrap .vantage_big_img_wrap .swiper-slide .brief{left:12%; top:60%;}
    .miniprogram .vantage_wrap .vantage_desc_ico .tit{margin-left: 12%;}
}


/*casetlist*/
.casetlist{margin:0 0 5%;}
.casetlist .item{padding:90px 0px 160px 0px; margin:0 0 8%;}
.casetlist .item .title{z-index:1;}
.casetlist .item .title .bigname{color:#363F54; font:36px/24px 'SourceHanSansCBold'; transform:translateY(30px); opacity:0; transition:all 0.75s ease;}
.casetlist .item.reach .title .bigname{opacity:1; transform:translateY(0px);}
.casetlist .item:last-child{margin:0;}
.casetlist .item:nth-child(odd) .title .bigname{text-align:left;}
.casetlist .item:nth-child(even) .title .bigname{text-align:right;}
.casetlist .item .title .bigname:before{content:''; height:3px; width:120px; border-radius:2px; background:#363F54; position:absolute; top:12px; transform:scaleX(0); transition:transform 0.75s cubic-bezier(0.770, 0.000, 0.230, 1.005);}
.casetlist .item .illu{top:0px; width:50%; border-radius:4px; background-color:rgba(0, 0, 0, 0.1);}
.casetlist .item .illu .bg{left:0px; top:0px; transform:scale(1.1); background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.casetlist .item .illu:after{content:''; position:absolute; z-index:1; top:0px; left:0px; width:100%; height:100%; background-color:#FFF; transition:transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.casetlist .item.reach .illu .bg{transform:scale(1);}
.casetlist .item.reach .title .bigname:before{transform:scaleX(1);}
.casetlist .item.reach:nth-child(odd) .illu:after{transform:translateX(100%);}
.casetlist .item.reach:nth-child(even) .illu:after{transform:translateX(-100%);}
.casetlist .item:nth-child(odd) .title{margin:0 0 0 20%;}
.casetlist .item:nth-child(even) .title{margin:0 20% 0 0;}
.casetlist .item:nth-child(odd) .title .bigname:before{right:calc(100% + 35px);}
.casetlist .item:nth-child(even) .title .bigname:before{left:calc(100% + 35px);}
.casetlist .item:nth-child(odd) .illu{left:0px;}
.casetlist .item:nth-child(even) .illu{right:0px;}
.casetlist .item .wrapper{margin:40px auto 0; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.casetlist .item:nth-child(even) .wrapper .container-text,.casetlist .item:nth-child(odd) .wrapper .container-img{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; margin:0 0 0 20%;}
.casetlist .item:nth-child(odd) .wrapper .container-text,.casetlist .item:nth-child(even) .wrapper .container-img{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; margin:0 20% 0 0;}
.casetlist .item .wrapper .container-img{width:600px; height:400px; opacity:0; transition:opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);}
.casetlist .item:nth-child(odd) .wrapper .container-img{box-shadow:10px 8px 100px 0px rgba(0, 0, 0, .4);}
.casetlist .item:nth-child(even) .wrapper .container-img{box-shadow:-10px 8px 100px 0px rgba(0, 0, 0, .4);}
.casetlist .item.reach .wrapper .container-img{opacity:1; transform:translateY(0px);}
.casetlist .item .wrapper .container-img img.desktop{filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));}
.casetlist .item .wrapper .container-text{opacity:0; transform:translateY(20px); transition:opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
}
.casetlist .item.reach .wrapper .container-text{opacity:1; transform:translateY(0px); max-width:360px;}
.casetlist .item:nth-child(odd) .wrapper .container-text{margin:0 0 0 150px;}
.casetlist .item:nth-child(even) .wrapper .container-text{margin:0 150px 0 0;}
.casetlist .item:nth-child(even) .wrapper .container-text h3{color:#385cd2;}
.casetlist .item .wrapper .container-text h3{font:18px/32px 'SourceHanSansCMedium'; margin:0 0 29px; color:#CF0A2D;}
.casetlist .item .wrapper .container-text > p{font:13px/20px 'SourceHanSansCMedium,GilroyBold'; color:#929292; margin:0 0 60px;}
.casetlist .item .wrapper .container-text > div .type{font:14px/24px 'SourceHanSansCRegular'; color:#282828; width:40%; margin:0 5% 0 0;}
.casetlist .item .wrapper .container-text > div .web{font:14px/24px 'SourceHanSansCRegular'; color:#282828; padding:0 0 0 30px; width:40%;}
.casetlist .item .wrapper .container-text > div .web::before{position:absolute; left:0; top:50%; margin:-10px 0 0; width:20px; height:20px; background:url(/images/4.png); content:"";}
.casetlist .item .wrapper .container-text .time{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7; margin:8px 0 0;}


@media screen and (max-width:1500px){
    .casetlist .wrapper .container-text{margin:0 100px 0 0;}
    .casetlist .item{margin:0 0 100px; padding:90px 0px 80px 0px;}
    .casetlist .item:nth-child(odd) .wrapper .container-text, .casetlist .item:nth-child(even) .wrapper .container-img{margin:0 24% 0 0;}
    .casetlist .item:nth-child(even) .wrapper .container-text, .casetlist .item:nth-child(odd) .wrapper .container-img{margin:0 0 0 24%;}
    .casetlist .item:nth-child(odd) .wrapper .container-text{margin:0 0 0 100px;}
    .casetlist .item:nth-child(even) .wrapper .container-text{margin:0 100px 0 0;}
    .casetlist .item .wrapper .container-text h3{font:16px/30px 'SourceHanSansCMedium';}
    .casetlist .item .wrapper .container-text > p{margin:0 0 40px;}
    .casetlist .item .wrapper .container-text > div .type{width:100%;}
    .casetlist .item .wrapper .container-text > div .web{width:100%;}
    .casetlist .item .wrapper .container-text > div div{float:none;}
}
@media screen and (max-width:1400px){
    .casetlist .item:nth-child(even) .wrapper .container-text{margin:0 70px 0 0;}
    .casetlist .item:nth-child(odd) .wrapper .container-text{margin:0 0 0 70px;}
    .casetlist .item .wrapper .container-text h3{font:14px/24px 'SourceHanSansCMedium';}
    .casetlist .item .wrapper .container-text > p{font:12px/20px 'SourceHanSansCMedium,GilroyBold';}
    .casetlist .item .wrapper .container-img{width:500px; height:333px;}
}

/*instancelist*/
.instancelist{margin:0 0 5%;}
.instancelist .tips{font:24px/40px 'FZLTCHKGBK10'; color:#282828;}
.instancelist .explain{font:30px/36px 'SourceHanSansCRegular'; color:#525252; margin:17px 0 0;}
.instancelist .list{padding:96px 0 0;}
.instancelist .list .cate{top:-36px; right:0;}
.instancelist .list .cate a{font:14px/48px 'GilroyBold,SourceHanSansCRegular'; color:#a7a7a7; padding:0 22px;}
.instancelist .list .cate a:hover{color:#405fff;}
.instancelist .list .cate a:first-child{font:16px/48px 'GilroyBold,SourceHanSansCRegular'; color:#405fff;}
.instancelist .list .cate a:last-child{padding:0 0 0 22px;}
.instancelist .list ul li{width:32.25%; margin:0 1.625% 64px 0;}
.instancelist .list ul li .img{padding:62% 0 0; perspective:1000px;}
.instancelist .list ul li .img div{transition:all 0.8s cubic-bezier(.475,.425,0,.995);}
.instancelist .list ul li .name{font:20px/24px 'FZLTCHKGBK10'; color:#282828; padding:27px 0 0 5.62%;}
.instancelist .list ul li .brief{padding:12px 0 9px 5.62%;}
.instancelist .list ul li .brief > div{font:14px/24px 'FZLTZHUNHKGBK10'; color:#696969;}
.instancelist .list ul li .time{font:14px/24px 'MontserratRegular'; color:#a7a7a7; padding:0 0 0 5.62%;}
.instancelist .list ul li:nth-child(3n){margin:0 0 64px;}
.instancelist .list ul li:hover .img div{transform:scale(.95) rotateY(-18deg);}

@media screen and (max-width:1900px){
    .instancelist .explain{font:24px/30px 'SourceHanSansCRegular';}
    .instancelist .list .cate a{padding:0 15px;}
    .instancelist .list .cate a:last-child{padding:0 0 0 15px;}
}
@media screen and (max-width:1680px){
    .instancelist .explain{font:20px/24px 'SourceHanSansCRegular';}
    .instancelist .tips{font:20px/30px 'FZLTCHKGBK10';}
    .instancelist .list{padding:36px 0 0;}
    .instancelist .list .cate a{font:13px/48px 'GilroyBold,SourceHanSansCRegular'; padding:0 5px;}
    .instancelist .list .cate a:last-child{padding:0 0 0 5px;}
}
@media screen and (max-width:1500px){
    .instancelist .list ul li{margin:0 1.625% 1.625% 0;}
    .instancelist .list ul li:nth-child(3n){margin:0 0 1.625%;}
    .instancelist .list ul li .name{font:18px/22px 'FZLTCHKGBK10'; padding:17px 0 0 5.62%;}
}
@media screen and (max-width:1400px){
    .instancelist .explain{font:18px/22px 'SourceHanSansCRegular';}
    .instancelist .list .cate a{font:12px/30px 'GilroyBold,SourceHanSansCRegular';}
    .instancelist .list .cate a:first-child{font:14px/30px 'GilroyBold,SourceHanSansCRegular';}
}
/*更多按钮效果*/
button{border:0; background:none; outline:none; padding:0;}
.default-button{height:48px; --button-duration:0.45s; transform:translate3d(20px,0,0);}
.default-button .button-background .left,.default-button .button-background .right{left:0; top:0; width:48px; display:flex; justify-content:flex-end; transform:translate3d(-20px,0,0);}
.default-button .button-background .left{transition:all var(--button-duration) var(--primary-ease);}
.default-button .button-background .left:before,.default-button .button-background .right:before{content:""; width:48px; display:block; height:48px; border-radius:50%; background-color:#e6ebf8; transform:scale(0); transition:transform .45s var(--primary-ease);}
.default-button.animate .left:before,.default-button.animate .right:before{transform:scale(1);}
.default-button .button-background .center{left:0; right:0; top:0; width:0; background-color:#e6ebf8; z-index:1; transform-origin:right; transition:width var(--button-duration) var(--primary-ease) var(--button-duration),transform var(--button-duration) var(--primary-ease);}
.default-button .button-background .right{transition:all var(--button-duration) var(--primary-ease) var(--button-duration);}
.default-button .text{transform:translate3d(-20px,0,0); transition:all .75s var(--primary-ease); opacity:0; font:14px/30px 'SourceHanSansCRegular'; color:#282828;}
.default-button.animate .text{transform:translateZ(0); opacity:1;}
.default-button .plus-icon{width:7px; height:7px; margin:0 0 0 28px; opacity:0; transition:opacity .85s var(--primary-ease);}
.default-button.animate .plus-icon{opacity:1;}
.default-button .plus-icon:after,.default-button .plus-icon:before{content:""; position:absolute; top:calc(50% - 2px); left:0; width:100%; height:1px; background-color:#111;}
.default-button .plus-icon:after{transform:rotate(90deg); transform-origin:center;}
.default-button:hover .left{transform:translate3d(20px,0,0); width:100%; transition-duration:calc(var(--button-duration) - .15s); transition-timing-function:var(--custom-ease-3); transition-delay:var(--button-duration);}
.default-button:hover .center{width:100%; transform:scaleX(0); transition:width var(--button-duration) var(--primary-ease),transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration);}
.default-button:hover .right{transform:translate3d(20px,0,0); width:100%; transition-delay:0s;}

/*.scheme*/
/* .scheme{background:#f84525;}
.scheme .bg1{width:28.54%; left:0; top:0; z-index:-1;}
.scheme .bg1 div{padding:117.7% 0 0; background:url(/images/13.jpg) no-repeat; background-size:contain;}
.scheme .bg2{width:34.21875%; right:0; bottom:0; z-index:-1;}
.scheme .bg2 div{padding:84.47% 0 0; background:url(/images/14.jpg) no-repeat; background-size:contain;}
.scheme .text-tips{font:24px/40px 'SourceHanSansCBold'; color:#fff; margin:110px 0 17px;}
.scheme .brief{font:30px/36px 'SourceHanSansCNormal'; color:#fff;}
.scheme .list{width:1315px; height:650px; margin:14px auto 0;}
.scheme .list .scheme_wrap .item{opacity:1 !important;}
.scheme .list .scheme_wrap .ms-layout-partialview .ms-container{overflow:visible;}
.scheme .list .scheme_wrap .item{z-index:1;}
.scheme .list .scheme_wrap .item .p1{top:0; left:0; right:0; display:flex; align-items:center; justify-content:center;}
.scheme .list .scheme_wrap .item .p1 .p2{transform-origin:center;}
.scheme .list .scheme_wrap .item .p1 .p2 .p3{clip-path:inset(0 0 100% 0); width:710px; height:539px; transform:rotate(-45deg) scale(1); transition:clip-path 1.55s cubic-bezier(0.475,0.425,0,0.995);}
.scheme .list .scheme_wrap .item .p1 .p2 .p3 .p3-1{border-radius:169px; width:610px; height:339px;  margin:100px 0 0;}
.scheme .list .scheme_wrap .item .p1 .p2 .p3 .p3-1 .p4{transform:rotate(45deg) translate3d(-25%,-20%,0) scale(1.1); opacity:0; transition:all 1.75s cubic-bezier(0.475,0.425,0,0.995); width:625px; height:815px;}
.scheme .list .scheme_wrap .item .p1 .p2 .p3 .p3-1 .p4 .p5{margin:141px 0 141px 46px; opacity:0; transition:all 1000ms ease 0s; outline:none;}
.scheme .list .scheme_wrap .item .p1 .text_wrap{opacity:0; transition:opacity 0.95s cubic-bezier(0.475,0.425,0,0.995) 0.4s; font:300px/338px 'GilroyBold'; color:#ec3a1b; justify-content:center; letter-spacing:0; left:0; right:0;}
.scheme .list .scheme_wrap .item .p1 .text_wrap span{visibility:hidden;}
.scheme .list .scheme_wrap .item .p1 .text_wrap.bb{z-index:3;}
.scheme .list .scheme_wrap .item .intro_wrap{z-index:4; max-width:520px; width:39.54%; bottom:0; right:0;}
.scheme .list .scheme_wrap .item .intro_wrap .box{transition:opacity 0.95s cubic-bezier(.475,.425,0,.995),transform 0.95s cubic-bezier(.475,.425,0,.995); opacity:0; transform:translate3d(0,20px,0);}
.scheme .list .scheme_wrap .item .intro_wrap .box .title{font:24px/40px 'SourceHanSansCBold'; color:#fff; font-weight:bold;}
.scheme .list .scheme_wrap .item .intro_wrap .box .text2{font:16px/24px 'SourceHanSansCMedium'; color:#fff; margin:8px 0 36px;}
.scheme .list .scheme_wrap .item.on{z-index:2;}
.scheme .list .scheme_wrap .item.on .p1 .p2 .p3{clip-path:inset(0 0 0 0); transition-delay:0.8s;}
.scheme .list .scheme_wrap .item.on .p1 .p2 .p3 .p4{transform:rotate(45deg) translate3d(-25%,-20%,0) ; opacity:1;}
.scheme .list .scheme_wrap .item.on .p1 .p2 .p3 .p4 .p5{opacity:1;}
.scheme .list .scheme_wrap .item.on .p1 .text_wrap{opacity:1;}
.scheme .list .scheme_wrap .item.on .intro_wrap{z-index:5;}
.scheme .list .scheme_wrap .item.on .intro_wrap .box{opacity:1; transform:translateZ(0); transition:opacity 0.95s cubic-bezier(.475,.425,0,.995) 0.4s,transform 0.95s cubic-bezier(.475,.425,0,.995) 0.4s;}
.scheme .list .more-button{z-index:6; right:0; top:calc(50vh + 80px); width:39.54%; max-width:520px;}
.scheme .list .more-button .default-button .button-background .left:before,.scheme .list .more-button .default-button .button-background .right:before{background:#ec3a1b;}
.scheme .list .more-button .default-button .button-background .center{background:#ec3a1b;}
.scheme .list .more-button .default-button .text{color:#fff;}
.scheme .list .more-button .default-button .plus-icon:after,.scheme .list .more-button .default-button .plus-icon:before{background:#fff;}
.scheme .next{width:48px; height:120px; background:url(/images/15.png) no-repeat; background-size:contain; right:-100%; top:50%; margin:-60px 0 0; z-index:5;}
.scheme .prev{width:48px; height:120px; background:url(/images/16.png) no-repeat; background-size:contain; left:-100%; top:50%; margin:-60px 0 0; z-index:5;}
.scheme:hover .next{right:0;}
.scheme:hover .prev{left:0;}
@media screen and (max-width:1680px){
    .scheme .list .more-button{top:calc(50vh + 100px);}
}
@media screen and (max-width:1400px){
    .scheme .list{width:1200px;}
    .scheme .list .scheme_wrap .item .p1 .text_wrap{font:280px/338px 'GilroyBold';}
    .scheme .list .more-button{top:calc(50vh + 120px);}
}
@media screen and (max-width:1300px){
    .scheme .list{width:1100px;}
    .scheme .list .scheme_wrap .item .p1 .text_wrap{font:200px/338px 'GilroyBold';}
} */

.schemeBox{}
.schemeBox{height:1080px; overflow:hidden;}
/* .schemeBox .list .scheme_wrap .item{background:url(/images/120.jpg) no-repeat center;} */
.schemeBox .bg{left:0; top:0; right:0; bottom:0; opacity:0; transition: 2.5s;}
.schemeBox .bg.on{opacity:1;}
.schemeBox .list .scheme_wrap .item{left:0; top:0; right:0; bottom:0;}
.schemeBox .list .text-tips{font-size:24px; color:#fff; font-family:'SourceHanSansCBold'; line-height:42px; margin:109px 0 15px;}
.schemeBox .list .brief{font-size:30px; color:#fff; font-family:'SourceHanSansCNormal'; opacity:0.8; line-height:36px; margin:0 0 15px;}
.schemeBox .list .scheme_wrap .item .p0{width:1200px; height:650px; margin:267px auto 0;}
.schemeBox .list .scheme_wrap .ms-layout-partialview .ms-container{overflow:visible;}
.schemeBox .list .scheme_wrap .item{z-index:1;}
.schemeBox .list .scheme_wrap .item .p1{top:0; left:0; right:0; display:flex; align-items:center; justify-content:center;}
.schemeBox .list .scheme_wrap .item .p1 .p2{transform-origin:center;}



.schemeBox .list .scheme_wrap .item .p1 .p2 .p3{clip-path:inset(0 0 100% 0); width:710px; height:539px; transform:rotate(-45deg) scale(1); transition:clip-path 1.55s cubic-bezier(0.475,0.425,0,0.995);}
.schemeBox .list .scheme_wrap .item .p1 .p2 .p3 .p3-1{border-radius:169px; width:610px; height:339px; margin:100px 0 0;}
.schemeBox .list .scheme_wrap .item .p1 .p2 .p3 .p3-1 .p4{transform:rotate(45deg) translate3d(-25%,-20%,0) scale(1.1); opacity:0; transition:all 1.75s cubic-bezier(0.475,0.425,0,0.995); width:625px; height:815px;}
.schemeBox .list .scheme_wrap .item .p1 .p2 .p3 .p3-1 .p4 .p5{margin:124px 0 141px 46px; opacity:0; transition:all 1000ms ease 0s; outline:none;}


.schemeBox .list .scheme_wrap .item .p1 .text_wrap{opacity:0; transition:opacity 0.3s cubic-bezier(0.475,0.425,0,0.995) 0s; font:300px/338px 'GilroyBold'; color:#ec3a1b; justify-content:center; letter-spacing:0; /* left:0; right:0; */}
.schemeBox .list .scheme_wrap .item .p1 .text_wrap span{visibility:hidden;}
.schemeBox .list .scheme_wrap .item .p1 .text_wrap.bb{z-index:3;}
.schemeBox .list .scheme_wrap .item .intro_wrap{z-index:4; width:54%; max-width:640px; top:490px; right:-95px;}
.schemeBox .list .scheme_wrap .item .intro_wrap .box{transition:opacity 0.95s cubic-bezier(.475,.425,0,.995),transform 0.95s cubic-bezier(.475,.425,0,.995); opacity:0; transform:translate3d(0,20px,0);}
.schemeBox .list .scheme_wrap .item .intro_wrap .box .title{font:24px/40px 'SourceHanSansCBold'; color:#fff; font-weight:bold;}
.schemeBox .list .scheme_wrap .item .intro_wrap .box .text2{font:16px/24px 'SourceHanSansCNExtraLight'; color:#fff; margin:8px 0 36px;}
.schemeBox .list .scheme_wrap .item.on{z-index:2; opacity:1; /* height:1080px; */}
.schemeBox .list .scheme_wrap .item.on .p1 .p2 .p3{clip-path:inset(0 0 0 0); transition-delay:0.8s;}
.schemeBox .list .scheme_wrap .item.on .p1 .p2 .p3 .p4{transform:rotate(45deg) translate3d(-25%,-20%,0) ; opacity:1;}
.schemeBox .list .scheme_wrap .item.on .p1 .p2 .p3 .p4 .p5{opacity:1;}
.schemeBox .list .scheme_wrap .item.on .p1 .text_wrap{opacity:1; transition:2s;}
.schemeBox .list .scheme_wrap .item.on .intro_wrap{z-index:5;}
.schemeBox .list .scheme_wrap .item.on .intro_wrap .box{opacity:1; transform:translateZ(0); transition:opacity 0.95s cubic-bezier(.475,.425,0,.995) 0.4s,transform 0.95s cubic-bezier(.475,.425,0,.995) 0.4s;}



.schemeBox .list .more-button{z-index:6; left:calc(((100% - 1200px) / 2) + 650px); top:890px; width:50%; max-width:200px;}
.schemeBox .list .more-button .default-button .button-background .left div,.schemeBox .list .more-button .default-button .button-background .right div{background:#ec3a1b;}
.schemeBox .list .more-button .default-button .button-background .center{background:#ec3a1b;}
.schemeBox .list .more-button .default-button .text{color:#fff;}
.schemeBox .list .more-button .default-button .plus-icon:after,.schemeBox .list .more-button .default-button .plus-icon:before{background:#fff;}

.schemeBox .next{width:48px; height:120px; background:url(/images/15.png) no-repeat; background-size:contain; right:-100%; top:50%; margin:-60px 0 0; z-index:5;}
.schemeBox .prev{width:48px; height:120px; background:url(/images/16.png) no-repeat; background-size:contain; left:-100%; top:50%; margin:-60px 0 0; z-index:5;}
.schemeBox:hover .next{right:0;}
.schemeBox:hover .prev{left:0;}

@media screen and (max-width:1680px){
.schemeBox .list .scheme_wrap .item .p1 .text_wrap{font-size:260px;}
}
@media screen and (max-width:1440px){
.schemeBox .list .scheme_wrap .item .p1 .text_wrap{font-size:200px;}
.schemeBox .list .scheme_wrap .item .intro_wrap{right:0; width:45%;}
}
.default-button2{height:48px; --button-duration:0.45s; transform:translate3d(20px,0,0);}
.default-button2 .button-background .left,.default-button2 .button-background .right{left:0; top:0; width:48px; display:flex; justify-content:flex-end; transform:translate3d(-20px,0,0);}
.default-button2 .button-background .left{transition:all var(--button-duration) var(--primary-ease);}
.default-button2 .button-background .left div,.default-button2 .button-background .right div{content:""; width:48px; display:block; height:48px; border-radius:50%; background-color:#e6ebf8; transform:scale(0); transition:transform .45s var(--primary-ease);}
.default-button2.animate .left div,.default-button2.animate .right div{transform:scale(1);}
.default-button2 .button-background .center{left:0; right:0; top:0; width:0; background-color:#e6ebf8; z-index:1; transform-origin:right; transition:width var(--button-duration) var(--primary-ease) var(--button-duration),transform var(--button-duration) var(--primary-ease);}
.default-button2 .button-background .right{transition:all var(--button-duration) var(--primary-ease) var(--button-duration);}
.default-button2 .text{transform:translate3d(-20px,0,0); transition:all .75s var(--primary-ease); opacity:0; font:14px/30px 'SourceHanSansCRegular'; color:#282828;}
.default-button2.animate .text{transform:translateZ(0); opacity:1; color:#fff;}
.default-button2 .plus-icon{width:7px; height:7px; margin:0 0 0 28px; opacity:0; transition:opacity .85s var(--primary-ease);}
.default-button2.animate .plus-icon{opacity:1;}
.default-button2 .plus-icon:after,.default-button2 .plus-icon:before{content:""; position:absolute; top:calc(50% - 2px); left:0; width:100%; height:1px; background-color:#fff;}
.default-button2 .plus-icon:after{transform:rotate(90deg); transform-origin:center;}
.default-button2:hover .left{transform:translate3d(20px,0,0); width:100%; transition-duration:calc(var(--button-duration) - .15s); transition-timing-function:var(--custom-ease-3); transition-delay:var(--button-duration);}
.default-button2:hover .center{width:100%; transform:scaleX(0); transition:width var(--button-duration) var(--primary-ease),transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration);}
.default-button2:hover .right{transform:translate3d(20px,0,0); width:100%; transition-delay:0s;}

/*.intro*/
.intro{background:no-repeat center; background-size:cover; height:100vh; max-height:1080px;}
.intro .title{font:24px/40px 'SourceHanSansCBold'; color:#fff;}
.intro .brief{font:30px/45px 'SourceHanSansCNormal'; color:#fff; margin:18px 0 10%;}
.intro .numlist{margin:517px 0 0;}
.intro .numlist dl{width:25%;}
.intro .numlist dl dt{font:72px 'MontserratRegular'; color:#fff;}
.intro .numlist dl dt span{font:72px/69px 'MontserratRegular';}
.intro .numlist dl dt span:nth-child(2){font:24px/88px 'MontserratRegular'; position:absolute; top:0; right:-24px;}
.intro .numlist dl dd{font:14px/32px 'SourceHanSansCMedium'; color:#fff;}

/*.partner*/
.partner{z-index:3;}
.partner .title{font:24px/40px 'SourceHanSansCBold'; color:#282828; padding:99px 0 16px;}
.partner .brief{font:30px/36px ''; color:#525252; margin:0 0 73px;}
.partner .list{width:75%;}
.partner .list{margin:0; border:1px solid #e7ecf8; border-right:none; border-bottom:none;}
.partner .list li{width:calc(20% - 1px); border:1px solid #e7ecf8; border-left:none; border-top:none; background:#fff;}
.partner .list li a{padding:61.63% 0 0; background:#fff;}
.partner .list li a::before{height:3px; position:absolute; left:0; right:0; bottom:0; background:#2c79fb; z-index:1; content:""; display:none;}
.partner .list li:hover{z-index:2;}
.partner .list li:hover a{box-shadow:0px 12px 80px -12px #e3e7f0; transform:scale(1.2);}
.partner .list li:hover a::before{display:block;}

/*.feedback*/
/* .feedback{background:#fbfbfb;} */
.feedback .icon{width:121px; height:168px; left:0; top:19px;}
.feedback .icon .left{background:url(/images/17.png) no-repeat left top; left:0; top:0; bottom:0; z-index:2;}
.feedback .icon .right{background:url(/images/18.png) no-repeat right bottom; right:0; top:0; bottom:0; z-index:3;}
.feedback .icon.on .left{animation:frames_1 1.1s ease 0s 1 normal both running;}
.feedback .icon.on .right{animation:frames_1 1.1s ease 1s 1 normal both running;}
.feedback .bg{width:44.48%; right:0; bottom:0;}
.feedback .bg div{padding:84.42% 0 0;}
.feedback .bg div::before{position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/6.jpg) no-repeat; background-size:contain; content:"";}
.feedback .tips{font:30px/36px 'SourceHanSansCNormal'; color:#525252; padding:163px 0 37px;}
.feedback .box{width:45.625%;}
.feedback .box .left{width:49.31%;}
.feedback .box .left .input{width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #eaeaea; margin:0 0 10px; text-indent:5.55%; font:13px; color:#282828;}
.feedback .box .left .input:focus{border:1px solid #fff; border-bottom:1px solid #3d6afe; background:#f1f3f5;}
.feedback .box .left .select{width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #eaeaea; margin:0 0 10px; text-indent:5.55%; font:13px; color:#282828;}
.feedback .box .left .select:focus{border:1px solid #3d6afe; background:#f1f3f5;}
.feedback .box .left .submit{width:180px; height:52px; line-height:52px; font:14px/36px ''; color:#fbfbfb; background:url(/images/7.png) no-repeat 147px center #3d6afe; border-radius:26px; text-indent:22px; margin:20px 0 0; box-shadow:0px 12px 80px -12px #376efe;}
.feedback .box .right{width:49.31%;}
.feedback .box .right textarea{width:calc(100% - 40px); border:1px solid #eaeaea; height:156px; padding:8px 19px; font:13px/36px 'SourceHanSansCRegular'; color:#282828; resize:none;}
@keyframes frames_1{
    0%{width:0;}
    100%{width:100%;}
}


/*.feedback*/
/* .feedback{background:#fbfbfb;} */
.feedbackback .icon{width:121px; height:168px; left:0; top:19px;}
.feedbackback .icon .left{background:url(/images/17.png) no-repeat left top; left:0; top:0; bottom:0; z-index:2;}
.feedbackback .icon .right{background:url(/images/18.png) no-repeat right bottom; right:0; top:0; bottom:0; z-index:3;}
.feedbackback .icon.on .left{animation:frames_1 1.1s ease 0s 1 normal both running;}
.feedbackback .icon.on .right{animation:frames_1 1.1s ease 1s 1 normal both running;}
.feedbackback .bg{width:44.48%; right:0; bottom:0;}
.feedbackback .bg div{padding:84.42% 0 0;}
.feedbackback .bg div::before{position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/6.jpg) no-repeat; background-size:contain; content:"";}
.feedbackback .tips{font:30px/36px 'SourceHanSansCNormal'; color:#525252; padding:163px 0 37px;}
.feedbackback .box{width:45.625%;}
.feedbackback .box .left{width:49.31%;}
.feedbackback .box .left .input{width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #eaeaea; margin:0 0 10px; text-indent:5.55%; font:13px; color:#282828;}
.feedbackback .box .left .input:focus{border:1px solid #fff; border-bottom:1px solid #3d6afe; background:#f1f3f5;}
.feedbackback .box .left .select{width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #eaeaea; margin:0 0 10px; text-indent:5.55%; font:13px; color:#282828;}
.feedbackback .box .left .select:focus{border:1px solid #3d6afe; background:#f1f3f5;}
.feedbackback .box .left .submit{width:180px; height:52px; line-height:52px; font:14px/36px ''; color:#fbfbfb; background:url(/images/7.png) no-repeat 147px center #3d6afe; border-radius:26px; text-indent:22px; margin:20px 0 0; box-shadow:0px 12px 80px -12px #376efe;}
.feedbackback .box .right{width:49.31%;}
.feedbackback .box .right textarea{width:calc(100% - 40px); border:1px solid #eaeaea; height:156px; padding:8px 19px; font:13px/36px 'SourceHanSansCRegular'; color:#282828; resize:none;}
@keyframes frames_1{
    0%{width:0;}
    100%{width:100%;}
}


#mobile-contact{width: 100%;background: #3d6afe;position: fixed;bottom: 0;left: 0;z-index: 99999;display: none;}
#mobile-contact .ico-item{width: 50%;height: 30px;line-height: 30px;color: #fff;font-size: 24px;}

@media screen and (max-width:750px){
    #mobile-contact{display: block;}
}

/*.news*/
.news{margin:5% 0 10%;}
.news .tips{font:26px/40px 'GilroyBold'; color:#c2c2c2;}
.news .text{font:30px/36px 'SourceHanSansCNormal'; color:#525252; margin:5px 0 105px;}
.news .ms-container{overflow:visible !important;}
.news ul li{width:18.75%; overflow:visible !important;}
.news ul li .box{padding:23px 11% 44px; background:#f1f3f5;}
.news ul li .box .cate{font:14px/48px 'SourceHanSansCMedium'; color:#247afb; height:48px;}
.news ul li .box .cate::before{height:2px; width:16px; background:#247afb; position:absolute; bottom:0; left:0; z-index:1; content:"";}
.news ul li .box .title{font:20px/48px 'SourceHanSansCMedium'; color:#000; margin:20px 0 42px;}
.news ul li .box .brief{font:13px/24px 'SourceHanSansCRegular'; color:#696969; margin:0 0 28px; height:72px;}
.news ul li .box .time{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7;}
.news ul li.ms-sl-selected{opacity:1;}
.news ul li.ms-sl-selected .box{transform:translate(0, -59px);}
.news ul li.ms-sl-selected .box::before{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; box-shadow:0px 12px 80px -12px #ccc; content:"";}
.news ul li.swiper-slide-active{opacity:1;}
.news ul li.swiper-slide-active a{left:0; top:0; right:0; bottom:0; z-index:2;}
.news ul li.swiper-slide-active .box{transform:translate(0, -59px);}
.news ul li.swiper-slide-active .box::before{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; box-shadow:0px 12px 80px -12px #ccc; content:"";}

/*footer*/
.footer{background:#f1f3f5; padding:3% 0;}
.footer .linkbox{padding:0 0 50px; line-height:24px; color:#4f4f4f; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
.footer .linkbox a{margin-right:24px; font-size:inherit; color:#666666;}
.footer .linkbox a:hover{color:#405fff;}
.footer .linkbox span{margin:0 5px;}
.footer .text1{font:18px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 16px;}
.footer .text2{font:30px/24px 'SourceHanSansCRegular'; color:#555; margin:0 0 23px;}
.footer .text2 span{font:34px/24px 'SourceHanSansCRegular'; color:#555;}
.footer .text3{font:30px/30px 'GilroyBold'; color:#3d6afe;}
.footer .link{margin:-10px 0 43px;}
.footer .link a{font:14px/24px 'SourceHanSansCMedium'; color:#555; margin:0 15px;}
.footer .link a:last-child{margin:0 0 0 15px;}
.footer .link a:hover{color:#405fff;}
.footer .line{height:6px; background:url(/images/8.png) repeat-x; margin:0 0 50px;}
.footer .com_intro .right{width:43.875%;}
.footer .com_intro .right dl{margin:0 0 57px;}
.footer .com_intro .right dl dt{font:16px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 19px;}
.footer .com_intro .right dl dd{font:14px/24px 'SourceHanSansCMedium,GilroyBold'; color:#555;}
.footer .com_intro .right dl:last-child{margin:0;}
.footer .com_intro .left{width:50%;}
.footer .com_intro .left .about{margin:0 0 57px;}
.footer .com_intro .left .about dl.p1{width:52%;}
.footer .com_intro .left .about dl.p2{width:42.125%;}
.footer .com_intro .left .about dt{font:16px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 19px;}
.footer .com_intro .left .about dd{font:14px/24px 'SourceHanSansCMedium,GilroyBold'; color:#a7a7a7;}
.footer .com_intro .left .about dd>div div,.footer .com_intro .left .about dd>div div a{font:13px/24px 'GilroyBold,SourceHanSansCMedium'; color:#555;}
.footer .com_intro .left .about dl.p1 dd>div>div{width:45%;}
.footer .com_intro .left .about dl.p2 dd>div>div{width:45%;}
.footer .com_intro .left .about dd a:hover{color:#405fff;}
.footer .com_intro .left .contact dl dt{font:16px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 14px;}
.footer .com_intro .left .contact dl dd .tel{font:30px/24px 'DINCondMedium'; color:#15ace4;}
.footer .com_intro .left .contact dl dd .address{font:14px/24px 'DINCondMedium,GilroyBold'; color:#555; margin:17px 0 25px;}
.footer .com_intro .left .contact dl dd .btn a{width:32px; height:32px; margin:0 14px 0 0; border-radius:50%;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(1){background:url(/images/9.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(2){background:url(/images/10.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(3){background:url(/images/11.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(4){background:url(/images/12.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .copyright{font:14px/24px 'SourceHanSansCMedium,GilroyBold'; color:#a7a7a7; margin:24px 0 0;}

@media screen and (max-width:1500px){
    .footer .com_intro .left{width:51%;}
}
@media screen and (max-width:1300px){
    .footer .link a{margin:0 10px;}
    .footer .link a:last-child{margin:0 0 0 10px;}
    .footer .com_intro .left{width:61%;}
    .footer .com_intro .left .about dl.p1{width:55%;}
    .footer .com_intro .left .about dd>div div{font:12px/22px 'GilroyBold,SourceHanSansCMedium';}
    .footer .com_intro .left .contact dl dd .address{font:12px/22px 'DINCondMedium,GilroyBold';}
    .footer .com_intro .left .contact dl dd .copyright{font:12px/22px 'SourceHanSansCMedium,GilroyBold';}
    .footer .com_intro .right{width:36%;}
    .footer .com_intro .right dl dd{font:12px/22px 'SourceHanSansCMedium,GilroyBold';}
}

/**
 * 鼠标跟随
 */
.vs-section{/*position:fixed; top:0; right:0; left:0;*/ width:100%; height:auto; margin:auto; will-change:transform; overflow:hidden;}
.pelement{position:relative; transition:all 0.15s ease-in-out; display:inline-block;}
.vs-scroll-view{position:relative; width:1px; background:#000;}
.cursor-follower{border-radius:100%; user-select:none; pointer-events:none; z-index:10000}
.cursor{background-color:#fab162; width:6px; height:6px; left:50%; top:50%; margin:-3px 0 0 -3px; /*transform:translate(-50%,-50%);*/ transition:width .3s,height .3s,opacity .3s,background-color .3s; border-radius:50%;}
.cursor.active{transform:scale(0)}
.cursor-follower{width:60px; height:60px; /*transition:.3s cubic-bezier(.25,.1,.25,1) .1s transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.3s cubic-bezier(.75,-.27,.3,1.33) width,.3s cubic-bezier(.75,-.27,.3,1.33) height,.3s cubic-bezier(.75,-.27,.3,1.33);*/ margin-top:-30px; margin-left:-30px; border:1px solid #fff;}
.cursor-follower.active{opacity:.7; transform:scale(1.2)}
.cursor-follower.loading{opacity:1; width:60px; height:60px; margin-top:-30px; margin-left:-30px; background-color:transparent; animation:spin 1s cubic-bezier(.25,.1,.25,1) infinite}
.cursor-follower.loading{border:3px solid rgba(255,255,255,.1); border-top-color:#fab162; display:block!important}
@media all and (max-width:760px){
  .cursor,.cursor-follower{visibility:hidden;}
  .cursor-follower.loading{visibility:visible;}
}

/*开场效果*/
.grid2{z-index:1000; left:0; top:0; display:flex; pointer-events:none;}
.grid2.off--ready .grid2__line{transform:scaleY(1);}
.grid2.off--ready .grid2__logo{opacity:1;transform:translate(-50%,-50%);}
.grid2.off .grid2__fill{transform:scaleX(0);}
.grid2.off .grid2__logo{opacity:0; transform:translate(-50%,-70%); transition-delay:.1s;}
.grid2__logo{top:50%; left:50%; width:250px; height:250px; transform:translate(-50%,-40%); opacity:0; z-index:50; transition:all .4s; background-size:contain;background-position:center; background-repeat:no-repeat; background-image:url(/images/logo.png);}
.grid2__col{width:25%; flex-basis:25%;}
.grid2__col:nth-child(2) .grid2__fill{transition-delay:.1s;}
.grid2__col:nth-child(2) .grid2__line{transition-delay:.1s;}
.grid2__col:nth-child(3) .grid2__fill{transition-delay:.2s;}
.grid2__col:nth-child(3) .grid2__line{transition-delay:.2s;}
.grid2__col:nth-child(4) .grid2__fill{transition-delay:.3s;}
.grid2__col:nth-child(4) .grid2__line{transition-delay:.3s;}
.grid2__col:nth-child(5) .grid2__fill{transition-delay:.4s;}
.grid2__col:nth-child(5) .grid2__line{transition-delay:.4s;}
.grid2__fill{left:0; top:0; background-color:#1A1818; transform-origin:center right; transition:all .4s cubic-bezier(0.42,0,1,1);}
.grid2__line{right:0; width:1px; background-color:rgba(74,74,74,0.1); transform:scaleY(0); transform-origin:center top; transition:all .5s cubic-bezier(0.42,0,1,1);}

/*.inner-a-d*/
.inner-a-d{height:600px; left:0; right:0; top:0; z-index:3; max-width:1920px; margin:0 auto;}
/*.inner-a-d .box{left:50%; margin:0 0 0 -960px;}*/
.inner-a-d .box{left:0; right:0; height:600px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.inner-a-d .text{left:50%; bottom:-36px; width:1200px; margin:0 0 0 -600px;}
.inner-a-d .text .en{font:36px/40px 'TitilliumWebSemiBold'; color:#fff; margin:32px 0 20px;}
.inner-a-d .text .en span{font:36px/40px 'TitilliumWebExtraLight'; color:#fff;}
.inner-a-d .text .brief{font:36px/40px 'SourceHanSansCNExtraLight'; color:#fff;}
.inner-a-d .text .maintitle {opacity: 0; left:-30px;}
.inner-a-d .text.on .maintitle {opacity:1; transition:1s; left:0;}
.inner-a-d .text .bot{opacity:0; bottom:-50px;}
.inner-a-d .text.on .bot{opacity:1; transition:1s; transition-delay:.5s; bottom:0;}

/*.crumbs*/
.crumbs{height:80px; line-height:80px; background:#3d6afe; /*padding:0 18.75% 0 0;*/ top:600px; left:0; right:0; z-index:2; max-width:1920px; margin:0 auto;}
.crumbs .box span{font:14px 'SourceHanSansCRegular'; color:#fff;}
.crumbs .box span:nth-child(3){width:14px; height:14px; background:#fff; border-radius:50%;}
.crumbs.on{top:94px; height:30px; line-height:30px; z-index:21;}

/*.search-case*/
.search-case{margin:80px 0 30px;}
.search-case .select{width:15.4166%; height:48px; border:2px solid #3d6afe; background:#fcfcfc; z-index:2; margin:0 0.5% 0 0;}
.search-case .select dt{font:14px/48px 'SourceHanSansCRegular'; color:#282828; text-indent:17px;}
.search-case .select dt::before{width:11px; height:7px; background:url(/images/19.png) no-repeat; background-size:contain; right:18px; top:50%; margin:-3.5px 0 0; content:""; position:absolute; transition:all 300ms ease 0s;}
.search-case .select dd{border:2px solid #3d6afe; border-top:none; top:48px; right:-2px; left:-2px; background:#fff; height:0; max-height:160px;}
.search-case .select dd .item{padding:10px 0; border-bottom:1px solid #ddd; text-indent:17px;}
.search-case .select dd .item:hover{text-indent:25px; color:#3d6afe;}
.search-case .select.on dt::before{transform:rotate(180deg);}
.search-case .select.on dd{height:160px;}
.search-case .input{width:33.64%; height:48px; line-height:48px; border:2px solid #ebebeb;}
.search-case .input input[type='text']{width:90%; text-indent:15px;}
.search-case .input input[type='submit']{width:18px; height:18px; background:url(/images/20.png) no-repeat; top:50%; right:18px; margin:-9px 0 0;}

/*.case-detail*/
.casedetailbg{height:680px; background:no-repeat top center; background-attachment:fixed; /*z-index:-1;*/}
.casedetailbg .introbox{height:440px; top:0; left:0; right:0; width:72.91%; transition:opacity .55s var(--primary-ease);}
.casedetailbg .introbox .title{font:36px/40px 'SourceHanSansCNExtraLight'; color:#fff; margin:228px 0 0;}
.casedetailbg .introbox .type span{font:14px/40px 'SourceHanSansCBold'; color:#fff;}
.casedetailbg .introbox .type span:nth-child(1){margin:0 34px 0 0;}
.casedetailbg.on .introbox{opacity:0;}
.case-detail{margin:0 0 40px;}
.case-detail .box{margin:-240px 0 0;}
.case-detail .box>div{width:72.91%;}
.case-detail .box .link{width:300px; height:60px; font:16px/60px 'SourceHanSansCBold'; background:#3d6afe; color:#fff; text-indent:40px;}
.case-detail .box .link span{width:40px; height:7px; background:url(/images/21.png) no-repeat; right:40px; top:50%; margin:-3.5px 0 0;}
.case-detail .box .survey{height:180px; /*min-height:120px;*/ background:#fff; /*padding:30px 7.14%;*/ padding:0 7.14%;}
.case-detail .box .survey .left{width:33.33%;}
.case-detail .box .survey .left .name{font:18px/40px 'SourceHanSansCBold';}
.case-detail .box .survey .left .text{font:24px/30px 'SourceHanSansCNLight'; color:#a88f67;}
.case-detail .box .survey .brief{width:58.333%; font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7;}
.case-detail .box .detail{background:#fff; padding:0 7.14%;}
.case-detail .box .detail *{max-width:100% !important;}
.case-detail .box .return{width:178px; border:1px solid #dadada; font:14px/40px 'SourceHanSansCBold'; margin:40px auto;}
.case-detail .box .link:hover span{right:30px;}

/*. about_us*/
.about_us{margin:90px 0 0;}
.about_us .explain .textbg{width:364px; height:138px; background:url(/images/25.png) no-repeat; left:93px; bottom:165px;}
.about_us .explain .left{width:307px;}
.about_us .explain .left .maintitle{color:#3d6afe;}
.about_us .explain .left .brief{font:30px/24px 'SourceHanSansCNExtraLight'; color:#282828; margin:10px 0;}
.about_us .explain .left .brief div{right:-36px; top:50%; background:url(/images/22.png) no-repeat; width:20px; height:4px; margin:-2px 0 0;}
.about_us .explain .left .brief2{font:18px/28px 'SourceHanSansCBold'; color:#15ace4;}
.about_us .explain .right{margin:61px 0 0; width:791px;}
.about_us .explain .right .detail{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7; margin:0 0 30px;}
.about_us .explain .right .bg{background:url(/images/23.png) no-repeat; width:450px; height:500px; left:30px; bottom:0;}
.about_us .explain .right .img_text{min-height:500px;}
.about_us .explain .right .img_text .p1{margin:76px 10px 0 0; width:96px;}
.about_us .explain .right .img_text .p1 div{width:24px; font:14px/16px 'SourceHanSansCNormal'; color:#282828; opacity:0.51;}
.about_us .explain .right .img_text .p2{margin:76px 0 0; width:72px;}
.about_us .explain .right .img_text .p2 div{width:36px; font:30px/32px 'SourceHanSansCNExtraLight'; color:#3d6afe;}
.about_us .explain .right .img_text .p3{margin:165px 0 0 221px; width:392px;}
.about_us .explain .right .img_text .p3 div:nth-child(1){color:#282828; margin:0 0 30px;}
.about_us .explain .right .img_text .p3 div:nth-child(2){font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7;}

.about_us .history{background:url(/images/24.jpg) no-repeat center; background-size:cover; height:640px;}
.about_us .history .left{width:504px;}
.about_us .history .left .text0{left:-65px; top:121px; width:44px; height:295px; background:url(/images/72.png) no-repeat;}
.about_us .history .left .textbox{padding:224px 0 0;}
.about_us .history .left .text1{/* font:30px/40px 'TitilliumWebSemiBold'; color:#525252; opacity:0.6; */ background:url(/images/84.png) no-repeat; width:317px; height:29px;}
.about_us .history .left .text1 span{font:30px/40px 'TitilliumWebExtraLight'; color:#525252;}
.about_us .history .left .text2{font:20px/40px 'SourceHanSansCBold'; color:#706b66; margin:-5px 0 44px;}
.about_us .history .left .text div{font:18px/26px 'SourceHanSansCRegular'; color:#949494;}
.about_us .history .left .slide .scroll{margin:0 0 28px;}
.about_us .history .left .slide .scroll .swiper-slide{width:auto;}
.about_us .history .left .slide .scroll .swiper-slide div{font:14px/34px 'RubikRegular'; color:#525252; padding:0 2px;}
.about_us .history .left .slide .scroll .swiper-slide.cur div{font:24px/34px 'RubikRegular'; color:#fff;}
.about_us .history .right{width:374px; height:288px; background:url(/images/70.png) no-repeat; margin:194px 0 0 216px;}

.about_us .ambient>div{width:50%; height:440px;}
.about_us .ambient .left{background:no-repeat center; background-size:cover;}
.about_us .ambient .right{width:540px; padding:0 0 0 60px;}
.about_us .ambient .right .maintitle{color:#3d6afe;}
.about_us .ambient .right .subtitle{color:#282828; margin:16px 0 30px;}
.about_us .ambient .right .text{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7;}
.about_us .ambient .right .bg{width:226px; height:67px; background:url(/images/73.png); bottom:40px; right:-61px;}

/*.contact_us*/
.contact_us{padding:106px 0 68px; background:#fcfcfc;}
.contact_us .bg{left:-150px; bottom:160px; width:112px; height:128px; background:url(/images/27.png) no-repeat center;}

.contact_us .left{width:500px;}
.contact_us .left dl .maintitle{color:#3d6afe; margin:0 0 5px;}
.contact_us .left dl .subtitle{color:#282828;}
.contact_us .left dl .subtitle span{font:30px/36px 'GilroyRegular'; color:#282828;}
.contact_us .left dl .circ{background:url(/images/22.png) no-repeat; width:20px; height:4px; margin:34px 0 30px;}
.contact_us .left dl.tel{margin:0 0 25px;}
.contact_us .left dl.tel dt{font:16px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 15px;}
.contact_us .left dl.tel dd{font:30px/24px 'DINCondMedium'; color:#15ace4;}
.contact_us .left dl.tel.last dd{color:#f28817;}
.contact_us .left .info{font:14px/24px 'SourceHanSansCMedium'; color:#525252; margin:21px 0 29px;}
.contact_us .left .info span{font:14px/24px 'GilroyBold';}
.contact_us .left .company{font:14px/24px 'SourceHanSansCNormal'; color:#929292; margin:0 0 23px;}
.contact_us .left .end{font:30px/24px 'SourceHanSansCNExtraLight'; color:#3d6afe;}
.contact_us .right{width:847px; height:602px; background:no-repeat center; margin:50px -200px 0 0;}
.contact_us .other-company{width: 100%;}
.contact_us .other-company .company{width: calc(48.75% - 60px);min-height: 114px;padding: 40px 30px;border: 1px solid #ededed;}
.contact_us .other-company .company .company-name{margin-bottom: 10px;line-height: 30px;color: #282828;font-size: 20px;font-weight: bold;}
.contact_us .other-company .company .company-info{line-height: 24px;color: #4c4c4c;font-size: 14px;}
.contact_us .other-company .company .company-info a{color: #4c4c4c;font-size: 14px;}
.contact_us .other-company .company .company-right-icon{margin-top: 36px;line-height: 24px;color: #999999;font-size: 14px;}

/*.info_list*/
.info_wrap{margin:70px 0 66px;}
.info_wrap .list{width:70%;}
.info_wrap .list .catename{color:#3d6afe;}
.info_wrap .list li{border-bottom:1px dashed #ececec;}
.info_wrap .list li a{padding:30px 0 30px 230px; min-height:120px;}
.info_wrap .list li .img{left:0; width:200px;}
.info_wrap .list li .img div{padding:60% 0 0; background:#f3f3f3;}
.info_wrap .list li .info{margin:17px 0 0;}
.info_wrap .list li .name{font:18px/24px 'SourceHanSansCMedium'; color:#282828;}
.info_wrap .list li .time{font:24px/24px 'DINCondMedium'; color:#15ace4;}
.info_wrap .list li .brief{font:14px/24px 'SourceHanSansCNormal'; color:#929292; margin:11px 0 0;}
.info_wrap .list li::before{background:url(/images/85.jpg) no-repeat right; position:absolute; right:-30px; left:-100%; top:0; bottom:0; content:""; opacity:0; visibility:hidden; z-index:-1; transition:all 300ms ease 0s;outline:none;}
.info_wrap .list li:hover::before{opacity:1; visibility:visible;}
.info_wrap .list li:hover .name{color:#fff;}
.info_wrap .list li:hover .time{color:#fff;}
.info_wrap .list li:hover .brief{color:#fff;}
.info_wrap .list .more{width:178px; height:50px; font:14px/50px 'SourceHanSansCMedium'; color:#464655; border-radius:25px; border:1px solid #c7cfe2; text-indent:19px; margin:30px 0 0;}
.info_wrap .list .more span{background:url(/images/28.png) no-repeat center; width:13px; height:6px; right:19px; top:50%; margin:-3px 0 0;}
.info_wrap .list .more:hover span{right:15px;}

.info_wrap .rightCate{width:25%;}
.info_wrap .rightCate::before{position:absolute; left:0; top:0; bottom:0; right:-100%; background:url(/images/29.jpg) repeat-x; content:""; z-index:-1;}
.info_wrap .rightCate .p1{background:url(/images/31.jpg); height:300px; width:calc(100% - 30px); padding:44px 0 35px 30px;}
.info_wrap .rightCate .p1 .screen{margin:0 0 18px;}
.info_wrap .rightCate .p1 .screen .timebg{width:28px; height:28px; background:url(/images/30.png) no-repeat; border-radius:50%;}
.info_wrap .rightCate .p1 .screen .bg{width:20px; height:4px; background:url(/images/22.png) no-repeat; margin:0 9px 0 12px;}
.info_wrap .rightCate .p1 .screen .item{font:13px/24px 'SourceHanSansCRegular'; color:#929292; margin:0 19px 0 0;}
.info_wrap .rightCate .p1 .screen .item.cur{color:#525252;}
.info_wrap .rightCate .p1 .screen .item:last-child{margin:0;}
.info_wrap .rightCate .p1 .search{height:32px; border-bottom:1px solid #d9d9d9; margin:0 0 25px;}
.info_wrap .rightCate .p1 .search span{font:13px/33px 'SourceHanSansCNormal'; color:#929292; left:0; top:0; bottom:0; opacity:0.5; display:none;}/*bug:点击后只剩输入两个字 透明度50 2019-10-08*/
.info_wrap .rightCate .p1 .search input[type='text']{font:13px/33px 'SourceHanSansCNormal'; color:#929292; border:none; background:none; width:230px; height:33px;}
.info_wrap .rightCate .p1 .search input[type='submit']{width:20px; height:19px; background:url(/images/32.png) no-repeat; right:0; top:50%; margin:-9px 0 0;}
.info_wrap .rightCate .p1 .category dt{font:18px/24px 'SourceHanSansCMedium'; color:#282828; margin:0 0 4px;}
.info_wrap .rightCate .p1 .category dd a{font:13px/36px 'SourceHanSansCRegular'; color:#929292; background:no-repeat left center;}
.info_wrap .rightCate .p1 .category dd a:hover,.info_wrap .rightCate .p1 .category dd a.cur{color:#3d6afe; text-indent:26px; background-image:url(/images/33.png);}

.info_wrap .detail{width:70%;}
.info_wrap .detail .time{font:24px/24px 'DINCondMedium'; color:#15ace4;}
.info_wrap .detail .title{font:30px/36px 'SourceHanSansCNLight'; color:#282828; margin:13px 0 29px;}
.info_wrap .detail .other{border-bottom:2px solid #f0f0f0; padding:0 0 16px;}
.info_wrap .detail .other div{color:#a7a7a7;}
.info_wrap .detail .other .author{font:14px/24px 'SourceHanSansCMedium'; padding:0 30px 0 0; margin:0 30px 0 0;}
.info_wrap .detail .other .author::before{width:2px; height:14px; background:#f0f0f0; position:absolute; right:0; top:50%; margin:-7px 0 0; content:"";}
.info_wrap .detail .other .view{font:14px/24px 'MontserratRegular'; background:url(/images/34.png) no-repeat left center; padding:0 0 0 30px; margin:0 20px 0 0;}
/*.info_wrap .detail .other .share{font:14px/24px 'MontserratRegular'; background:url(/images/35.png) no-repeat left center; padding:0 0 0 30px;}*/
.info_wrap .detail .other .share.bdsharebuttonbox .bds_more{background:url(/images/35.png) no-repeat left center; font:14px/24px 'MontserratRegular'; padding:0 0 0 30px; height:auto; margin:0; color:#a7a7a7; float:none;}
.info_wrap .detail .other .share.bdsharebuttonbox .bds_count{background:none; font:14px/24px 'MontserratRegular'; height:auto; margin:0; color:#a7a7a7 !important; float:none; width:auto; text-align:left;}
.info_wrap .detail .other .share.bshare-custom a{background:url(/images/35.png) no-repeat left center; height:auto; padding:0 0 0 30px !important; text-decoration:none;}
.info_wrap .detail .other .share.bshare-custom a span{font:14px/24px 'MontserratRegular'; color:#a7a7a7 !important;}
.info_wrap .detail .other .link{width:36px; height:36px; right:0; bottom:-19px; background:url(/images/40.png) no-repeat center #3d6afe; border-radius:50%; box-shadow:0px 5px 50px #3D6AFE;}
.info_wrap .detail .contents{font:14px/24px 'SourceHanSansCNormal'; color:#929292; margin:60px 0 0;}
.info_wrap .detail .contents *{max-width:100%; height:auto !important;}
.info_wrap .detail .relevant{height:58px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:0 75px;}
.info_wrap .detail .relevant dt{font:14px/58px '黑体'; font-weight:bold; color:#3d6afe; left:0;}
.info_wrap .detail .relevant .list{width:650px; height:58px;}
.info_wrap .detail .relevant .list .item{font:14px/58px 'SourceHanSansCRegular'; color:#a7a7a7;}
.info_wrap .detail .relevant .list .item span{font:14px/58px 'GilroyRegular'; margin:0 0 0 57px;}
.info_wrap .detail .relevant .btn{width:50px; right:0; top:0; bottom:0;}
.info_wrap .detail .relevant .btn div{height:29px; background:#3d6afe; left:0; right:0;}
.info_wrap .detail .relevant .btn .prev{top:-1px; background:url(/images/36.png) no-repeat center #3d6afe;}
.info_wrap .detail .relevant .btn .next{bottom:-1px; background:url(/images/37.png) no-repeat center #3d6afe;}
.info_wrap .detail .relevant .btn .prev.swiper-button-disabled{background:url(/images/38.png) no-repeat center #eaeaea; cursor:no-drop !important;}
.info_wrap .detail .relevant .btn .next.swiper-button-disabled{background:url(/images/39.png) no-repeat center #eaeaea; cursor:no-drop !important;}

/*.evaluate*/
.evaluate{margin:0 0 90px;}
.evaluate .introbox>div{padding:0 0 164px;}
.evaluate .introbox .left{width:580px; margin:89px 0 0;}
.evaluate .introbox .left .title{color:#fdbd10;}
.evaluate .introbox .left .subtitle{font:30px/24px 'SourceHanSansCNExtraLight'; color:#282828; margin:14px 0 34px;}
.evaluate .introbox .left .line{width:20px; height:4px; background:url(/images/22.png) no-repeat;}
.evaluate .introbox .left .content{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7; margin:25px 0 20px;}
.evaluate .introbox .left .other{font:18px/24px 'SourceHanSansCBold'; color:#ea9a28;}
.evaluate .introbox .right{width:600px; margin:297px 0 0;}
.evaluate .introbox .right .content{font:14px/24px 'SourceHanSansCRegular'; color:#a7a7a7; margin:0 0 20px;}
.evaluate .introbox .right .other{font:20px/30px 'SourceHanSansCNormal'; color:#fd9010;}
.evaluate .introbox .leftbg{width:134px; height:134px; background:url(/images/41.png) no-repeat; left:-82px; top:60px; z-index:-1}
.evaluate .introbox .rightbg{width:229px; height:344px; background:url(/images/42.png) no-repeat; right:-5px; bottom:0; z-index:-1}
.evaluate .peobox{background:no-repeat center; height:640px;}

.evaluate .pl>div{margin:-60px auto 0; background:#fff;}
.evaluate .pl>div::before{position:absolute; right:-100%; width:100%; height:60px; background:#fff; content:"";}
.evaluate .pl .box{padding:60px 0 0 30px;}
.evaluate .pl .box .screen{margin:0 0 42px;}
.evaluate .pl .box .screen .timebg{width:28px; height:28px; background:url(/images/44.png) no-repeat;}
.evaluate .pl .box .screen .bg{width:20px; height:4px; background:url(/images/22.png) no-repeat; margin:0 9px 0 12px;}
.evaluate .pl .box .screen .item{font:13px/24px 'SourceHanSansCRegular'; color:#929292; margin:0 19px 0 0;}
.evaluate .pl .box .screen .item.cur{color:#525252;}
.evaluate .pl .box .search{width:370px; height:39px; border-bottom:1px solid #dfdfdf;}
.evaluate .pl .box .search input[type='text']{font:13px/28px 'SourceHanSansCNormal'; color:#929292; border:none; background:none; width:330px;}
.evaluate .pl .box .search input[type='submit']{width:20px; height:19px; background:url(/images/32.png) no-repeat; right:0; top:50%; margin:-9px 0 0;}
.evaluate .pl .list{padding:0 0 0 30px;}
.evaluate .pl .list li{width:370px; height:240px; background:#f6f6f6; margin:0 30px 30px 0;}
.evaluate .pl .list li:nth-child(3n){margin:0 0 30px;}
.evaluate .pl .list li .imgbg{background:#000; opacity:0; opacity:0; transition:all .5s;}
.evaluate .pl .list li .bg{width:260px; background:#fdbd10; top:0; bottom:0; left:0; visibility:hidden; transform:translateX(-100%); transition:all .3s;}
.evaluate .pl .list li .textbox{width:240px; top:0; bottom:0; left:0; padding:0 0 0 20px; opacity:0; transition:all .5s;}
.evaluate .pl .list li .textbox .name{font:18px/24px 'SourceHanSansCRegular'; color:#363636; margin:35px 0 12px;}
.evaluate .pl .list li .textbox a{font:14px/24px 'SourceHanSansCBold'; color:#fff; background:url(/images/43.png) no-repeat left center; padding:0 0 0 22px;}
.evaluate .pl .list li:hover .bg{visibility:visible; transform:translateX(0);}
.evaluate .pl .list li:hover .textbox{opacity:1;}
.evaluate .pl .list li:hover .imgbg{opacity:0.6;}

/*.web*/
.web .advantage{padding:106px 80px; background:#fcfcfc;}
.web .advantage .maintitle{color:#3d6afe;}
.web .advantage .brief{font:30px/36px 'SourceHanSansCNLight'; color:#282828; margin:9px 0 38px;}
.web .advantage .line{width:20px; height:4px; background:url(/images/22.png) no-repeat;}
.web .advantage .bg{height:316px; background:no-repeat center; margin:-38px 0 0; background-image:url(/images/112.png);}
.web .advantage .bgslide .b0{width:931px;}
.web .advantage .bgslide .b1{width:198px; height:198px; z-index:5;}
.web .advantage .bgslide .b1 span{font-size:18px; color:#464655; font-family:'SourceHanSansCBold'; margin:59px 0 33px;}
.web .advantage .bgslide .b1 .text{font-size:14px; color:#aeb8d1; font-family:'SourceHanSansCRegular'; line-height:24px;}
.web .advantage .bgslide .b2{width:198px; height:198px; background:url(/images/78.png) no-repeat; background-size:contain; border-radius:50%;}
.web .advantage .bgslide .b3{width:198px; height:198px; background:url(/images/79.png) no-repeat; background-size:contain; border-radius:50%; margin:0 0 0 -60px; z-index:4;}
.web .advantage .bgslide .b4{width:198px; height:198px; background:url(/images/80.png) no-repeat; background-size:contain; border-radius:50%; margin:0 0 0 -60px;}
.web .advantage .bgslide .b5{width:200px; height:200px; background:#3d6afe; border-radius:50%; margin:0 0 0 -109px;}
.web .advantage .bgslide .b5 div{font:18px/24px 'SourceHanSansCBold'; color:#fff;}
.web .advantage .bgslide .b5 .yuan{border:1px solid #d8dff1; border-radius:50%; left:-57px; top:-57px; right:-57px; bottom:-57px; transform:rotate(-40deg);}
.web .advantage .bgslide .b5 .yuan span:first-child{width:6px; height:6px; border-radius:50%; background:#3d6afe; top:-3px; left:50%; margin:0 0 0 -3px;}
.web .advantage .bgslide .b5 .yuan span:last-child{width:6px; height:6px; border-radius:50%; background:#3d6afe; bottom:-3px; left:50%; margin:0 0 0 -3px;}
.web .advantage .bgslide .b6{width:198px; height:198px; border:1px solid #c7cfe2; border-radius:50%;}
.web .advantage .bgslide .b6 span{font-size:18px; color:#464655; font-family:'SourceHanSansCBold'; margin:59px 0 33px;}
.web .advantage .bgslide .b6 .text{font-size:14px; color:#aeb8d1; font-family:'SourceHanSansCRegular'; line-height:24px;}
.web .advantage .bgslide .b7{background:url(/images/81.png) no-repeat left; width:100%; height:1px; right:73px; top:100px; z-index:2;}
.web .advantage .bgslide .b7 .p1{width:6px; height:6px; background:#3d6afe; right:19px; top:50%; margin:-3px 0 0; border-radius:50%;}
.web .advantage .bgslide .b7 .p2{width:51px; height:65px; background:url(/images/82.png); right:137px; top:50%; margin:-32.5px 0 0;}
.web .advantage .bgslide .b7 .p3{width:7px; height:11px; background:url(/images/83.png); right:614px; top:50%; margin:-5.5px 0 0;}
.web .advantage .bgslide .b7 .p4{width:6px; height:6px; background:#3d6afe; right:755px; top:50%; margin:-3px 0 0; border-radius:50%;}

/* .web .business{height:640px; background:url(/images/45.jpg) no-repeat center; z-index:2;}
.web .business .computer{width:760px; height:510px; background:#fff; border-radius:30px; left:50%; bottom:49px; margin:0 0 0 -380px;}
.web .business .computer .bracket{width:147px; height:74px; background:url(/images/46.png) no-repeat center; left:50%; bottom:-74px; margin:0 0 0 -73px;}
.web .business .computer .box{width:90%; margin:0 auto;}
.web .business .computer .box .hd{margin:60px 0 32px; height:6px; line-height:6px;}
.web .business .computer .box .hd .swiper-pagination-bullet{margin:0 3px; opacity:1; background:#e1e1e1; width:6px; height:6px; vertical-align:middle;}
.web .business .computer .box .hd .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3d6afe;}
.web .business .computer .box .prev,.web .business .computer .box .next{width:50px; height:50px; background:no-repeat #fff; top:50%; margin:-25px 0 0; z-index:2; border-radius:50%;}
.web .business .computer .box .prev{background-image:url(/images/47.png); left:80px;}
.web .business .computer .box .next{background-image:url(/images/48.png); right:80px;}
.web .business .computer .box .prev.swiper-button-disabled,.web .business .computer .box .prev.swiper-button-disabled{display:none;}
.web .business .computer .box .swiper-wrapper{height:412px;}
.web .business .computer .box .item .title{font:28px/40px 'SourceHanSansCRegular'; color:#363636;}
.web .business .computer .box .item .img{height:230px;}
.web .business .computer .box .item .content{font:14px/24px 'SourceHanSansCRegular'; color:#525252; height:140px;}
.web .business .end{bottom:117px; left:0; right:0; height:146px;}
.web .business .end>div:not(.line){width:144px; height:144px; border:1px solid #f0f0f0; border-radius:50%; font:14px/24px 'SourceHanSansCRegular';}
.web .business .end div{color:#fff;}
.web .business .end .line{height:1px; background:#f0f0f0; left:146px; right:146px; top:50%; margin:-0.5px 0 0;}
.web .business .end .left{left:0;}
.web .business .end .right{right:0;} */


.web .business{height:640px; background:url(/images/45.jpg) no-repeat center; z-index:2;}
.web .business .swiper-cube-shadow{display:none;}
.web .business .bracket{width:147px; height:74px; background:url(/images/46.png) no-repeat center; left:50%; bottom:-25px; margin:0 0 0 -73px;}
.web .business .hd{height:6px; line-height:6px; top:141px; left:0; right:0; z-index:2;}
.web .business .hd .swiper-pagination-bullet{margin:0 3px; opacity:1; background:#e1e1e1; width:6px; height:6px; vertical-align:middle;}
.web .business .hd .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3d6afe;}
.web .business .prev,.web .business .next{width:50px; height:50px; background:no-repeat #fff; top:50%; margin:-25px 0 0; z-index:2; border-radius:50%;}
.web .business .prev{background-image:url(/images/47.png); left:300px;}
.web .business .next{background-image:url(/images/48.png); right:300px;}
.web .business .computer{width:760px; height:510px; background:#fff; border-radius:30px; left:50%; bottom:49px; margin:0 0 0 -380px;}
.web .business .computer .box{width:90%; margin:98px auto 0;}
.web .business .computer .box .item .title{font:28px/40px 'SourceHanSansCRegular'; color:#363636;}
.web .business .computer .box .item .img{height:230px;}
.web .business .computer .box .item .content{font:14px/24px 'SourceHanSansCRegular'; color:#525252; height:140px;}
.web .business .end{bottom:117px; left:0; right:0; height:146px;}
.web .business .end>div:not(.line){width:144px; height:144px; border:1px solid #f0f0f0; border-radius:50%; font:14px/24px 'SourceHanSansCRegular';}
.web .business .end div{color:#fff;}
.web .business .end .line{height:1px; background:#f0f0f0; left:146px; right:146px; top:50%; margin:-0.5px 0 0;}
.web .business .end .left{left:0;}
.web .business .end .right{right:0;}

.web .domain{background:#f8f9fb;}
.web .domain>div{padding:121px 0 225px;}
.web .domain>div::before{background:url(/images/49.jpg) no-repeat; position:absolute; left:293px; top:0; width:1267px; height:520px; content:""; z-index:-1;}
.web .domain .maintitle{color:#3d6afe;}
.web .domain .maintitle::before{width:58px; height:50px; background:url(/images/50.png) no-repeat; position:absolute; left:-73px; top:50%; margin:-25px 0 0; content:"";}
.web .domain .brief{font:30px/36px 'SourceHanSansCNLight'; color:#282828; margin:10px 0 29px;}
.web .domain ul li{font:14px/36px 'SourceHanSansCRegular'; color:#525252; cursor:default; transition:all .5s; height:36px;}
.web .domain ul li::before{position:absolute; width:12px; height:7px; background:url(/images/33.png); left:-12px; top:50%; margin:-3.5px 0 0; content:""; transition:all .5s;}
.web .domain ul li span{font:14px/36px 'MaisonneueDemi'; color:#3d6afe; margin:0 0 0 40px; opacity:0; transition:all .5s;}
.web .domain ul li:hover,.web .domain ul li.cur{padding:0 0 0 25px;}
.web .domain ul li:hover::before,.web .domain ul li.cur::before{left:0;}
.web .domain ul li:hover span,.web .domain ul li.cur span{opacity:1;}

.web .help{height:240px; background:url(/images/51.jpg) no-repeat center; left:50%; top:-120px; margin:0 0 0 -600px; z-index:20; width:1200px;}
.web .help .box{width:230px; margin:43px 160px 0 0;}
.web .help .box .img{width:50px; height:50px; background:url(/images/52.png); margin:0 auto;}
.web .help .box .tips{font:30px/24px 'TitilliumWebSemiBold'; color:#fff; margin:16px 0 19px;}
.web .help .box .btn a{font:14px/40px 'SourceHanSansCRegular'; background:#fcfcfc; border-radius:20px;}
.web .help .box .btn a:first-child{width:140px;}
.web .help .box .btn a:last-child{width:80px;}

.web .reviews{background:#fcfcfc;}
.web .reviews>div:not(.help){padding:200px 0 168px; background:url(/images/53.png) no-repeat left bottom;}
.web .reviews>div:not(.help) .title{font:48px/36px 'GilroyBold'; color:#00c3ff;}
.web .reviews>div:not(.help) .title span{font:48px/36px 'GilroyRegular'; color:#3d6afe;}
.web .reviews>div:not(.help) .brief{font:20px/36px 'SourceHanSansCNormal'; color:#525252; margin:10px 0 54px;}
.web .reviews>div:not(.help) .list{padding:0 0 0 256px;}
.web .reviews>div:not(.help) .list dl{width:360px; padding:0 0 0 109px;}
.web .reviews>div:not(.help) .list dl:nth-child(even){width:350px;}
.web .reviews>div:not(.help) .list dl dt{left:0; top:0;}
.web .reviews>div:not(.help) .list dl dt .img{width:60px; height:60px; border-radius:50%;}
.web .reviews>div:not(.help) .list dl dt .line{width:18px; height:2px; top:50%; right:-33px; margin:-1px 0 0;}
.web .reviews>div:not(.help) .list dl dd .name{font:14px/36px 'SourceHanSansCBold'; color:#525252; margin:13px 0 8px;}
.web .reviews>div:not(.help) .list dl dd .content{font:14px/24px 'SourceHanSansCRegular'; color:#929292;}

body.process{background:url(/images/88.jpg) no-repeat top center; background-size:cover; background-attachment:fixed; background-origin:content-box;}
.web .process {height:1080px;}
.web .process .over_bg{width:50%; left:0; bottom:0; background:url(/images/89.png); z-index:-1; height:0;}
.web .process .over_bg.active{height:100%;}
/* .web .process::after{width:50%; position:absolute; right:0; top:0; bottom:0; background:url(/images/55.jpg) no-repeat; content:""; z-index:-1;} */
.web .process .left{width:50%;}
.web .process .left .maintitle{color:#fff; margin:98px 0 0;}
.web .process .left .subtitle{color:#fff; margin:9px 0 60px;}
.web .process .left dl{padding:38px 20px 33px 30px; width:590px; background:#fff; margin:0 0 10px; cursor:default;}
.web .process .left dl dt{font:20px/22px 'SourceHanSansCBold'; color:#525252; margin:0 0 14px;}
.web .process .left dl dd{font:14px/22px 'SourceHanSansCRegular'; color:#929292; padding:0 120px 0 0;}
.web .process .right{width:calc(50% - 138px);}
.web .process .right .p0{font:36px/40px 'SourceHanSansCNLight'; opacity:0.2; filter:alpha(opacity=20); width:30px; color:#fff; left:-10px; top:140px;}
.web .process .right .p1{font:36px/40px 'SourceHanSansCNLight'; opacity:0.2; filter:alpha(opacity=20); width:30px; color:#fff; left:-50px; top:221px;}
.web .process .right .p2{font:14px/24px 'SourceHanSansCMedium'; color:#fff; margin:318px 0 0;}
.web .process .right .p3{font:22px/36px 'SourceHanSansCNExtraLight'; color:#fff;}
.web .process .right .p4{font:30px/36px 'SourceHanSansCBold'; color:#483bcd; margin:0 0 12px;}
.web .process .right .p5{font:48px/36px 'TitilliumWebSemiBold'; color:#34b7b2;}
.web .process .right .p5 span{font:48px/36px 'TitilliumWebExtraLight'; color:#34b7b2;}

.movies .service{padding:88px 0 61px;}
.movies .service::before{width:607px; height:395px; background:url(/images/56.jpg) no-repeat; position:absolute; right:-56px; bottom:61px; content:''; z-index:-1;}
.movies .service .subtitle{margin:8px 0 29px;}
.movies .service .line{width:20px; height:4px; background:url(/images/22.png) no-repeat; margin:0 0 35px;}
.movies .service .contents{font:14px/24px 'SourceHanSansCNormal'; color:#a7a7a7; padding:0 0 68px;}

.movies .deviceSupport{height:800px; background:url(/images/57.jpg) no-repeat center; z-index:2;}
.movies .deviceSupport .box{height:520px;}
.movies .deviceSupport .box .maintitle{padding:114px 0 0; margin:0 0 6px;}
.movies .deviceSupport .box .contents{font:14px/24px 'SourceHanSansCNormal'; color:#a7a7a7; margin:40px 0 0;}
.movies .deviceSupport .box::before{background:url(/images/58.png) no-repeat; width:390px; height:69px; position:absolute; right:0; top:324px; content:"";}
.movies .deviceSupport ul{height:280px;}
.movies .deviceSupport ul li{width:392px; height:280px; margin:0 12px 0 0;}
.movies .deviceSupport ul li .img{height:280px; background:#c51f2a;}
.movies .deviceSupport ul li .name{bottom:-92px; left:0; right:0; background:#fff; height:92px;}
.movies .deviceSupport ul li .name div{font:18px/24px 'SourceHanSansCBold'; color:#525252;}
.movies .deviceSupport ul li:last-child{margin:0;}

.movies .brand{height:540px; background:url(/images/59.jpg) no-repeat right top #f7f7f7;}
.movies .brand .maintitle{padding:182px 0 9px;}
.movies .brand .text{margin:14px 0 0;}
.movies .brand .text div:first-child{font:30px/30px 'GilroyBold'; color:#cdcbc7;}
.movies .brand .text div:last-child{font:30px/30px 'GilroyRegular'; color:#cdcbc7;}
.movies .brand .swiperbox{width:796px; height:394px; right:0; bottom:-100px;}
.movies .brand .swiperbox dt{margin:0 0 20px;}
.movies .brand .swiperbox dt span{font:14px/60px 'SourceHanSansCMedium'; color:#d2d2d2; margin:0 26px 0 0; width:auto;}
.movies .brand .swiperbox dt span:last-child{margin:0;}
.movies .brand .swiperbox dt span.cur{color:#c51f2a;}

.movies .step{height:540px; background:url(/images/60.jpg) no-repeat center;}
.movies .step .maintitle{margin:100px 0 5px;}
.movies .step .subtitle{margin:0 0 12px;}
.movies .step .text div:first-child{font:30px/30px 'GilroyBold'; color:#cdcbc7;}
.movies .step .text div:last-child{font:30px/30px 'GilroyRegular'; color:#cdcbc7;}
.movies .step .list{margin:0 0 0 60px;}
.movies .step .list dl{padding:0 0 0 33px; background:url(/images/61.png) no-repeat top left; min-height:162px;}
.movies .step .list dl dt{font:18px/24px 'SourceHanSansCMedium'; color:#b7a269; margin:-3px 0 12px;}
.movies .step .list dl dd{font:14px/24px 'SourceHanSansCRegular'; color:#525252;}
.movies .step .list dl:nth-child(1){left:0; top:66px; width:280px;}
.movies .step .list dl:nth-child(2){left:333px; top:-24px; width:238px;}
.movies .step .list dl:nth-child(3){left:600px; top:86px; width:238px;}
.movies .step .list dl:nth-child(4){right:0; top:-93px; width:266px;}

.solution .cost{background:#fcfcfc; height:588px;}
.solution .cost .maintitle{color:#3d6afe; margin:106px 0 6px;}
.solution .cost .subtitle{color:#282828; margin:0 0 34px;}
.solution .cost .line{background:url(/images/22.png) no-repeat; width:20px; height:4px;}
.solution .cost .bgslide{width:850px; right:0; top:186px;}
.solution .cost .bgslide .brand{width:180px; height:180px; line-height:180px; background:url(/images/74.png) no-repeat; font-size:18px; font-family:'SourceHanSansCBold'; margin:60px 70px 0 0;}
.solution .cost .bgslide .brand::before{width:64px; height:62px; background:url(/images/75.png) no-repeat; position:absolute; top:50%; left:-22px; margin:-31px 0 0; content:"";}
.solution .cost .bgslide .power{width:160px;}
.solution .cost .bgslide .power div{width:158px; height:158px; line-height:158px; border-radius:50%; border:1px solid #4771fe; margin:0 0 -18px;}
.solution .cost .bgslide .power div.wowSlideInUp{transform:translateY(71px)}
.solution .cost .bgslide .power div.wowSlideInDown{transform:translateY(-71px)}
.solution .cost .bgslide .power div.wowSlideInUp.active{transform:translateY(0)}
.solution .cost .bgslide .power div.wowSlideInDown.active{transform:translateY(0)}
.solution .cost .bgslide .power div span{font-size:18px; font-family:'SourceHanSansCBold'; color:#3d6afe;}
.solution .cost .bgslide .power div:nth-child(2){border:1px solid #15ace4; margin:-18px 0 0;}
.solution .cost .bgslide .power div:nth-child(2) span{color:#15ace4;}
/* .solution .cost .bgslide .linebg{width:630px; height:21px; background:url(/images/77.png) no-repeat; top:140px; left:180px;} */
.solution .cost .bgslide .linebg{width:0; height:21px; background:url(/images/77.png) no-repeat; top:140px; left:180px;}
.solution .cost .bgslide .linebg.active{width:630px;}
.solution .cost .bgslide .bg{background:url(/images/91.png) no-repeat; width:471px; height:431px; right:0; top:-65px;}
.solution .cost .bgslide .bg2{background:url(/images/90.png) no-repeat; width:471px; height:431px; right:0; top:-65px;}

.solution .difference{background:url(/images/63.jpg) no-repeat center; height:640px;}
.solution .difference .top{height:340px;}
.solution .difference .top .title{font:30px/36px 'SourceHanSansCNormal'; color:#3d6afe; margin:116px 0 27px;}
.solution .difference .top .text{font:20px/16px 'SourceHanSansCMedium'; color:#009b7d; margin:0 0 16px;}
.solution .difference .top .brief{font:14px/22px 'SourceHanSansCRegular'; color:#a7a7a7;}
.solution .difference .box{height:300px; background:#fff; padding:0 39px;}
.solution .difference .box dl{width:330px; padding:0 30px 0 0; margin:76px 40px 0 0;}
.solution .difference .box dl dt{font:18px/36px 'SourceHanSansCBold'; margin:0 0 25px; padding:0 0 16px;}
.solution .difference .box dl dt::before{width:14px; height:2px; position:absolute; left:0; bottom:0; content:"";}
.solution .difference .box dl dd{font:14px/22px 'SourceHanSansCRegular'; color:#a7a7a7;}
.solution .difference .box dl::before{position:absolute; top:0; bottom:-12px; right:0; width:1px; background:#efefef; content:"";}
.solution .difference .box dl:last-child{margin:76px 0 0; padding:0; width:320px;}
.solution .difference .box dl:nth-child(1) dt{color:#037cff;}
.solution .difference .box dl:nth-child(1) dt::before{background:#037cff;}
.solution .difference .box dl:nth-child(2) dt{color:#065ee3;}
.solution .difference .box dl:nth-child(2) dt::before{background:#065ee3;}
.solution .difference .box dl:nth-child(3) dt{color:#01c3ff;}
.solution .difference .box dl:nth-child(3)::before{display:none;}
.solution .difference .box dl:nth-child(3) dt::before{background:#01c3ff;}

.solution .tablist{background:#fcfcfc;}
.solution .tablist .titlebox div{width:33.333%; height:60px; font:16px/60px 'SourceHanSansCRegular'; color:#fff;}
.solution .tablist .titlebox div:nth-child(1){background:#037cff;}
.solution .tablist .titlebox div:nth-child(2){background:#065ee3;}
.solution .tablist .titlebox div:nth-child(3){background:#01c3ff;}
.solution .tablist .content{height:300px; background:#037cff;}
.solution .tablist .content>div:nth-child(1){background:#037cff;}
.solution .tablist .content>div:nth-child(2){background:#065ee3;}
.solution .tablist .content>div:nth-child(3){background:#01c3ff;}
.solution .tablist .content>div.on{display:block;}
.solution .tablist .content>div>div:nth-child(1){width:calc(33% - 74px); padding:0 35px;}
.solution .tablist .content>div>div:nth-child(1) div{font:28px/36px ''; color:#2dcba4; }
.solution .tablist .content>div>div:nth-child(2){width:67%;}
.solution .tablist .content>div>div:nth-child(2) div{font:14px/24px 'SourceHanSansCNormal'; color:#fff; opacity:0.9;}
.solution .tablist .content>div>div:nth-child(2)>div{ padding:0 87px 0 0;}
.solution .tablist .content>div:nth-child(3)>div:nth-child(1) div{color:#065ee3;}
.solution .tablist .content>div:nth-child(3)>div:nth-child(2) div{opacity:0.95;}

.solution .partnership{padding:42px 0 94px; background:#fcfcfc;}
.solution .partnership .title{height:247px; margin:0 0 68px;}
.solution .partnership .title .bg{background:url(/images/65.png) no-repeat; background-size:cover; width:441px; height:247px; left:406px; top:0;}
.solution .partnership .title::before{width:364px; height:138px; background:url(/images/25.png) no-repeat; position:absolute; left:50px; top:30px; content:"";}
.solution .partnership .title .text{font:30px/36px 'SourceHanSansCNExtraLight'; color:#282828; bottom:65px; left:0;}
.solution .partnership .clientlist{margin:0 0 0 238px;}
.solution .partnership .clientlist>div{width:135px; height:9px; left:0; top:-63px; background:url(/images/66.jpg) no-repeat left; z-index:2;}
.solution .partnership .clientlist>div::before{width:75px; height:1px; background:#2f2f2f; left:-100px; content:""; top:calc(50% - 1px); position:absolute;}
.solution .partnership .clientlist .line{width:1px; top:-98px; left:-1px; height:98px; background:#f3f3f3;}
.solution .partnership .clientlist .line.line2{left:319px;}
.solution .partnership .clientlist .line.line3{left:639px;}
.solution .partnership .clientlist .line.line4{left:auto; right:1px;}
.solution .partnership .clientlist .bottomline{width:1px; bottom:-46px; left:-1px;  height:46px; background:#f3f3f3;}
.solution .partnership .clientlist .bottomline.line2{left:319px;}
.solution .partnership .clientlist .bottomline.line3{left:639px;}
.solution .partnership .clientlist .bottomline.line4{left:auto; right:1px;}
.solution .partnership ul{border-top:1px solid #f3f3f3; border-left:1px solid #f3f3f3;}
.solution .partnership ul li.item{width:159px; height:139px; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3;}
.solution .partnership ul li.item a{/* -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; */}
.solution .partnership ul li.item:hover a{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:none;}

/* .solution .swiperbox .hd{margin:0 auto 80px;}
.solution .swiperbox .hd .item{width:120px; font:14px/72px 'SourceHanSansCMedium'; color:#929292; border-bottom:1px solid #e5e5e5;}
.solution .swiperbox .hd .item::before{width:12px; height:7px; background:url(/images/67.png); top:50%; margin:-3.5px 0 0; content:""; position:absolute; left:0; display:none;}
.solution .swiperbox .hd .item.cur{color:#f49602; border-bottom:1px solid #f49602;}
.solution .swiperbox .hd .item.cur::before{display:block;}
.solution .swiperbox .box li{height:640px; background:no-repeat center;}
.solution .swiperbox .box li>div::before{width:937px; height:200px; background:url(/images/68.png) no-repeat; position:absolute; z-index:-1; left:-360px; top:50%; content:""; margin:-100px 0 0;}
.solution .swiperbox .box li .top{width:180px; height:180px; background:#f49602; top:-40px;}
.solution .swiperbox .box li .top .num{font:16px/40px ''; color:#fcfcfc; margin:17px 0 0;}
.solution .swiperbox .box li .top .name{font:20px/40px ''; color:#eee;}
.solution .swiperbox .box li .top .ico{width:25px; height:25px; background:url(/images/69.png); left:50%; bottom:20px; margin:0 0 0 -12.5px;}
.solution .swiperbox .box li .detail{font:92px/76px 'GilroyBold'; color:#f49602;}
.solution .swiperbox .box li .detail span{font:72px/72px 'GilroyRegular'; color:#f49602;} */

.solution .swiperbox .hd{margin:0 auto 40px; /*border-bottom:1px solid #e5e5e5;*/}
.solution .swiperbox .hd .item{width:120px; font:14px/72px 'SourceHanSansCMedium'; color:#929292; border-bottom:1px solid #e5e5e5;}
.solution .swiperbox .hd .item::before{width:12px; height:7px; background:url(/images/67.png); top:50%; margin:-3.5px 0 0; content:""; position:absolute; left:0; display:none;}
.solution .swiperbox .hd .item.cur{color:#f49602; border-bottom:1px solid #f49602;}
.solution .swiperbox .hd .item.cur::before{display:block;}
.solution .swiperbox .box li{height:680px; background:no-repeat center; background-size:cover;}
.solution .swiperbox .box li .previmg{background-position:right top; top:0; left:0; width:calc( (100% - 1200px) / 2 ); height:0; z-index:2;}
.solution .swiperbox .box li .bg{height:40px; background:#fbfbfb; left:0; top:0; right:0;}
.solution .swiperbox .box li .bg.active{height:0;}
.solution .swiperbox .box li .dd::before{width:937px; height:200px; background:url(/images/68.png) no-repeat; position:absolute; z-index:-1; left:-360px; top:50%; content:""; margin:-100px 0 0;}
.solution .swiperbox .box li .top{width:180px; height:180px; background:#f49602; /* top:-40px; */}
.solution .swiperbox .box li .top .labeltop .num{font:16px/40px ''; color:#fcfcfc; margin:17px 0 0;}
.solution .swiperbox .box li .top .labeltop .name{font:20px/40px ''; color:#eee;}
.solution .swiperbox .box li .top .labeltop .ico{width:25px; height:25px; background:url(/images/69.png); left:50%; bottom:20px; margin:0 0 0 -12.5px;}
.solution .swiperbox .box li .top.hover .labeltop .ico{transform:rotate(180deg);}
.solution .swiperbox .box li .top.big{width:600px; height:680px;}
.solution .swiperbox .box li .top .labeltop{opacity:1; visibility:visible; transition:1s; transition-delay:0.3s;}
.solution .swiperbox .box li .top.big .labeltop{opacity:0; visibility:hidden;}
.solution .swiperbox .box li .top .labelbot{top:0; padding:0 40px; opacity:0; visibility:hidden; transition:1s; transition-delay:0.3s;}
.solution .swiperbox .box li .top .labelbot .text{font:30px/33px 'GilroyBold'; color:#d98600; margin:77px 0 6px;}
.solution .swiperbox .box li .top .labelbot .text span{font:30px/33px 'GilroyRegular'; color:#d98600;}
.solution .swiperbox .box li .top .labelbot .name{font:36px/40px 'SourceHanSansCBold'; color:#fff;}
.solution .swiperbox .box li .top .labelbot .brief{font:16px/40px 'SourceHanSansCBold'; color:#ffcf6a; margin:22px 0 5px;}
.solution .swiperbox .box li .top .labelbot .yx{font:16px/40px 'SourceHanSansCBold'; color:#9c5800; padding:0 0 0 38px; border-bottom:1px solid #c87701; background:url(/images/92.png) no-repeat left center;}
.solution .swiperbox .box li .top .labelbot .contents{font:14px/24px 'SourceHanSansCBold'; color:#61553e; opacity:0.6; margin:35px 0 0;}
.solution .swiperbox .box li .top .labelbot .btn{bottom:60px; left:40px;}
.solution .swiperbox .box li .top .labelbot .btn div{width:50px; height:50px;}
.solution .swiperbox .box li .top .labelbot .btn div:hover{opacity:0.4;}
.solution .swiperbox .box li .top .labelbot .btn .prev{background:url(/images/93.png) no-repeat; margin:0 10px 0 0;}
.solution .swiperbox .box li .top .labelbot .btn .next{background:url(/images/94.png) no-repeat;}
.solution .swiperbox .box li .top .labelbot .pagenum{font:194px/194px 'DINCondLight'; color:#ffd372; right:40px; bottom:0; opacity:0.2; letter-spacing:-13px}
.solution .swiperbox .box li .top .labelbot .pagenum::before{height:80px; left:0; right:0; bottom:0; position:absolute; z-index:1; content:"";}
.solution .swiperbox .box li .top.big .labelbot{opacity:1; visibility:visible;}

.solution .swiperbox .box li .detail{font:92px/76px 'GilroyBold'; color:#f49602; transition:1s; transition-delay:0.3s; transform:translateY(-50px); opacity:0;}
.solution .swiperbox .box li .detail span{font:72px/72px 'GilroyRegular'; color:#f49602;}

.solution .swiperbox .box li .detail.r_text{color:#fff;}
.solution .swiperbox .box li .detail.r_text span{color:#fff;}
.solution .swiperbox .box li .detail.r_text{opacity:0;}
.solution .swiperbox .box li.on .top.big .labelbot{opacity:0; visibility:hidden;}
.solution .swiperbox .box li.on .previmg{height:100%; transition:1s; transition-delay:0.3s;}
/* .solution .swiperbox .box li.on .detail.r_text{opacity:1;} */
/* .solution .swiperbox .box li.on .detail.l_text{opacity:0;} */
.solution .swiperbox .box li.swiper-slide-active .detail.l_text{transform:translateY(0); opacity:1;}
.solution .swiperbox .box li.on.swiper-slide-active .detail.r_text{transform:translateY(0); opacity:1;}
.solution .swiperbox .box li.on.swiper-slide-active .top.big .labelbot{opacity:1; visibility:visible;}
.solution .swiperbox .box li.on .detail.l_text{opacity:0;}
.paging { margin-top: 32px; font-size: 14px;  text-align:center;}
/*.paging { margin-top: 32px; font-size: 14px; text-align:center;}*/居中
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; line-height: 29px;border: 1px solid #EEE; border-radius: 5px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #15ace4; color: #fff;background:#15ace4; }
#turn_page{ width:100%; height:46px; line-height:44px; text-align:center; overflow:hidden; margin-top:5%;}
#turn_page img{ width:100%;}
#turn_page form{ display:inline-block;}
#turn_page span{ display:inline-block; vertical-align:top; font-size:0; color:#666; margin:0 0.3%;}
#turn_page font{ display:inline-block; font-size:14px; background:#fff; color:#666;}
#turn_page .page_button{ width:44px; height:44px; display:inline-block; background:#fff; font-size:14px; color:#757575; border:1px solid #ebebeb; border-radius:50%;}
#turn_page .page_button.in{ width:78px;}
#turn_page .page_noclick{ width:44px; height:44px; display:inline-block; background:#fff; font-size:14px; color:#757575; border:1px solid #ebebeb; border-radius:50%;}
#turn_page .page_noclick.in{ width:78px;}
#turn_page .page_item_current{ width:44px; height:44px; background:#15ace4; color:#fff; border:1px solid #15ace4; border-radius:50%;}
#turn_page .page_item{ width:44px; height:44px; display:inline-block; background:#fff; font-size:14px; color:#757575; border:1px solid #ebebeb; border-radius:50%;}

.notmore{color:#999;}

.msgbtnbox{width:116px; height:115px; background:url(/images/71.png) no-repeat; right:0; top:50%; margin:-57.5px 0 0; z-index:21; display:none;}
#msg-box{width:760px; margin:-379px 0 0 -380px; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .4); left:50%; top:50%; z-index:100001;}
#msg-box .t{width:680px; margin:0 auto; color:#0382db; font-size:16px;}
#msg-box .t:before{content:''; width:200px; height:1px; background:#e9e9e9; position:absolute; left:0; top:11px;}
#msg-box .t:after{content:''; width:200px; height:1px; background:#e9e9e9; position:absolute; right:0; top:11px;}
#msg-box .sub-t{color:#999999; font-size:14px;}
#msg-box .msg-bottom{width:100%; height:170px; background:url(/images/msg_btm_bg.jpg) no-repeat center top;}
#msg-box .msg-bottom .msg-submit{width:136px; height:36px; margin:0 auto; line-height:32px; color:#0382db; font-size:16px; border:2px solid #0382db; border-radius:18px; background:#fff; outline:none;}
#msg-box .msg-bottom .msg-phone{line-height:22px; color:#fff; font-size:20px; font-weight:bold;}
#msg-box .cls{width:20px; height:20px; line-height:20px; color:#999999; font-size:26px; right:10px; top:10px; cursor:pointer; z-index:99999;}
#msgForm{width:640px; margin:0 auto;}
#msgForm .font{color:#333333; font-size:22px;}
#msgForm .input{height:44px; line-height:44px; color:#999999; font-size:14px; text-indent:14px; border:1px solid #dddddd;}
#msgForm .long-input{width:638px;}
#msgForm .short-input{width:208px; margin:0 5px 0 0;}
#msgForm .short-input.right-blank{margin:0;}
#msgForm .input-label{width:150px; height:44px; line-height:44px; color:#333333; font-size:14px; border:1px solid #dddddd; cursor:pointer; margin:0 8px 5px 0; font-weight:700;}
#msgForm .input-label:hover, #msgForm .input-label.checked{border-color:#0382db;}
#msgForm .input-label.checked:after{content:''; width:12px; height:12px; color:#fff; font-size:10px; background:url(/images/checked.png) #0382db no-repeat center; position:absolute; right:0; bottom:0;}
#msgForm .input-radio-label{font-size:14px; font-weight:700;}
#msg-mask{width:100%; height:100%; background:rgba(255, 255, 255, .6); left:0; top:0; z-index:100000;}


.videobg{position:fixed; z-index:998; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.6; visibility:hidden;}
.videobg.on{visibility:visible;}
.videowrap{width:600px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -300px; background:#000; z-index:999; visibility:hidden;}
.videowrap.on{visibility:visible;}
.videowrap .close{width:30px; height:30px; line-height:30px; top:0; right:-30px; background:#000; color:#fff;}

.case-detail-box{}
.case-detail-box{padding:110px 0; background:#fcfcfc;}
.case-detail-box .left{width:200px;}
.case-detail-box .left::before{}
.case-detail-box .left .link{font:14px/30px 'SourceHanSansCMedium'; margin:0 0 29px; color:#ccc;}
.case-detail-box .left .link.on{color:#444;}
.case-detail-box .left .link.on::before{width:1px; height:28px; top:0; right:-40px; content:''; background:#3d6afe; position:absolute; z-index:1;}
.case-detail-box .left .btn1{height:54px; line-height:54px; font-size:14px; color:#fcfcfc; text-indent:19px; margin:5px 0 10px; background:url(/images/95.png) no-repeat 164px center #3d6afe;}
.case-detail-box .left .btn2{height:54px; line-height:54px; font-size:14px; color:#fcfcfc; text-indent:19px; margin:5px 0 10px; background:url(/images/96.png) no-repeat 158px center #15ace4;}
.case-detail-box .right{width:920px;}
.case-detail-box .right .box{padding:0 0 88px;}
/* .case-detail-box .right .box .title{font:20px/39px 'SourceHanSansCBold'; color:#3d6afe; padding:0 0 24px; background:url(/images/97.jpg) no-repeat left bottom; margin:0 0 25px;} */
.case-detail-box .right .box .title{font:20px/60px 'SourceHanSansCBold'; color:#3d6afe; background:url(/images/105.jpg) no-repeat left top; margin:0 0 25px; padding:0 0 20px; position:relative; z-index:1;}
.case-detail-box .right .box .title::before{background:url(/images/97.jpg) no-repeat; width:20px; height:4px; position:absolute; left:0; bottom:5px; content:"";}
.case-detail-box .right .box .contents{line-height:24px; font-size:14px; color:#a7a7a7;}
.case-detail-box .right .tuijian{line-height:80px;}
.case-detail-box .right .tuijian .tips{font-size:20px; color:#444; font-family:'SourceHanSansCBold';}
.case-detail-box .right .tuijian .btn{margin:30px 0 0; height:height:20px;}
.case-detail-box .right .tuijian .btn div{width:20px; height:20px;}
.case-detail-box .right .tuijian .btn .next{background:url(/images/98.png) no-repeat center; /* margin:0 14px 0 30px; */ width:48px; height:48px; border:1px solid #f1f1f1; border-left:none;}
.case-detail-box .right .tuijian .btn .prev{background:url(/images/99.png) no-repeat center; width:48px; height:48px; border:1px solid #f1f1f1;}
.case-detail-box .right .tuijian .slide li{width:296px; height:196px; background:#c4c4c4;}

.swiperbox2{}
.swiperbox2{height:640px; background:url(/images/100.jpg) no-repeat top center #e4e4e4;}
.swiperbox2 .box{padding:0 0 0 239px; width:100%;}
.swiperbox2 .box .textbg{background:url(/images/107-1.jpg) no-repeat; width:963px; height:231px; margin:109px 0 0;}
.swiperbox2 .box .title{font-size:24px; color:#656565; margin:103px 0 0; font-family:'SourceHanSansCRegular'; line-height:36px;}
.swiperbox2 .box .subtitle{font-size:20px; color:#c3c3c3; line-height:33px; font-family:'SourceHanSansCBold'; line-height:33px; margin:0 0 16px; opacity:0.8;}
.swiperbox2 .box>.brief div:nth-child(1){font-size:26px; color:#a7a7a7; line-height:38px; font-family:'SourceHanSansCRegular';}
.swiperbox2 .box>.brief div:nth-child(2){font-size:30px; color:#a7a7a7; line-height:36px; font-family:'SourceHanSansCNExtraLight';}
.swiperbox2 .box>.brief div:nth-child(3){font-size:30px; color:#a7a7a7; line-height:36px; font-family:'SourceHanSansCNExtraLight';}
.swiperbox2 .box .ico{width:112px; height:128px; background:url(/images/101.png) no-repeat; top:212px; left:1089px;}
.swiperbox2 .box .slide{margin:20px 0 0; padding:40px 0 0;}
.swiperbox2 .box .slide li{background:#fff;}
.swiperbox2 .box .slide li:hover{transform:translateY(-40px);}
.swiperbox2 .box .slide .img{height:240px;}
.swiperbox2 .box .slide .img a::after{position:absolute; left:50%; top:50%; width:48px; height:48px; background:url(/images/109.png) no-repeat center; z-index:1; content:''; margin:-24px 0 0 -24px; opacity:0; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.swiperbox2 .box .slide .img a::before{position:absolute; left:0; top:0; bottom:0; right:0; background:url(/images/108.png) no-repeat center; z-index:1; content:''; opacity:0; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.swiperbox2 .box .slide li:hover .img a::after{opacity:1;}
.swiperbox2 .box .slide li:hover .img a::before{opacity:1;}
.swiperbox2 .box .slide .info{height:268px; padding:26px 30px;}
.swiperbox2 .box .slide .info .name{line-height:49px;}
.swiperbox2 .box .slide .info .name a{font-size:22px; color:#444; font-family:'SourceHanSansCRegular';}
.swiperbox2 .box .slide .info .brief{line-height:25px; height:75px; padding:0 0 21px; border-bottom:1px solid #e1e1e1;}
.swiperbox2 .box .slide .info .brief div{font-size:14px; color:#929292;}
.swiperbox2 .box .slide .info .tips{font-size:14px; color:#444; margin:25px 0 0; line-height:24px;}
.swiperbox2 .box .slide .info .list{line-height:24px;}
.swiperbox2 .box .slide .info .list a{font-family:'SourceHanSansCNormal,SourceHanSansCBold'; font-size:14px; color:#a7a7a7; margin:0 12px 0 0;}
.swiperbox2 .box .prev{width:64px; height:64px; border-radius:50%; background:url(/images/103.png) no-repeat center #3d6afe; left:-239px; top:210px;}
.swiperbox2 .box .next{width:64px; height:64px; border-radius:50%; background:url(/images/104.png) no-repeat center #fff; left:-239px; top:286px;}
/* .swiperbox2 .box .slidebox{margin:0 0 0 calc(((100vw - 1200px)/2) - 240px);} */

.qx_box2{-webkit-animation-delay:.3s; animation-delay:.3s; overflow: hidden; visibility:hidden; animation-name:none; position:relative; height:100%; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:transform .6s ease-in; -moz-transition:transform .6s ease-in; -ms-transition:transform .6s ease-in; -o-transition:transform .6s ease-in; transition:transform .6s ease-in;}
.qx_box2.is-visible{-webkit-transform:translateX(0); transform:translateX(0);}
.qx_box2 .appear-overlay2{content:" "; display:block; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:translateX(0); transform:translateX(0); z-index:10; background:#3d6afe; -webkit-transition:transform .8s .6s ease-out; -moz-transition:transform .8s .6s ease-out; -ms-transition:transform .8s .6s ease-out; -o-transition:transform .8s .6s ease-out; transition:transform .8s .6s ease-out;}
.qx_box2 .appear-overlay2.is-active{-webkit-transform:translateX(102%); transform:translateX(102%);}