/*css全局变量*/
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:15px/24px 'SourceHanSansCMedium'; color:#fffefe; margin:0 40px 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:22; 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:300px; 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(/template/default/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';}
}

/*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:70px 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:690px; 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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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'; font-family: impact,arial;}
.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; margin-bottom: 0;}


.partner ul li.relative a{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; opacity:0.6;}
.partner ul li.relative:hover a{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:none; opacity:1;}

.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(/template/default/images/17.png) no-repeat left top; left:0; top:0; bottom:0; z-index:2;}
.feedback .icon .right{background:url(/template/default/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(/template/default/images/6aa.jpg) no-repeat bottom; 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(/template/default/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%;}
}

/*.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%; opacity:0.5; overflow:visible !important;}
.news ul li .box{padding:64% 11% 44px; background:#f1f3f5;}
.news ul li .box .cate{font:14px/48px 'SourceHanSansCMedium'; color:#247afb; height:48px; display:none;}
.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 16px;}
.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:#262626; padding:3% 0;}
.footer .linkbox{padding:0 0 50px; line-height:24px; color:#4f4f4f;}
.footer .linkbox a{margin-right:24px; font-size:inherit; color:#999;}
.footer .linkbox a:hover{color:#405fff;}
.footer .linkbox span{margin:0 5px;}
.footer .text1{font:18px/24px 'SourceHanSansCMedium'; color:#eee; margin:0 0 16px;}
.footer .text2{font:30px/24px 'SourceHanSansCRegular'; color:#a7a7a7; margin:0 0 23px;}
.footer .text2 span{font:34px/24px 'SourceHanSansCRegular'; color:#a7a7a7;}
.footer .text3{font:30px/30px 'GilroyBold'; color:#3d6afe;}
.footer .link{margin:-10px 0 43px;}
.footer .link a{font:14px/24px 'SourceHanSansCMedium'; color:#989898; 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(/template/default/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:#eee; margin:0 0 19px; display: none;}
.footer .com_intro .right dl dd{font:14px/24px 'SourceHanSansCMedium,GilroyBold'; color:#a7a7a7;}
.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:#a7a7a7;}
.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:#eee; margin:0 0 14px;}
.footer .com_intro .left .contact dl dd .tel{font:25px/24px 'DINCondMedium'; color:#15ace4;}
.footer .com_intro .left .contact dl dd .address{font:14px/24px 'DINCondMedium,GilroyBold'; color:#989898; 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(/template/default/images/9.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(2){background:url(/template/default/images/10.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(3){background:url(/template/default/images/11.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .btn a:nth-child(4){background:url(/template/default/images/12.jpg) no-repeat;}
.footer .com_intro .left .contact dl dd .copyright{font:14px/24px 'SourceHanSansCMedium,GilroyBold'; color:#a7a7a7; margin:24px 0 0;}

.footer .box .right{width:48.31%;}
.footer .box .right textarea{width:calc(100% - 40px); border:1px solid #eaeaea; height:156px; padding:8px 19px; font:13px/36px 'SourceHanSansCRegular'; color:#eee; resize:none;}
.footer .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:#eee;}
.footer .box .left .input:focus{border:1px solid #fff; border-bottom:1px solid #3d6afe; background:#f1f3f5;}
.footer .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:#eee;}
.footer .box .left .select:focus{border:1px solid #3d6afe; background:#f1f3f5;}
.footer .box .left .submit{width:180px; height:52px; line-height:52px; font:14px/36px ''; color:#fbfbfb; background:url(/template/default/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;}

@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(/template/default/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:-74px; width:1200px; margin:0 0 0 -600px;}
.inner-a-d .text .en{font:36px/40px 'TitilliumWebSemiBold'; color:#fff; margin: 32px 0 30px;}
.inner-a-d .text .en span{font:36px/40px 'TitilliumWebExtraLight'; color:#fff;}
.inner-a-d .text .brief{font:36px/40px 'SourceHanSansCNExtraLight'; color:#fff; line-height: 70px;}
.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(/template/default/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(/template/default/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(/template/default/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(/template/default/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:29px/24px 'SourceHanSansCNExtraLight'; color:#282828; margin:10px 0;}
.about_us .explain .left .brief div{right:-36px; top:50%; background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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;}

/*.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(/template/default/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(/template/default/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(/template/default/images/29.jpg) repeat-x; content:""; z-index:-1;}
.info_wrap .rightCate .p1{background:url(/template/default/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(/template/default/images/30.png) no-repeat; border-radius:50%;}
.info_wrap .rightCate .p1 .screen .bg{width:20px; height:4px; background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/images/35.png) no-repeat left center; padding:0 0 0 30px;}*/
.info_wrap .detail .other .share.bdsharebuttonbox .bds_more{background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/images/36.png) no-repeat center #3d6afe;}
.info_wrap .detail .relevant .btn .next{bottom:-1px; background:url(/template/default/images/37.png) no-repeat center #3d6afe;}
.info_wrap .detail .relevant .btn .prev.swiper-button-disabled{background:url(/template/default/images/38.png) no-repeat center #eaeaea; cursor:no-drop !important;}
.info_wrap .detail .relevant .btn .next.swiper-button-disabled{background:url(/template/default/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(/template/default/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(/template/default/images/41.png) no-repeat; left:-82px; top:60px; z-index:-1}
.evaluate .introbox .rightbg{width:229px; height:344px; background:url(/template/default/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(/template/default/images/44.png) no-repeat;}
.evaluate .pl .box .screen .bg{width:20px; height:4px; background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/images/22.png) no-repeat;}
.web .advantage .bg{height:316px; background:no-repeat center; margin:-38px 0 0; background-image:url(/template/default/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(/template/default/images/78.png) no-repeat; background-size:contain; border-radius:50%;}
.web .advantage .bgslide .b3{width:198px; height:198px; background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/images/82.png); right:137px; top:50%; margin:-32.5px 0 0;}
.web .advantage .bgslide .b7 .p3{width:7px; height:11px; background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/images/47.png); left:80px;}
.web .business .computer .box .next{background-image:url(/template/default/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(/template/default/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(/template/default/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(/template/default/images/47.png); left:300px;}
.web .business .next{background-image:url(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/images/77.png) no-repeat; top:140px; left:180px;} */
.solution .cost .bgslide .linebg{width:0; height:21px; background:url(/template/default/images/77.png) no-repeat; top:140px; left:180px;}
.solution .cost .bgslide .linebg.active{width:630px;}
.solution .cost .bgslide .bg{background:url(/template/default/images/91.png) no-repeat; width:471px; height:431px; right:0; top:-65px;}
.solution .cost .bgslide .bg2{background:url(/template/default/images/90.png) no-repeat; width:471px; height:431px; right:0; top:-65px;}

.solution .difference{background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/images/93.png) no-repeat; margin:0 10px 0 0;}
.solution .swiperbox .box li .top .labelbot .btn .next{background:url(/template/default/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;}

#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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/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:1000px; background:url(/template/default/images/100.jpg) no-repeat top center #e4e4e4;}
.swiperbox2 .box{padding:0 0 0 239px; width:100%;}
.swiperbox2 .box .textbg{background:url(/template/default/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(/template/default/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(/template/default/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(/template/default/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(/template/default/images/103.png) no-repeat center #3d6afe; left:-239px; top:210px;}
.swiperbox2 .box .next{width:64px; height:64px; border-radius:50%; background:url(/template/default/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%);}

.gyxzan{margin-top:50px;}
.gyxzan .button-background .right:before{background-color:#9de8ff;}
.gyxzan .default-button .button-background .center , .gyxzan .default-button .button-background .left:before{background-color: #9de8ff;}
.footer dd{margin-left:0;}
dl.fl dd{margin-left:0.8em;}
nav.primary-nav {margin-bottom:0;}


.fw001{position: relative; top:-42vh;}
.fw002{width:40%; float:left; padding-top: 12vh;}
.fw003{width:60%; float:left;}

.szgd001{font-size:34px; color:#fff;}
.szgd002{font-size:20px; color:#fff; letter-spacing:10px; padding-top:20px;}
.szgd003{position: absolute; height:90vh; width: 100%; left: 50%; margin-left: -630px;}
.szgd004{width:100%; position:absolute; text-align:center; padding-top:180px; z-index:1;}
.szgd005{width:100%; height:100vh; position:absolute; z-index:0;
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );}
.szgd006{position:absolute; width:100%; height:100vh; overflow:hidden; z-index:0;}



@media screen and (max-width:1420px){
.design{min-height: auto;}
.design dl .box1{margin: 120px 0 50px 0;}


}






/* 手机端效果 */
@media screen and (max-width:780px){

.design .fr .box1{ display:none;}
.design .fr {background:url(/template/default/images/sjyycx.png) no-repeat center; background-size: cover;}
.circularBox{margin:10px 0 0;}
.circularBox .box {padding: 86.785942% 0 0;}

.about_list .item { width: calc(48.5% - 2px); height: 260px; margin: 2% 1.5% 0 0 !important;}

.fz0{ display:none;}
#wrap {min-width: auto!important;}
.design{background: none !important; padding:0;}
.design dl { margin: 50px 0 0;}
.design dl {width: 100%;}
.circularBox { width: 100%;}
.design dl dt , .design dl dt span , .about_list dl dt , .about_list dl dt span{font: italic 40px/20px 'GilroyBold';}
.circularBox .rightcir .box3 .content .tips_en , .circularBox .leftcir .box3 .content .tips_en ,.circularBox .rightcir.centercir .box3 .content .tips_en{font-size: 12px;}
.cw1600 {width: 96%;}
.about_list {margin:0;}
.fw002 { width: 100%;}
.fw003 {width: 100%;}
.gyxzan {margin-top: 20px;}
.header.on {height: 64px;}
.menu .list .content-wrapper .primary-nav .menu-item {font-size:20px;}
.menu .list .content-wrapper .primary-nav {width:100%;}
.menu .list .company-info {width:90%; margin:5%;position: absolute; bottom: 0;}
.menu .list .content-wrapper .primary-nav .menu-item .menu-word , .menu .list .content-wrapper .primary-nav .grayed{font: 20px/40px 'Montserrat,sans-serif';}
.menu .list .content-wrapper .primary-nav ul {transform: translate3d(0,-10vh,0);}
.menu .list .company-info .email {width:236px;}
.menu .list .company-info .phone{padding-top:20px;}
.about_list:before { width: 100%; right: 0; height: 40vh; top:110vh;}
.about_list dl dd .title {font:24px/34px 'SourceHanSansCRegular';}
.logo-container a img{width:202px; margin-top:-4px;}
.casetlist {top:3vh;}
.casetlist .item:nth-child(even) .wrapper .container-text, .casetlist .item:nth-child(odd) .wrapper .container-img {margin:4% 0 0 10%; height: auto; width:88%;}
.casetlist .item:nth-child(odd) .wrapper .container-text, .casetlist .item:nth-child(even) .wrapper .container-img{margin:4% 0 0 10%; height: auto; width:88%;}
.casetlist .item .wrapper { margin: 0; display: block;}
.casetlist .item .title .bigname:before { height: 120px; width: 3px; top: -50px;background: #fff;}
.casetlist .item:nth-child(even) .title .bigname:before {right: calc(100% + 33px)!important; left: auto!important;}
.casetlist .text-center{ text-align:left;}
.casetlist .item .title .bigname , .casetlist .item .wrapper .container-text h3 , .casetlist .item:nth-child(even) .wrapper .container-text h3{color: #fff;}
.casetlist .item:nth-child(odd) .title .bigname{ padding-top:43px;}
.casetlist .item:nth-child(even) .title .bigname{ padding-top:43px;}
.casetlist .item .illu{width: 100%;}
.casetlist .item:nth-child(even) .title {margin: 0 0 0 20%;}
.casetlist .item .wrapper .container-text > p , .casetlist .item .wrapper .container-text > div .type , .casetlist .item .wrapper .container-text > div .web{color: #eee;}
.casetlist .item .wrapper .container-text > div .web::before {background: url(/template/default/images/4m.png);}


.instancelist .list .cate {display: none;}
.instancelist .list ul li {width: 48.35%; background: #fff;}
.instancelist .list ul li:nth-child(3n) {margin:0 1.625% 1.625% 0; }
.instancelist li.fl:nth-child(9){ display:none;}
.szgd001 {font-size: 26px;}
.szgd004 {padding-top: 100px;}
.szgd002 { font-size: 15px; letter-spacing: 1px;padding-top: 20px;}
.szgd003 .fz0 {display: block;}
.intro .numlist {margin: 280px 0 0;}
.intro .numlist dl {width:48%;}
.crumbs .cw1200 {max-width: 100% !important; padding-right:4px;}
.intro .numlist dl dd {margin-left: 1em;}
.partner .brief {font: 16px/28px '';}
.partner .title {padding: 20px 0 0;}
.partner .brief {margin: 0 0 20px;}
.partner .list {width: 100%;}
.partner img.trans {margin-left: 1%; margin-top: 1%;}
.feedback .tips{ display:none;}
.feedback .box {display: none;}
.feedback .bg {width: 94%;}
.feedback .cw1600{padding-bottom: 200px;}
.news{ display:none;}
.footer .com_intro .right{ display:none;}
.footer .com_intro .left{ width:96%;}
.footer .com_intro .left .contact dl dd .tel{width:305px;}
.szgd003 {left: 0;margin-left: 0;}
.header {height: 64px;}
.crumbs.on {top: 64px; padding-right:10px;}
.crumbs {height:60px; line-height:60px; top:91vh;}

.szgd006{display:none;}
.szgd006 video{display:none;}

.inner-a-d {height:91vh; max-width: 100%;}
.inner-a-d .box {height:91vh;}
.inner-a-d .text .brief {font:20px/70px 'SourceHanSansCNExtraLight';}
.inner-a-d .text .en , .inner-a-d .text .en span{font: 22px/20px 'TitilliumWebSemiBold';}
.inner-a-d .text {left:0; bottom: -66px; width: 90%;margin: 0 0 0 5%;}

.jianjie_con1 .divBox {width: 96%;}
.zong .left {width: 100% !important; padding: 0 10px !important;}
.zong .left p {font-size: 14px!important; line-height: 24px!important;margin-top: 20px!important;}
.zong .right {width: 100%!important; margin-top: 20px!important;}
.jianjie_con2 li {margin: 0 2% 4%!important; width: 44%!important;}
.jianjie_con2 .divBox { width: 100%!important;}
.jianjie_con2 .divBox p{font-size: 12px!important; line-height: 26px!important;}
.jianjie_con2 li { width: 38%!important; margin: 2%!important;}
.jianjie_con2 li span {font-size: 60px!important;}
.jianjie_con2 li font {font-size: 13px!important;}
.jianjie_con3 .divBox {width: 100%;}
.jianjie_con3 p {font-size: 13px!important; line-height:24px!important;}
.jianjie_con3 { padding: 100px 0 100px!important;}


.contact_us .left {width: 100%;}
.contact_us{padding: 60px 13px 68px;}
.contact_us .cw1200 {max-width: 100%;}
.contact_us .right {width: 100%;  height:520px; margin:30px 0 0 0;}


.cw1200 {max-width: 100%;}
.info_wrap .rightCate{ display:none;}
.info_wrap .list {width: 96%; margin-left: 2%;}
.info_wrap .list li .img {width: 40%;}
.info_wrap .list li .brief {display: none !important;}
.info_wrap .list li .time {font: 12px/38px 'DINCondMedium';}
.info_wrap .list li .name {font: 16px/24px 'SourceHanSansCMedium';}
.info_wrap .list li .info {margin: 7px 0 0;}
.info_wrap .list li a {padding:10px 0 10px 42%; min-height: 80px;}
.info_wrap {margin: 40px 0 40px;}

.ms-slide-container div.ms-mask-frame:nth-child(1) .ms-anim-layers{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7); margin-left:30% !important;}
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-318 ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-317 ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-316 ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-23 ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .ms-action-layer ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-11 ,
.ms-slide-container div.ms-mask-frame:nth-child(1) .ms-layer-mask
{margin-top:-30vh !important; margin-left:-90% !important;}
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-27 {font-size: 12px!important; width: 106px!important; margin-left: 11%!important;}
.ms-slide-container div.ms-mask-frame:nth-child(1) .msp-cn-124-11 {font-size:12px!important;-webkit-transform:scale(0.31)!important;-moz-transform:scale(0.31)!important;-o-transform:scale(0.31)!important; margin-left:-86.2%!important; width:350px !important;}

.ms-slide-container div.ms-mask-frame:nth-child(2) .ms-anim-layers{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-o-transform:scale(1.25); margin-left:-0.08%!important;}
.ms-slide-container div.ms-mask-frame:nth-child(2) .msp-cn-121-59{margin-top:-4vh!important;}
.ms-slide-container div.ms-mask-frame:nth-child(2) .msp-cn-121-58{margin-top:-3vh!important;}


.ms-slide-container div.ms-mask-frame:nth-child(4) .ms-anim-layers{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4); margin-left:25% !important;}
.ms-slide-container div.ms-mask-frame:nth-child(4) .msp-cn-124-370 ,
.ms-slide-container div.ms-mask-frame:nth-child(4) .msp-preset-16 ,
.ms-slide-container div.ms-mask-frame:nth-child(4) .ms-btn-container 
{margin-top:-33vh!important; margin-left:-47%!important;}
.ms-slide-container div.ms-mask-frame:nth-child(4) .msp-cn-124-370{font-size:12px!important;-webkit-transform:scale(0.40)!important;-moz-transform:scale(0.40)!important;-o-transform:scale(0.40)!important; margin-left:-37.3%!important; width:350px !important;}



.about_us .explain .left { width:96%; margin:2%; transform: translateY(0px) !important;}
.about_us .explain .right {width:96%; margin:2%;}
.about_us .explain .right .img_text .p3 { margin: 165px 0 0 0; width: 100%;}
.about_us .history .left {width: 96%; margin:2%;}
.about_us .ambient>div { width: 100%; height: 320px;}
.about_us .ambient .right {width: 96%; padding:0; margin:2%;}


}