/*global*/
*,html,body{font-family:"微软雅黑";}
body{background:#000;}
body.index{background:none;}
body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,select,textarea{font-size:12px; color:#333; -webkit-text-size-adjust:none; outline:0; font-family:Arial,Helvetica,sans-serif;}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{ list-style-type:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0;}
*{outline:none;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}
.table{display:table; width:100%; height:100%;}
.table .table-cell{display:table-cell; vertical-align:middle;}
a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none; /*background:none;*/ text-decoration:none;}
img{display:block; max-width:100%; border:none;}
.fl{float:left;}
.fr{float:right;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.clear{clear:both;}
.text-over{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.text-center{text-align:center;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.relative{position:relative; z-index:1;}
.absolute{position:absolute; z-index:1;}
.fixed{position:fixed; /*z-index:1;*/}
.wrap{max-width:1920px; min-width:320px; overflow:hidden; width:100%; margin:0 auto;}
.wrap.index{background:#fff;}
.main{max-width:1600px; margin:0 auto; width:1600px;}
.inline-block{display:inline-block; *display:inline; zoom:1;}
.border-bot{border-bottom:1px solid #3f3f3f; padding:0 0 34px;}
select{appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz26{font-size:26px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
.fz32{font-size:32px;}
.fz38{font-size:38px;}
.fz40{font-size:40px;}
.fz42{font-size:42px;}
.fz44{font-size:44px;}
.fz48{font-size:48px;}
.fz50{font-size:50px;}
.fz52{font-size:52px;}
.fz58{font-size:58px;}
.fz60{font-size:60px;}
.fz62{font-size:62px;}
.fz80{font-size:80px;}
.fz88{font-size:88px;}
.fz180{font-size:180px;}

.blank6{height:6px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank50{height:50px;}
.hide{display:none;}
.fwbold{font-weight:bold;}
#wrap{max-width: 1920px; overflow: hidden; background:#f3f3f3;}
.cw1200{width: 1200px; margin: 0 auto;}
/*.flex{height:100%;display:flex;justify-content:center;align-items:center}*/
/*img{transition: all 0.8s;height:250;width:250;}*/
/*img:hover{transform:scale(1.4);}*/
@font-face {
  font-family: "PlayfairDisplayBold";
  src: url("https://www.jrlite.com/font/PlayfairDisplayBold/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/PlayfairDisplayBold/font.woff") format("woff"),
       url("https://www.jrlite.com/font/PlayfairDisplayBold/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/PlayfairDisplayBold/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/PlayfairDisplayBold/font.svg") format("svg");
}
@font-face {
  font-family: "PlayfairDisplayRegular";
  src: url("https://www.jrlite.com/font/PlayfairDisplayRegular/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/PlayfairDisplayRegular/font.woff") format("woff"),
       url("https://www.jrlite.com/font/PlayfairDisplayRegular/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/PlayfairDisplayRegular/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/PlayfairDisplayRegular/font.svg") format("svg");
}
@font-face {
  font-family: "GeomanistRegular";
  src: url("https://www.jrlite.com/font/GeomanistRegular/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/GeomanistRegular/font.woff") format("woff"),
       url("https://www.jrlite.com/font/GeomanistRegular/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/GeomanistRegular/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/GeomanistRegular/font.svg") format("svg");
}
@font-face {
  font-family: "AvenirLT95Black";
  src: url("https://www.jrlite.com/font/AvenirLT95Black/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/AvenirLT95Black/font.woff") format("woff"),
       url("https://www.jrlite.com/font/AvenirLT95Black/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/AvenirLT95Black/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/AvenirLT95Black/font.svg") format("svg");
}
@font-face {
  font-family: "AvertaDemoPERegular";
  src: url("https://www.jrlite.com/font/AvertaDemoPERegular/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/AvertaDemoPERegular/font.woff") format("woff"),
       url("https://www.jrlite.com/font/AvertaDemoPERegular/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/AvertaDemoPERegular/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/AvertaDemoPERegular/font.svg") format("svg");
}
@font-face {
  font-family: "DecimaMonoProLt";
  src: url("https://www.jrlite.com/font/DecimaMonoProLt/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/DecimaMonoProLt/font.woff") format("woff"),
       url("https://www.jrlite.com/font/DecimaMonoProLt/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/DecimaMonoProLt/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/DecimaMonoProLt/font.svg") format("svg");
}

@font-face {
  font-family: "shareicommon";
  src: url("https://www.jrlite.com/font/shareicommon/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/shareicommon/font.woff") format("woff"),
       url("https://www.jrlite.com/font/shareicommon/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/shareicommon/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/shareicommon/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "intro";
  src: url("https://www.jrlite.com/font/intro/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/intro/font.woff") format("woff"),
       url("https://www.jrlite.com/font/intro/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/intro/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/intro/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "DidotBold";
  src: url("https://www.jrlite.com/font/DidotBold/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/DidotBold/font.woff") format("woff"),
       url("https://www.jrlite.com/font/DidotBold/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/DidotBold/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/DidotBold/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "DinBold";
  src: url("https://www.jrlite.com/font/DinBold/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/DinBold/font.woff") format("woff"),
       url("https://www.jrlite.com/font/DinBold/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/DinBold/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/DinBold/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "DINMedium";
  src: url("https://www.jrlite.com/font/DINMedium/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/DINMedium/font.woff") format("woff"),
       url("https://www.jrlite.com/font/DINMedium/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/DINMedium/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/DINMedium/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "Butler";
  src: url("https://www.jrlite.com/font/Butler/font.woff2") format("woff2"),
       url("https://www.jrlite.com/font/Butler/font.woff") format("woff"),
       url("https://www.jrlite.com/font/Butler/font.ttf") format("truetype"),
       url("https://www.jrlite.com/font/Butler/font.eot") format("embedded-opentype"),
       url("https://www.jrlite.com/font/Butler/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}


/**
 * .globalWH
 */
.globalWH{overflow:hidden; position:relative; z-index:1; background:#777777;}
.globalWH::before{display:block; content:'';}
.globalWH img{margin:0 auto; position:absolute; left:0; top:0; width:100%; min-height:100%;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*global*/

/**
 * .indexTuv
 */
.indexTuv{padding:3% 0 4%; background:#0d0d0d;}
.indexTuv .text{text-align:center;}
.indexTuv .text .big{line-height:64px; font-family:"PlayfairDisplayBold"; color:#f28f00;}
.indexTuv .text .small{line-height:40px; font-family:"Calibri"; color:#888;}
.indexTuv .list{padding:4% 6.25% 0;}
.indexTuv .list .item{width:16%; padding:0 2%;}
.indexTuv .list .clear{display:none;}
.indexTuv .list .item .imgbox{width:138px; height:138px; /*border:3px solid #ccc;*/ border-radius:100%; /*overflow:hidden;*/ margin:0 auto 5%;}
.indexTuv .list .item .imgbox a{width:100%; /*height:calc(100% + 6px);*/ display:block; overflow:hidden; top:0; right:0; bottom:0; left:0; opacity:0;}
.indexTuv .list .item .imgbox a.s1{opacity:1;}
.indexTuv .list .item .imgbox .img{width:45%; background:none; top:50%; margin:calc((45%/2) - 45%) auto 0;}
.indexTuv .list .item .imgbox .img::before{padding:100% 0 0;}
.indexTuv .list .item .title a{color:#a8a8a8; line-height:150%;}
.indexTuv .list .item .brief{color:#666; line-height:150%;}
.indexTuv .list .item .imgbox .bbb{width:100%; height:100%; border:3px solid #ccc; border-radius:50%; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; position:absolute; left:-3px; top:-3px;}
.indexTuv .list .item:hover .bbb{border-color:#f28f00; border-right-color:#ccc; border-left-color:#ccc; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.indexTuv .list .item:hover .imgbox a.s1{opacity:0;}
.indexTuv .list .item:hover .imgbox a.s2{opacity:1;}
@media all and (max-width:1200px){
    .indexTuv .list{padding:4% 0 0;}
}
@media all and (max-width:1100px){
    .indexTuv .text .big{font-size:40px;}
    .indexTuv .list .item .title a{font-size:20px;}
    .indexTuv .list .item .brief{font-size:14px;}
}
@media all and (max-width:960px){
    .indexTuv .list .item .imgbox{width:120px; height:120px;}
}
@media all and (max-width:850px){
    .indexTuv .list .item{width:29%; margin:0 0 40px;}
    .indexTuv .list .item .imgbox{width:128px; height:128px;}
    .indexTuv .list .clear.p2{display:block;}
}
@media all and (max-width:720px){
    .indexTuv .text .big{font-size:30px; line-height:40px;}
    .indexTuv .list .item .imgbox a.s1{opacity:1 !important;}
    .indexTuv .list .item .imgbox a.s2{opacity:0 !important;}
    .indexTuv .list .item .imgbox .bbb{border-color:#ccc; border-right-color:#ccc; border-left-color:#ccc; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
    
}
@media all and (max-width:640px){
    .indexTuv .list .item{width:46%; margin:0 0 15px;}
    .indexTuv .list .clear.p1{display:block;}
    .indexTuv .list .clear.p2{display:none;}
}
@media all and (max-width:460px){
    .indexTuv .list .item .imgbox a{width:calc(100% + 4px); height:calc(100% + 4px);}
    .indexTuv .list .item .imgbox .bbb{border-width:2px;}
    .indexTuv .list .item .title a{font-size:18px;}
    .indexTuv .list .item .brief{font-size:12px;}
}
@media all and (max-width:360px){
    .indexTuv .text .big{font-size:22px;}
    .indexTuv .text .small{font-size:12px;}
    .indexTuv .list .item .imgbox{width:100px; height:100px;}
    .indexTuv .list .item .imgbox a{width:calc(100% + 2px); height:calc(100% + 2px);}
    .indexTuv .list .item .imgbox .bbb{border-width:1px;}
}

/**
 * .indexClients_调整中
 */
.indexClients{background:#0d0d0d; padding:3% 0 4%;}
.indexClients .text{text-align:center;}
.indexClients .text .big{line-height:64px; font-family:"PlayfairDisplayBold"; color:#f28f00;}
.indexClients .text .small{line-height:40px; font-family:"Calibri"; color:#888;}
.indexClients .slideBox .buttonBox{width:33%; /*height:665px;*/ background:#f28f00;}
.indexClients .slideBox .buttonBox::before{padding:97% 0 0;}
.indexClients .slideBox .buttonBox .slideBtn{margin:0 0 0 30%; width:140px; top:24%; bottom:0; overflow:hidden;}
.indexClients .slideBox .buttonBox .slideBtn .prev{width:52px; height:52px; background:url(https://www.jrlite.com/images/56.png) no-repeat; background-position:-60px; /*background-size:contain;*/ margin:9px auto 9px; /*cursor:pointer;*/ border:4px solid rgba(51,51,51,0.2); border-radius:50%;}
.indexClients .slideBox .buttonBox .slideBtn .next{width:60px; height:60px; background:url(https://www.jrlite.com/images/4.png) no-repeat; background-size:contain; margin:9px auto; /*cursor:pointer;*/}
.indexClients .slideBox .buttonBox .slideBtn .next{width:52px; height:52px; background:url(https://www.jrlite.com/images/57.png) no-repeat; background-position:-8px; margin:9px auto; /*cursor:pointer;*/ border:4px solid rgba(51,51,51,0.2); border-radius:50%;}
.indexClients .slideBox .buttonBox .slideBtn .prev:hover{background-position:-4px; border-color:#fff;}
.indexClients .slideBox .buttonBox .slideBtn .next:hover{background-position:-64px; border-color:#fff;}
.indexClients .slideBox .buttonBox .slideBtn .num .this{color:#ececec; font-family:"GeomanistRegular"; margin:0 7px;}
.indexClients .slideBox .buttonBox .slideBtn .num .total{color:#000; font-family:"GeomanistRegular"; opacity:0.3; margin:0 7px;}
.indexClients .slideBox .buttonBox .slideBtn .progress{height:2px; background:rgba(0, 0, 0, 0.1);}
.indexClients .slideBox .buttonBox .slideBtn .progress div{background:#242a3a; width:0%; height:100%;}
.indexClients .slideBox .box{width:52.08333%; top:0; margin:2.5% 0 0 -10.5729%;}
.indexClients .slideBox .box::before{padding:52% 0 0;}
.indexClients .slideBox .box .bigSlideBox{left:0; right:0; top:0; bottom:0;}
.indexClients .slideBox .box .bigSlideBox .img-swiper{width:100%; height:100%;}
.indexClients .slideBox .box .bigSlideBox .img-swiper canvas{z-index:99; position:relative;}
.indexClients .slideBox .box .bigSlideBox .txt-swiper{top:0; left:0; right:0; bottom:0; margin:0 -31.5% 0 0;}
.indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-family:"AvenirLT95Black"; text-align:right; margin:10% 0 0; position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; float:right; opacity:1;}
.indexClients .slideBox .box .bigSlideBox .txt-swiper h2 span{opacity:0;}
.indexClients .slideBox .box .bigSlideBox .txt-swiper h2 b{position:absolute; left:0; top:0; bottom:0; width:0%; background:#fff;}
.indexClients .slideBox .box .bigSlideBox .small-swiper{width:246px; height:246px; right:-31.5%; bottom:0; z-index:-1;}
.indexClients .slideBox .box .bigSlideBox .small-swiper canvas{z-index:99;}
.jdt{height:3px; bottom:0; left:0; right:0; z-index:9; display:none; background:rgba(0, 0, 0, 0.1);}
.jdt div{width:100%; height:100%; background:#fab162;} 
@media all and (max-width:1600px){
    .indexClients .slideBox .box{width:50%;}
    .indexClients .slideBox .box .bigSlideBox .small-swiper{width:180px; height:180px;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-size:50px;}
}
@media all and (max-width:1300px){
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-size:40px}
    .indexClients .slideBox .box .bigSlideBox .small-swiper{width:150px; height:150px;}
}
@media all and (max-width:1200px){
    .indexClients .slideBox .buttonBox .slideBtn{margin:0 0 0 25%; top:28%; width:100px;}
    .indexClients .slideBox .buttonBox .slideBtn .prev{width:30px; height:30px;}
    .indexClients .slideBox .buttonBox .slideBtn .next{width:30px; height:30px;}
    .indexClients .slideBox .buttonBox .slideBtn .num .this{font-size:40px;}
    .indexClients .slideBox .buttonBox .slideBtn .num .total{font-size:20px;}
}
@media all and (max-width:1100px){
    .indexClients .text .big{font-size:40px;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-size:30px}
    .indexClients .slideBox .box .bigSlideBox .small-swiper{width:130px; height:130px;}
}
@media all and (max-width:960px){
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-size:22px;}
    .indexClients .slideBox .box .bigSlideBox .small-swiper{width:100px; height:100px;}
}
@media all and (max-width:750px){
    .jdt{display:block;}
    .indexClients{padding:3% 4% 4%;}
    .indexClients .slideBox .box{width:100%; margin:0;}
    .indexClients .slideBox .box .bigSlideBox .small-swiper{display:none;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper{margin:0;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper .swiper-slide{display:table; vertical-align:middle;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{text-align:center; margin:0; display:table-cell; vertical-align:middle; font-size:40px;}
    .indexClients .slideBox .buttonBox{display:none;}
}
@media all and (max-width:720px){
    .indexClients .text .big{font-size:30px; line-height:40px;}
    .indexClients .slideBox .box .bigSlideBox .txt-swiper h2{font-size:24px;}
    
}
@media all and (max-width:360px){
    .indexClients .text .big{font-size:22px;}
}

/**
 * .indexProducts
 */
.indexProducts{background:#191919; padding:3% 0 0;}
.indexProducts .hidetitle{font-family:'PlayfairDisplayBold'; text-align:center; color:#303030;margin-top: -5px;}
.indexProducts .productSlideBox{margin:-5% 0 0; padding-bottom: 3%}
.indexProducts .productSlideBox .swiper-slide{width:25%; overflow:hidden; margin:35px 0 0;}
.indexProducts .productSlideBox .swiper-slide.swiper-slide-active{width:34%; margin:0;}
.indexProducts .productSlideBox .swiper-slide .imgs{width:100%;}
.indexProducts .productSlideBox .swiper-slide .imgs::before{padding:64.7887323943662% 0 0;}
.indexProducts .productSlideBox .swiper-slide .imgs::after{position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); z-index:2; content:""; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.indexProducts .productSlideBox .swiper-slide .contents{left:-12%; bottom:-100%; z-index:2;}
.indexProducts .productSlideBox .swiper-slide .contents span{position: relative;display: inline-block;}
.indexProducts .productSlideBox .swiper-slide .contents span b{position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: #fff;}
.indexProducts .productSlideBox .swiper-slide .contents .title span b{top: 10%;bottom: 10%;}
.indexProducts .productSlideBox .swiper-slide .contents span font{opacity: 0;}
.indexProducts .productSlideBox .swiper-slide .contents .title{font-family:'PlayfairDisplayBold'; color:#f28f00;}
.indexProducts .productSlideBox .swiper-slide .contents .brief{font-family:'Calibri'; color:#fff;}
.indexProducts .productSlideBox .swiper-slide.on{overflow:visible;}
.indexProducts .productSlideBox .swiper-slide.on .contents{bottom:20%; opacity:1;}
.indexProducts .productSlideBox .swiper-slide.on .imgs::after{opacity:0;}
.indexProducts .productSlideBox .hd{margin:2% 0 0;}
.indexProducts .productSlideBox .hd .bullet{width:18px; height:18px; background:url(https://www.jrlite.com/images/5.png) no-repeat; background-size:contain; display:inline-block; *display:inline; zoom:1; margin:0 0.52083333333333% 0; /*cursor:pointer;*/}
.indexProducts .productSlideBox .hd .bullet.cur{background:url(https://www.jrlite.com/images/6.png) no-repeat; background-size:contain;}

@media all and (max-width:1200px){
    .indexProducts .productSlideBox{margin:-7% 0 0;}
}
@media all and (max-width:1000px){
    .indexProducts .productSlideBox{margin:-8% 0 0;}
}
@media all and (max-width:960px){
    .indexProducts .hidetitle{font-size:150px;}
    .indexProducts .productSlideBox .swiper-slide{width:40%;}
    .indexProducts .productSlideBox .swiper-slide .contents .title{font-size:32px;}
    .indexProducts .productSlideBox .swiper-slide .contents .brief{font-size:16px;}
}
@media all and (max-width:750px){
    .indexProducts{padding:3% 4%;}
    .indexProducts .hidetitle{font-size:130px;}
    .indexProducts .productSlideBox .swiper-slide .contents{left:0; right:0; text-align:center; bottom:0; top:50%;}
    .indexProducts .productSlideBox .swiper-slide .contents .brief{font-size:14px;}
    .indexProducts .productSlideBox .swiper-slide.on{overflow:hidden;}
    .indexProducts .productSlideBox .hd .bullet{width:14px; height:14px; margin:0 1%;}
}
@media all and (max-width:640px){
    .indexProducts .hidetitle{font-size:100px;}
}
@media all and (max-width:500px){
    .indexProducts .hidetitle{font-size:80px;}
}
@media all and (max-width:460px){
    .indexProducts .hidetitle{font-size:50px;}
    .indexProducts .productSlideBox{margin:-6% 0 0;}
}

/**
 * .indexProjects
 */
.indexProjects{padding:0 0 140px; background:#191919;}
.indexProjects .title{color:#f28f00; line-height:109px; font-family:'PlayfairDisplayBold'; padding:50px 0;}
.indexProjects .list{padding:108px 0 113px; position:relative;}
.indexProjects .list::before{background:#404040; width:1px; position:absolute; left:50%; top:0; bottom:0; content:"";}
.indexProjects .list li{width:40.625%; margin:327px 0 0;}
.indexProjects .list li .img::before{padding:66.66% 0 0; overflow:hidden;}
.indexProjects .list li .contents{top:30%; left:-25.5%; padding:24px 0; width:60%;}
.indexProjects .list li .contents b{position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: #fff;}
.indexProjects .list li .contents .year span{font-family:'Calibri'; color:#6f6f6f; opacity:0;}
.indexProjects .list li .contents .brief span{font-family:'AvenirLT95Black'; color:#d5d5d5; line-height:43px; text-shadow:1px 1px 3px #333; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; opacity:0;}
.indexProjects .list li:hover .contents .year span{color:#fff;}
.indexProjects .list li:hover .contents .brief span{color:#fff;}
.indexProjects .list li .contents::before{position:absolute; width:10%; top:0; bottom:0; background:#191919; content:''; left:0; z-index:-1; opacity:0;}
.indexProjects .list li.bb .contents::before{opacity:1;}
.indexProjects .list li.on{text-align:right;}
.indexProjects .list li.on .contents{right:-25.5%; left:inherit;}
.indexProjects .list li.on .contents::before{right:0; left:inherit;}
.indexProjects .list li:first-child{margin:0;}
.indexProjects .list li .gutter{margin:0 !important; overflow:hidden;}
.indexProjects .list li .gutter .bg{left:0; width:100%; right:0; top:0; bottom:0; background:#f28f00; z-index:2;}
.indexProjects .list li:hover .img img{transform:scale(1.2);}
.indexProjects .link{padding:40px 0 0;}
.indexProjects .link a{font-family:'Calibri'; color:#d5d5d5; text-transform:uppercase; font-weight:bold;}
.indexProjects .link a.ico{background:url(https://www.jrlite.com/images/8.png) no-repeat; background-size:contain; width:16px; height:17px; position:absolute; left:50%; top:0; content:""; margin:0 0 0 -8px;}
.indexProjects .link.on a.ico{background-image:url(https://www.jrlite.com/images/55.png);}
.indexProjects .link.on a{color:#f28f00;}
@media all and (max-width:1100px){
    .indexProjects .list li .contents{width:80%;}
    .indexProjects .list li .contents .brief span{font-size:24px;}
}
@media all and (max-width:960px){
    .indexProjects .list li .contents{top:20%;}
    .indexProjects .list li .contents .brief span{font-size:20px; line-height:180%;}
}

@media all and (max-width:750px){
    .indexProjects{padding:0 0 30px;}
    .indexProjects .title{padding:2% 0; line-height:150%;}
    .indexProjects .link{padding:0;}
    .indexProjects .link::before{display:none;}
    .indexProjects .list{padding:0 4%; margin:0 0 20px;}
    .indexProjects .list::before{display:none;}
    .indexProjects .list li{width:100%; float:none; margin:0 0 5px;}
    .indexProjects .list li:first-child{margin:0 0 5px;}
    .indexProjects .list li .contents{position:static; width:100%; padding:10px 0 15px;}
    .indexProjects .list li .contents::before{display:none;}
    .indexProjects .list li.on{text-align:left;}
    .indexProjects .link a{padding:10px 20px; border:1px solid #ccc; border-radius:25px; font-size:14px;}
    .indexProjects .link a.ico{display:none;}
}
@media all and (max-width:640px){
    .indexProjects .title{font-size:32px;}
}
@media all and (max-width:600px){
    .indexProjects .list li .contents .year span{font-size:14px;}
    .indexProjects .list li .contents .brief span{font-size:18px; line-height:100%; margin:10px 0 0;}
}
@media all and (max-width:460px){
    .indexProjects .title{font-size:24px;}
}
@media all and (max-width:360px){
    .indexProjects .title{font-size:20px;}
    .indexProjects .list li .contents .year span{font-size:12px;}
    .indexProjects .list li .contents .brief span{font-size:14px;}
}

/**
 * .infolistbox
 */
.infolistbox{padding:0 0 140px;}
.infolistbox .title{color:#fff; line-height:109px; font-family:'PlayfairDisplayBold'; padding:50px 0;}
.infolistbox .list{padding:108px 0 113px; position:relative;}
.infolistbox .list::before{background:#ccc; width:1px; position:absolute; left:50%; top:0; bottom:0; content:"";}
.infolistbox .list li{width:40.625%; margin:327px 0 0;}
.infolistbox .list li .img::before{padding:66.66% 0 0;}
.infolistbox .list li .contents{top:30%; left:-25.5%; padding:24px 0; width:60%;}
.infolistbox .list li .contents .year{font-family:'Calibri'; color:#fff;}
.infolistbox .list li .contents .brief{font-family:'AvenirLT95Black'; color:#fff; line-height:43px;}
.infolistbox .list li .contents::before{position:absolute; width:10%; top:0; bottom:0; background:#000; content:''; left:0; z-index:-1;}
.infolistbox .list li.on{text-align:right;}
.infolistbox .list li.on .contents{right:-25.5%; left:inherit;}
.infolistbox .list li.on .contents::before{right:0; left:inherit;}
.infolistbox .list li:first-child{margin:0;}
.infolistbox .list li .gutter{margin:0 !important;}
@media all and (max-width:1100px){
    .infolistbox .list li .contents{width:80%;}
    .infolistbox .list li .contents .brief{font-size:24px;}
}
@media all and (max-width:960px){
    .infolistbox .list li .contents{top:20%;}
    .infolistbox .list li .contents .brief{font-size:20px; line-height:180%;}
}

@media all and (max-width:750px){
    .infolistbox{padding:0 0 30px;}
    .infolistbox .title{padding:2% 0; line-height:150%;}
    .infolistbox .link{padding:0;}
    .infolistbox .link::before{display:none;}
    .infolistbox .list{padding:0 4%; margin:0 0 20px;}
    .infolistbox .list::before{display:none;}
    .infolistbox .list li{width:100%; float:none; margin:0 0 5px;}
    .infolistbox .list li:first-child{margin:0 0 5px;}
    .infolistbox .list li .contents{position:static; width:100%; padding:10px 0 15px;}
    .infolistbox .list li .contents::before{display:none;}
    .infolistbox .list li.on{text-align:left;}
    .infolistbox .link a{padding:10px 20px; border:1px solid #ccc; border-radius:25px; font-size:14px;}
}
@media all and (max-width:640px){
    .infolistbox .title{font-size:32px;}
}
@media all and (max-width:600px){
    .infolistbox .list li .contents .year{font-size:14px;}
    .infolistbox .list li .contents .brief{font-size:18px; line-height:100%; margin:10px 0 0;}
}
@media all and (max-width:460px){
    .infolistbox .title{font-size:24px;}
}
@media all and (max-width:360px){
    .infolistbox .title{font-size:20px;}
    .infolistbox .list li .contents .year{font-size:12px;}
    .infolistbox .list li .contents .brief{font-size:14px;}
}

/**
 * .indexCompanyVideo
 */
.indexCompanyVideo{background:#0d0d0d; padding:0 0 102px;}
.indexCompanyVideo .hidetitle{font-family:'PlayfairDisplayBold'; color:#303030; z-index:1; text-align:right; margin:-9px 2.96875% 0 0;}
.indexCompanyVideo .picture{margin:-80px 0 0;}
.indexCompanyVideo .picture .left{width:59.375%; z-index:1; position:relative; z-index:1; background:none;}
.indexCompanyVideo .picture .left .bg{left:0; width:100%; right:0; top:0; bottom:0; background:#f28f00; z-index:2;}
.indexCompanyVideo .picture .left .playvideo{width:82px; height:82px; background:url(https://www.jrlite.com/images/7.png) no-repeat; background-size:contain; left:50%; top:50%; margin:-41px 0 0 -41px; /*cursor:pointer;*/ content:""; position:absolute; z-index:1;}
.indexCompanyVideo .picture .left::before{padding:53.50877192982456% 0 0;}
.indexCompanyVideo .picture .right{width:28.22916666666667%; margin:0 0 0 4.0625%; z-index:2;}
.indexCompanyVideo .picture .right .title{margin:20.16393442622951% 0 9.508196721311475% -36.90036900369004%;}
.indexCompanyVideo .picture .right .title div{margin:0 0 2%; display:inline-block; *display:inline; zoom:1;}
.indexCompanyVideo .picture .right .title div span{color:#d5d5d5; font-family:'AvenirLT95Black'; opacity:0;}
.indexCompanyVideo .picture .right .title b{position:absolute; left:0; top:0; bottom:0; width:0%; background:#fff; z-index:2;}
.indexCompanyVideo .picture .right .brief{color:#828282; font-family:'Calibri'; line-height:25px; margin:0 0 8.19672131147541%; opacity:0;}
.indexCompanyVideo .picture .right .imglist{opacity:0;}
/* .indexCompanyVideo .picture .right .imglist div{width:45.01845018450185%;}
.indexCompanyVideo .picture .right .imglist div::before{padding:77.86885245901639% 0 0;} */
.indexCompanyVideo .picture .right .imglist .pic001 li{width:45.01845018450185%;}
.indexCompanyVideo .picture .right .imglist .pic001 li::before{padding:77.86885245901639% 0 0;}
@media all and (max-width:1700px){
    .indexCompanyVideo .picture .right .title{margin:26% 0 9.508196721311475% -36.90036900369004%;}
    .indexCompanyVideo .picture .right .brief{margin:0 0 5%;}
}
@media all and (max-width:1680px){
    .indexCompanyVideo .hidetitle{font-size:150px;}
    .indexCompanyVideo .picture .right .title div span{font-size:24px;}
    .indexCompanyVideo .picture .right .brief{line-height:24px;}
}
@media all and (max-width:1440px){
	.indexCompanyVideo .picture .right .title{margin:19% 0 9.508196721311475% -36.90036900369004%;}
    .indexCompanyVideo .hidetitle{font-size:140px;}
}
@media all and (max-width:1400px){
    .indexCompanyVideo .picture .right .title{margin:18% 0 7% -36.90036900369004%;}
}
@media all and (max-width:1350px){
    .indexCompanyVideo .picture .right .title{margin:15% 0 7% -36.90036900369004%;}
    .indexCompanyVideo .picture .right .title div span{font-size:20px;}
}
@media all and (max-width:1200px){
    .indexCompanyVideo .hidetitle{font-size:120px;}
    .indexCompanyVideo .picture{margin:-60px 0 0;}
}
@media all and (max-width:1100px){
    .indexCompanyVideo{padding:0 4% 20px;}
    .indexCompanyVideo .picture .left{width:100%; margin:0 auto; float:none;}
    .indexCompanyVideo .picture .right{width:100%; margin:0 auto; float:none;}
    .indexCompanyVideo .picture .right .title{margin:2% 0 3%;}
    .indexCompanyVideo .picture .right .title br{display:none;}
    .indexCompanyVideo .picture .right .brief br{display:none;}
}
@media all and (max-width:1000px){
    .indexCompanyVideo .hidetitle{font-size:100px;}
    .indexCompanyVideo .picture{margin:-40px 0 0;}
}
@media all and (max-width:850px){
    .indexCompanyVideo .hidetitle{font-size:80px;}
}
@media all and (max-width:750px){
    .indexCompanyVideo .hidetitle{text-align:center; margin:0; font-size:40px;}
    .indexCompanyVideo .picture{margin:-15px 0 0;}
    .indexCompanyVideo .picture .right .title div span{font-size:18px;}
	.indexCompanyVideo .picture .left .playvideo{width:40px; height:40px; margin:-20px 0 0 -20px;}
}

/**
 * .indexFooter
 */
.indexFooter{overflow:hidden; background:none;}
.indexFooter::before{padding:46.51041666666667% 0 0;}
.indexFooter .imgbg{width:50%; background:url(https://www.jrlite.com/images/18.jpg) no-repeat right; background-size:contain; right:0; top:0; position:absolute; z-index:1;}
.indexFooter .imgbg::before{padding:73.95833333333333% 0 0;}
.indexFooter .box{top:0; left:0; right:0; bottom:0;}
.indexFooter .box .linkbox{width:83.33333333333333%; background:#101010; bottom:0; position:absolute;}
.indexFooter .box .linkbox::before{padding:40% 0 0;}
.indexFooter .box .p{left:0; top:0; right:0; bottom:0;}
.indexFooter .box .p0{margin:143px 0 0 12.4375%;}
.indexFooter .box .p1{width:32.85714285714286%; margin:0 6.42857142857143% 0 0;}
.indexFooter .box dl{margin:0 0 40px;}
.indexFooter .box dt{color:#999; line-height:28px;}
.indexFooter .box dt.add::before{position:absolute; left:-39px; top:50%; margin:-11.5px 0 0; width:26px; height:23px; background:url(https://www.jrlite.com/images/9.png) no-repeat; background-size:contain; content:"";}
.indexFooter .box dt.fax::before{position:absolute; left:-39px; top:50%; margin:-11.5px 0 0; width:23px; height:23px; background:url(https://www.jrlite.com/images/10.png) no-repeat; background-size:contain; content:"";}
.indexFooter .box dt.tel::before{position:absolute; left:-39px; top:50%; margin:-13.5px 0 0; width:26px; height:27px; background:url(https://www.jrlite.com/images/11.png) no-repeat; background-size:contain; content:"";}
.indexFooter .box dt.email::before{position:absolute; left:-39px; top:50%; margin:-9px 0 0; width:26px; height:18px; background:url(https://www.jrlite.com/images/12.png) no-repeat; background-size:contain; content:"";}
.indexFooter .box dd{color:#fff; line-height:23px; /*height:46px;*/ font-family:'Calibri';}
.indexFooter .box .p2{width:18.57142857142857%; margin:0 6.42857142857143% 0 0;}
.indexFooter .box .p3{width:33%;}
.indexFooter .box .p3 .logo{width:114px; height:37px;}
.indexFooter .box .p3 .Contents{color:#fff; line-height:26px; font-family:'Calibri'; margin:37px 0;}
.indexFooter .box .p3 .share a{width:20px; height:20px; position:static !important; margin:0 25px 0 0;}
.indexFooter .box .p3 .share a img{position:static !important;}
.indexFooter .box .p4{line-height:34px; color:#999; left:0; bottom:38px; right:0; z-index:999; font-family:'Calibri';}
@media all and (max-width:1400px){
    .indexFooter .box .linkbox{width:90%}
    .indexFooter .box .p4{bottom:30px;}
}
@media all and (max-width:1300px){
    .indexFooter .box .p0{margin:43px 0 0 12.4375%;}
}
@media all and (max-width:1100px){
    .indexFooter .box .p0{margin:43px 0 0 10%;}
}
@media all and (max-width:1000px){
    .indexFooter .box .p3 .Contents{line-height:24px; font-size:14px; margin:24px 0;}
    .indexFooter .box .p4{bottom:20px;}
    .indexFooter .box .linkbox::before{padding:45% 0 0;}
}
@media all and (max-width:850px){
    /*.indexFooter .box .p0{margin:43px 0 0 8%;}*/
    .indexFooter::before{padding:50% 0 0;}
    .indexFooter .box .linkbox{width:100%;}
    .indexFooter .box dl{margin:0 0 20px;}
    .indexFooter .box dd{line-height:20px; font-size:14px;}

    .indexFooter .box .linkbox::before{padding:10% 0 0;}
    .indexFooter .box .p0{margin:0 0 0 10%;}
    .indexFooter .box .p{position:relative;}
    .indexFooter .box .linkbox{position:static;}
    .indexFooter .imgbg{margin:-40px 0 0;}

}

/**
 * .go
 */
.go{width:36px; height:36px; background:url(https://www.jrlite.com/images/19.png) no-repeat; background-size:contain; right:7.395833333333333%; bottom:85px; position:fixed; z-index:999; /*cursor:pointer;*/}

/**
 * .indexTopBox
 */
.indexTopBox{height:100vh; overflow:hidden; }
.indexTopBox .banner canvas{position:absolute;}
.indexTopBox .bbb{width:100%; top:0; right:0; bottom:0; left:0; z-index:9;}
.indexTopBox .bbb ul{height:100%; background:url(https://www.jrlite.com/images/21.png) no-repeat top center;}
.indexTopBox .bbb li{width:25%; height:100%; top:0; bottom:0; position:relative; z-index:1;}
.indexTopBox .bbb li .text1{left:16.66666666666667%; bottom:160px;}
.indexTopBox .bbb li .text{color:#fff; opacity: 0.5; font-family:'PlayfairDisplayRegular'; line-height:49px;}
.indexTopBox .bbb li .text2{line-height:33px; font-family:'Calibri'; color:#fff; bottom:-999px; left:16.66666666666667%; opacity:0; visibility:hidden; display:none;}
.indexTopBox .bbb li::before{width:1px; position:absolute; top:0; bottom:0; left:0; background:url(https://www.jrlite.com/images/20.png); content:""; z-index:1;}
.indexTopBox .bbb li.on{bottom:200px;}
.indexTopBox .bbb li.on .text1{opacity:1; bottom:137px;}
.indexTopBox .bbb li.on .text{opacity:1;}
.indexTopBox .bbb li.on .text2{opacity:1; visibility:visible; display:block;}
.indexTopBox .navbtn{width:34px; height:26px; background:url(https://www.jrlite.com/images/23.png) no-repeat; right:4.166666666666667%; top:70px; z-index:10;}
.indexTopBox .searchbtn{width:18px; height:22px; background:url(https://www.jrlite.com/images/22.png) no-repeat; right:7.604166666666667%; top:73px; z-index:10;}
.bannerSlide{top:0; right:0; bottom:0; left:0; /*background:#f00;*/ z-index:10; display:none;}
.bannerSlide .swiper-container{height:100%;}
.bannerSlide .swiper-container li{width:85%;}
.bannerSlide .swiper-container li .p1{color:#fff; top:50%;}
.bannerSlide .swiper-container li .contents{bottom:-999px; color:#fff; opacity:0; visibility:hidden; display:none;}
.bannerSlide .swiper-container li.swiper-slide-active .contents{bottom:5%; color:#fff; opacity:1; visibility:visible; display:block;}

@media all and (max-width:760px){
    .bannerSlide{display:block;}
    .indexTopBox .bbb{display:none;}
}

/**
 * .footer
 */
.footer{background:#e9e9e9; height:440px;}
.footer .w1400{max-width:1400px; margin:0 auto; padding:0 4%;}
.footer .w1400 .infos{width:57.14285714285714%; margin:66px 0 0;}
.footer .w1400 .infos dl{margin:0 0 35px;}
.footer .w1400 .infos dl.p1{width:50%;}
.footer .w1400 .infos dl.p2{width:34.375%;}
.footer .w1400 .infos dl dt{position:relative; z-index:1;}
.footer .w1400 .infos dl dt::after{width:26px; height:26px; position:absolute; left:-38px; top:50%; margin:-13px 0 0; z-index:1; content:""; background:#f00;}
.footer .w1400 .infos dl.add dt::after{background:url(https://www.jrlite.com/images/25.png) no-repeat;}
.footer .w1400 .infos dl.tel dt::after{background:url(https://www.jrlite.com/images/26.png) no-repeat;}
.footer .w1400 .infos dl.fax dt::after{background:url(https://www.jrlite.com/images/27.png) no-repeat;}
.footer .w1400 .infos dl.email dt::after{background:url(https://www.jrlite.com/images/28.png) no-repeat;}
/*.footer .w1400 .infos dl dd{line-height:26px; height:26px;}*/
.footer .w1400 .infos dl dd{line-height:24px; height:96px; color:#000;}
.footer .w1400 .brief{width:34.28571428571429%; margin:66px 0 0;}
.footer .w1400 .brief .toplogo{width:114px; height:37px; margin:0 0 34px;}
.footer .w1400 .brief .contents{line-height:22px; color:#000; margin:0 0 30px;}
/* .footer .w1400 .brief .share a{width:35px; height:35px; display:block; background-color:#b9b9b9; background-repeat:no-repeat; border-radius:50%; margin:0 15px 0 0;} */
.footer .w1400 .brief .share a{width:114px; height:30px;}
.footer .w1400 .brief .share a.p1{background-image:url(https://www.jrlite.com/images/30.png);}
.footer .w1400 .brief .share a.p2{background-image:url(https://www.jrlite.com/images/31.png);}
.footer .w1400 .brief .share a.p3{background-image:url(https://www.jrlite.com/images/32.png);}
.footer .w1400 .brief .share a.p4{background-image:url(https://www.jrlite.com/images/33.png);}
/* .footer .w1400 .brief .share a:hover{background-color:#000;} */
.footer .w1400 .copyrights{line-height:34px;}
@media all and (max-width:1200px){
  .footer .w1400 .t{padding:0 4%;}
}
@media all and (max-width:750px){
  .footer{height:auto;}
  .footer .w1400{overflow:hidden;}
  .footer .w1400 .infos{width:100%; float:none;}
  .footer .w1400 .brief{width:100%; float:none; margin:30px 0;}
  .footer .w1400 .infos dl{width:40%; margin:0 0 15px;}
  .footer .w1400 .infos dl.p2{width:40%;}
  .footer .w1400 .infos dl dd{height:auto;}
  .footer .w1400 .brief .share{text-align:center;}
  .footer .w1400 .brief .share a{float:none; display:inline-block; zoom:1;}
}
@media all and (max-width:680px){
  .footer .w1400 .brief{margin:15px 0;}
  .footer .w1400 .infos dl.p1{width:80%; margin:0 auto 15px; float:none;}
  .footer .w1400 .infos dl.p2{width:80%; margin:0 auto 15px; float:none;}
}
/**
 * .fadeInUp
 */
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.fadeOutDown2{-webkit-animation-name:fadeOutDown2;animation-name:fadeOutDown2}
@-webkit-keyframes fadeInUp2{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp2{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeOutDown2{
    0%{opacity:1}
    100%{opacity:1;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
}
@keyframes fadeOutDown2{
    0%{opacity:1}
    100%{opacity:1;-webkit-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
}

/**
 * 鼠标跟随
 */
.pelement{position:relative; transition:all 0.15s ease-in-out; display:inline-block;}
.vs-scroll-view {position: relative; width: 1px; background:#000;}
.cursor,.cursor-follower {position: fixed; border-radius: 100%; user-select: none; pointer-events: none; z-index: 10000}
.cursor {background-color: #fab162; width: 6px; height: 6px; transform: translate(-50%,-50%); transition: width .3s,height .3s,opacity .3s,background-color .3s}
.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; 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;}
}

/**
 * .menu-hander2
 */
.menu-hander2{width:46px; top:22px; right:5%; z-index:1210; /*margin-right:38px; */-moz-transform:translateY(30px); -ms-transform:translateY(30px); -webkit-transform:translateY(30px); transform:translateY(30px); display:block;}
.menu-hander2:hover .burger__line.line--top{-moz-transform:translateX(-6px); -ms-transform:translateX(-6px); -webkit-transform:translateX(-6px); transform:translateX(-6px);}
.menu-hander2:hover .burger__line.line--bottom{-moz-transform:translateX(6px); -ms-transform:translateX(6px); -webkit-transform:translateX(6px); transform:translateX(6px);}
.menu-hander2.loc .burger__line.line--top{-moz-transform:rotate(45deg) translateY(-7px); -ms-transform:rotate(45deg) translateY(-7px); -webkit-transform:rotate(45deg) translateY(-7px); transform:rotate(45deg) translateY(-7px);}
.menu-hander2.loc .burger__line.line--bottom{-moz-transform:rotate(-45deg) translateY(7px); -ms-transform:rotate(-45deg) translateY(7px); -webkit-transform:rotate(-45deg) translateY(7px); transform:rotate(-45deg) translateY(7px);}
.menu-hander2.loc .burger__line.line--mid{-moz-transform:translateX(110%); -ms-transform:translateX(110%); -webkit-transform:translateX(110%); transform:translateX(110%);}
.menu-hander2.loc .menu__label{-moz-transform:translateY(20px); -ms-transform:translateY(20px); -webkit-transform:translateY(20px); transform:translateY(20px);}
.menu-holder2{z-index:700;}
.menu-holder2 .main-item,.menu-holder2 .menu-a{display:inline-block; *display:inline; vertical-align:top; zoom:1;}
.menu-holder2 .main-item{border-left:solid 1px rgba(255,255,255,0.3); padding:0 15px; min-width:104px; text-align:center;}
.menu-holder2 .menu-a{padding-bottom:26px; font-family:"DecimaMonoProLt",Arial,Helvetica,sans-serif; font-size:13px; line-height:15px; color:#fff; position:relative;}
.menu-holder2 .menu-a:after{content:''; width:100%; height:4px; background-color:#f28f00; position:absolute; bottom:-1px; left:0; -moz-transform:scaleX(0); -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); -moz-transform-origin:right 50%; -ms-transform-origin:right 50%; -webkit-transform-origin:right 50%; transform-origin:right 50%; -moz-transition:-moz-transform 277ms cubic-bezier(0.16, 0.01, 0.77, 1); -o-transition:-o-transform 277ms cubic-bezier(0.16, 0.01, 0.77, 1); -webkit-transition:-webkit-transform 277ms cubic-bezier(0.16, 0.01, 0.77, 1); transition:transform 277ms cubic-bezier(0.16, 0.01, 0.77, 1);}
.menu-holder2 .current-menu-item .menu-a{color:#f28f00 !important;}
.menu-holder2 .menu-item .menu-a:hover,.menu-holder2 .menu-item.current-menu-item>.menu-a,.menu-holder2 .menu-item.current-menu-ancestor>.menu-a,.menu-holder2 .menu-item.current-page-ancestor>.menu-a,.menu-holder2 .menu-item.current-post-ancestor>.menu-a,.menu-holder2 .menu-item.current-menu-parent>.menu-a,.menu-holder2 .menu-item.current-category-ancestor>.menu-a{color:#fff;}
.menu-holder2 .menu-item .menu-a:hover:after,.menu-holder2 .menu-item.current-menu-item>.menu-a:after,.menu-holder2 .menu-item.current-menu-ancestor>.menu-a:after,.menu-holder2 .menu-item.current-page-ancestor>.menu-a:after,.menu-holder2 .menu-item.current-post-ancestor>.menu-a:after,.menu-holder2 .menu-item.current-menu-parent>.menu-a:after,.menu-holder2 .menu-item.current-category-ancestor>.menu-a:after{-moz-transform-origin:left 50%; -ms-transform-origin:left 50%; -webkit-transform-origin:left 50%; transform-origin:left 50%; -moz-transform:scaleX(1); -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1);}
.menu-hander2{display:block; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
.menu-holder2{width:100%; height:100%; position:fixed; z-index:650; top:0; left:0; overflow:auto; text-align:center; visibility:hidden; -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -webkit-transform:translate(0, 0); transform:translate(0, 0);}
.menu-holder2 .main-item{display:block; border:none; margin-bottom:42px; position:relative; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -moz-transform:translateY(26px); -ms-transform:translateY(26px); -webkit-transform:translateY(26px); transform:translateY(26px);}
.menu-holder2 .menu-a{font-size:18px; line-height:20px; padding-bottom:14px;}
.menu-holder2 .menu-ul{padding-top:18%;}

@media all and (max-width:600px){
    .menu-hander2:hover .burger__line.line--top{-moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
    .menu-hander2:hover .burger__line.line--bottom{-moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
    .menu-hander2.loc .burger__line.line--top{-moz-transform:rotate(45deg) translateY(-7px); -ms-transform:rotate(45deg) translateY(-7px); -webkit-transform:rotate(45deg) translateY(-7px); transform:rotate(45deg) translateY(-7px);}
    .menu-hander2.loc .burger__line.line--bottom{-moz-transform:rotate(-45deg) translateY(7px); -ms-transform:rotate(-45deg) translateY(7px); -webkit-transform:rotate(-45deg) translateY(7px); transform:rotate(-45deg) translateY(7px);}
}
 @keyframes spin {
    to {
        transform: rotate(360deg)
    }
 }
 *,body,body:hover,*:hover,a:hover{cursor:none !important;}

.aboutbox{width:80%; max-width:1400px; margin:140px auto; display:none;}
.aboutbox dl{margin:0 0 50px;}
.aboutbox dt{color:#fff; font-size:20px; text-align:center; margin:0 0 20px;}
.aboutbox dd{color:#fff; font-size:18px; line-height:180%;}
.aboutbox dd .brief{color:#999; font-size:14px; font-style:italic; line-height:130%; margin:0 0 20px;}
.aboutbox dd img{max-width:100%;}
@media all and (max-width:1030px){
  .aboutbox{display:block;}
}

/**
 *zl
 */
 /*jaonney*/
.cw1400{ width:90%; max-width:1400px; margin:0 auto;}
.cw945{ width:90%; max-width:945px; margin:0 auto;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.writing{ writing-mode:vertical-lr; writing-mode:tb-lr;}

/*专注页面*/
#absorbed{ padding:16.8% 0 6.6%;}
#absorbed .one{ height:38vw; background:url(https://www.jrlite.com/images/j_1.jpg) no-repeat center; background-size:cover; padding:7.3% 8.9%;}
#absorbed .one .title-one{ color:#f28f00; font-family:"DidotBold";}
#absorbed .one .title-two{ color:#fff; font-family:"DidotBold"; margin:1% 0;}
#absorbed .one .brief{ width:100%; max-width:450px; line-height:30px; color:#fff; position:relative; padding-top:2%;}
#absorbed .one .brief::before{ width:167px; height:1px; background:#f28f00; position:absolute; left:-117px; top:0; z-index:2; content:'';}
#absorbed .two{ background:#121212; padding:3.65% 11.1% 0; margin-bottom:-8%;}
#absorbed .two .left{ width:39%; margin-top:4.4%;}
#absorbed .two .left .content-one{ width:21vw;/* width:16vw; */ border:2px solid #f28f00; padding:4.3%;}
#absorbed .two .left .content-one .tables{ width:100%; height:18vw; position:relative;}
#absorbed .two .left .content-one .tables .title-one{ width:100%; color:#f28f00;}
#absorbed .two .left .content-one .tables .title-two{ font-size:30px !important; text-align:center; font-family:'DinBold'; color:#f28f00; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto;}
#absorbed .two .left .content-one .tables .title-two b{ color:#f28f00; font-family:'Arial'; /* margin-left:-12px; */}
#absorbed .two .left .content-two{ width:100%; line-height:32px; font-family:"AvertaDemoPERegular"; color:#f28f00; margin-top:13.2%;}
#absorbed .two .right{ width:50%; position:relative;}
#absorbed .two .right .title-one{ color:#fff;}
#absorbed .two .right .title-two{ width:100%; margin-top:30px;}
#absorbed .two .right .title-two .fz16{ color:#f28f00; position:relative; padding-left:64px; margin-right:25px;}
#absorbed .two .right .title-two .fz16::before{ width:39px; height:1px; background:#f28f00; position:absolute; left:0; top:50%; z-index:2; content:'';}
#absorbed .two .right .title-two .fz16.none{ margin-right:0;}
#absorbed .two .right .content-one{ width:100%; position:relative; margin-top:226px;}
#absorbed .two .right .content-one .img{ width:100%; font-size:0;}
#absorbed .two .right .content-one .img img{ width:100%;}
#absorbed .two .right .content-one .text-one{ font-size:254px; color:#fff; font-family:"AvertaDemoPERegular"; position:absolute; top:-25%; left:70px; z-index:2;}
#absorbed .two .right .content-one .text-two{ font-size:254px; color:#fff; font-family:"AvertaDemoPERegular"; position:absolute; bottom:-20%; left:70px; z-index:2;}
#absorbed .two .right .content-two{ position:absolute; left:-284px; bottom:40px; z-index:2;}
#absorbed .two .right .content-two .text-one{ color:#fff; font-family:"AvertaDemoPERegular";}
#absorbed .two .right .content-two .text-two{ color:#fff; font-family:"DinBold"; margin:16px 0 36px;}
#absorbed .two .right .content-two .more{ width:200px; line-height:62px; text-align:center; color:#f28f00; font-family:'AvertaDemoPERegular'; border:1px solid #f28f00;}
#absorbed .thr{ text-align:center; background:#1b1b1b; font-size:0; padding:376px 0 160px;}
#absorbed .thr .left{ width:506px; font-size:0;}
#absorbed .thr .left img{ width:100%;}
#absorbed .thr .right{ width:526px; text-align:left; vertical-align:top; border:1px solid #f28f00; position:relative; padding:22px 86px 54px 98px; margin-top:50px; margin-left:-60px;}
#absorbed .thr .right .title{ color:#f28f00; font-family:"DINMedium";}
#absorbed .thr .right .brief{ line-height:32px; color:#fff; font-family:"AvertaDemoPERegular"; margin:10px 0 24px;}
#absorbed .thr .right .text-one{ color:#f28f00; font-family:"AvertaDemoPERegular"; position:relative; padding-left:62px;}
#absorbed .thr .right .text-one::before{ width:46px; height:2px; background:#f28f00; position:absolute; left:0; top:50%; z-index:2; margin-top:-1px; content:'';}
#absorbed .thr .right .text-two{ color:#f28f00; font-family:"AvertaDemoPERegular"; position:absolute; top:80px; right:20px; z-index:2;}
#absorbed .four{ background:#121212; padding:4.2% 0 8.3%;}
#absorbed .four .picpath-one{ width:100%; text-align:center; font-size:0; position:relative;}
#absorbed .four .picpath-one::before{ width:100%; height:1px; background:#f28f00; position:absolute; top:50%; left:0; right:0; z-index:1; content:'';}
#absorbed .four .picpath-one img{ width:21%; max-width:284px; position:relative; z-index:2; margin:0 auto;}
#absorbed .four .content-one{ width:100%; margin-top:15%;}
#absorbed .four .content-one .left{ width:52.5%; height:18.46vw; background:url(https://www.jrlite.com/images/j_6.jpg) no-repeat center; background-size:100% 100%; position:relative;}
#absorbed .four .content-one .left img{ width:70%; position:absolute; left:38%; top:19%; z-index:2;}
#absorbed .four .content-one .right{ margin-left:11%; margin-top:8%;}
#absorbed .four .content-one .right .title{ color:#fff; font-family:"DINMedium";}
#absorbed .four .content-one .right .brief{ color:#fff; font-family:"AvertaDemoPERegular"; position:relative; padding-left:40px; margin-top:20px;}
#absorbed .four .content-one .right .brief::before{ width:20px; height:3px; background:#fff; position:absolute; left:0; top:50%; z-index:2; margin-top:-1.5px; content:'';}
#absorbed .four .content-two{ width:100%; text-align:center; font-size:0; margin-top:13.3%;}
#absorbed .four .content-two .left{ width:34%; text-align:left;}
#absorbed .four .content-two .left .title-one{ width:100%;}
#absorbed .four .content-two .left .title-one .text-one{ color:#fff; font-family:"AvertaDemoPERegular";}
#absorbed .four .content-two .left .title-one .text-two{ color:#f28f00; font-family:"AvertaDemoPERegular";}
#absorbed .four .content-two .left .title-two{ width:100%; margin-top:46px;}
#absorbed .four .content-two .left .title-two .arrow{ width:75px;}
#absorbed .four .content-two .left .title-two .arrow img{ width:100%;}
#absorbed .four .content-two .left .title-two .text-one{ width:70px; line-height:70px; text-align:center; color:#fff; background:#f28f00; border-radius:50%; font-family:"DINMedium"; margin:-16px 30px 0;}
#absorbed .four .content-two .left .title-two .text-two{ color:#fff; font-family:"DINMedium";}
#absorbed .four .content-two .left .title-two .text-two span{ color:#f28f00;}
#absorbed .four .content-two .left .brief{ width:100%; line-height:30px; color:#fff; font-family:"AvertaDemoPERegular"; position:relative; padding:7% 0; margin-top:10%;}
#absorbed .four .content-two .left .brief::before{ width:20.5%; height:1px; background:#f28f00; position:absolute; left:40%; top:0; z-index:2; content:'';}
#absorbed .four .content-two .left .brief::after{ width:20.5%; height:1px; background:#f28f00; position:absolute; right:21%; bottom:0; z-index:2; content:'';}
#absorbed .four .content-two .right{ width:33%; text-align:center; vertical-align:top; background:url(https://www.jrlite.com/images/j_7.jpg) no-repeat center; background-size:100% 100%; padding:11% 0 14%; margin-left:5%;}
#absorbed .four .content-two .right .picpath-two{ width:78%; font-size:0; position:relative; margin-left:14%;}
#absorbed .four .content-two .right .picpath-two img{ width:100%;}
#absorbed .four .content-two .right .picpath-two .title-one{ text-align:left; background:#5c5c5c; border:6px solid #121212; border-bottom:none; position:relative; z-index:2; padding:16px; margin-top:-88px;}
#absorbed .four .content-two .right .picpath-two .title-one .fz16{ color:#fff; font-family:"DINMedium";}
#absorbed .four .content-two .right .picpath-two .title-one .fz40{ color:#fff; font-family:"DINMedium";}
#absorbed .four .content-two .right .picpath-two .title-two{ text-align:center; background:#f28f00; color:#fff; font-family:"AvertaDemoPERegular"; padding:12px 100px;}

/*服务页面*/
#service{ padding:16.8% 0 10%;}
#service .one{ background:#0f0f0f; position:relative;}
#service .one .title{ width:100%; height:100%; text-align:center; display:flex; align-items:center; color:#fff; font-size:180px; position:absolute; top:0; z-index:2;}
#service .one .title span{ width:100%; display:inline-block; color:#fff; font-weight:bold;}
#service .one .title span::before{ width:50%; height:100%; background:rgba(0,0,0,.8) repeat; position:absolute; left:0; top:0; z-index:2; content:'';}
#service .one .content{ width:100%; position:absolute; top:70px; left:0; right:0; z-index:3; padding:0 60px; margin:0 auto;}
#service .one .content .target{ width:25px; margin-top:5px;}
#service .one .content .target img{ width:100%;}
#service .one .content .select{}
#service .one .content .select .text{ width:78px; line-height:28px; background:#fff url(https://www.jrlite.com/images/j_12.jpg) no-repeat 47px center; color:#000; border-radius:20px; padding-left:24px;}
#service .one .img{ width:50%;}
#service .one .img img{ width:100%;}
#service .two{ background:#0f0f0f; padding-top:7%;}
#service .two .figure{ width:100%; text-align:center;}
#service .two .figure .title{ text-transform:uppercase; color:#fff; font-family:"AvertaDemoPERegular"; /* text-align:left; */}
#service .two .figure .brief{ width:80%; /* max-width:820px; */ line-height:30px; color:#c0c0c0; font-family:"AvertaDemoPERegular"; margin:20px auto 0; text-align:left;}
#service .two .item{ width:100%; position:relative; padding:11.5% 4.3%; margin-top:1.2%;}
#service .two .item::before{ width:3.5vw; height:4vw; background:url(https://www.jrlite.com/images/j_13.png) no-repeat center; background-size:100% 100%; position:absolute; top:0; right:11.5%; z-index:2; content:'';}
#service .two .item::after{ width:3.5vw; height:4vw; background:url(https://www.jrlite.com/images/j_15.png) no-repeat center; background-size:100% 100%; position:absolute; bottom:0; left:11.5%; z-index:2; content:'';}
#service .two .item .list{ width:100%; margin-top:5.5%;}
#service .two .item .list .content{ width:50%;}
#service .two .item .list .content .fz18{ width:75%; display:flex; align-items:center; line-height:50px; color:#fff; font-family:"AvertaDemoPERegular"; margin:0 auto;}
#service .two .item .list .picpath{ width:50%;}
#service .two .item .list .picpath img{ width:100%;}
#service .two .item .list.none{ margin-top:0;}
#service .thr{ background:#0f0f0f; padding:2% 0 10.5%;}
#service .thr .line{ width:100%; text-align:center;}
#service .thr .line::before{ width:1px; height:124px; display:inline-block; background:#fff; content:'';}
#service .thr .item{ width:90%; max-width:1040px; position:relative; margin:80px auto 86px;}
#service .thr .item .prev{ width:34px; height:19px; background:url(https://www.jrlite.com/images/j_19.png) no-repeat center; background-size:100% 100% !important; position:absolute; left:0; top:50%; z-index:2; margin-top:-10px;}
#service .thr .item .prev.swiper-button-disabled{ background:url(https://www.jrlite.com/images/j_16.png) no-repeat center;}
#service .thr .item .next{ width:34px; height:19px; background:url(https://www.jrlite.com/images/j_20.png) no-repeat center; background-size:100% 100% !important; position:absolute; right:0; top:50%; z-index:2; margin-top:-10px;}
#service .thr .item .next.swiper-button-disabled{ background:url(https://www.jrlite.com/images/j_1.png) no-repeat center;}
#service .thr .item .swiper-container{ width:68%; margin:0 auto;}
#service .thr .item .swiper-container .swiper-slide{ width:100%; text-align:center;}
#service .thr .item .swiper-container .swiper-slide .brief{ width:100%; line-height:40px; color:#fff; font-family:"AvertaDemoPERegular";}
#service .thr .item .swiper-container .swiper-slide .text{ width:100%; color:#fff; font-family:"AvertaDemoPERegular"; margin-top:50px;}
#service .thr .title{ width:100%; text-align:center; position:relative; padding-top:10%;}
#service .thr .title::before{ width:3.5vw; height:4vw; background:url(https://www.jrlite.com/images/j_13.png) no-repeat center; background-size:100% 100%; position:absolute; right:6%; top:0; z-index:2; content:'';}
#service .thr .title .fz108{ text-transform:uppercase; letter-spacing:26px; color:#fff; font-family:"intro"; font-size:108px;}
#service .thr .title .fz80{ text-transform:uppercase; letter-spacing:20px; color:#fff; font-family:"intro"; font-size:80px; margin-top:16px;}
/*定制页面*/
#custom{ padding:16.8% 0 6%;}
#custom .one{ height:38vw; background-repeat:no-repeat; background-position:center; background-size:cover; padding:9.2%;}
#custom .one .title-one{ color:#fff;}
#custom .one .title-two{ color:#fff; font-family:"DinBold"; margin:16px 0 10px;}
#custom .one .brief{ color:#fff;}
#custom .one .more{ text-align:center; background:#fff; color:#000; padding:1.2% 2.2%; margin-top:4.8%;}
#custom .two{ padding-top:6.3%;}
#custom .two .list{ margin-top:9.3%;}
#custom .two .list .picpath{ width:31%; height:24.6vw; position:relative;}
#custom .two .list .picpath .text{ width:76%; line-height:44px; color:#fff; position:absolute; bottom:0; z-index:3;}
#custom .two .list .picpath .img{ width:81%; position:absolute; top:14%; z-index:2;}
#custom .two .list .picpath .img::before{ width:36%; height:1px; background:#fff; position:absolute; top:14%; z-index:2; content:'';}
#custom .two .list .picpath .img img{ width:100%; position:relative;}
#custom .two .list .content{ width:51.5%; margin-top:6%;}
#custom .two .list .content .figure{ width:63%;}
#custom .two .list .content .figure .title{ width:100%; height:92px; line-height:46px; overflow:hidden; color:#fff; font-family:"DINMedium";}
#custom .two .list .content .figure .brief{ width:100%; /* height:104px; */ line-height:26px; text-align:justify; overflow:hidden; color:#fff; font-family:"AvertaDemoPERegular"; margin:5% 0 15%;}
#custom .two .list .content .figure .more{ width:120px; line-height:44px; text-align:center; background:#fff; color:#000;}
#custom .two .list .content .img{ width:29%; margin-top:8%;}
#custom .two .list .content .img img{ width:100%;}
#custom .two .list.left .picpath{ float:left;}
#custom .two .list.left .picpath .text{ text-align:right; left:0; padding-right:5%;}
#custom .two .list.left .picpath .img{ left:56%;}
#custom .two .list.left .picpath .img::before{ left:84%;}
#custom .two .list.left .content{ float:right; padding-right:3.6%;}
#custom .two .list.left .content .figure{ float:left;}
#custom .two .list.left .content .img{ float:right;}
#custom .two .list.right .picpath{ float:right;}
#custom .two .list.right .picpath .text{ text-align:left; right:0; padding-left:5%;}
#custom .two .list.right .picpath .img{ right:56%;}
#custom .two .list.right .picpath .img::before{ right:84%;}
#custom .two .list.right .content{ float:left; padding-left:3.6%;}
#custom .two .list.right .content .figure{ float:right;}
#custom .two .list.right .content .img{ float:left;}
#custom .two .list.none{ margin-top:0;}
#custom .thr{}
#custom .thr .figure{ width:100%; text-align:center; margin-top:-150px;}
#custom .thr .figure .title{ width:200px; position:relative; padding-top:274px; margin-left:130px;}
#custom .thr .figure .title::before{ width:1px; height:200px; background:#f28f00; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto; content:'';}
#custom .thr .figure .title figcaption{ line-height:70px; color:#fff; font-family:"DINMedium"; border:2px solid #f28f00; padding:14px 0;}
#custom .thr .figure .brief{ width:550px; line-height:28px; text-align:justify; vertical-align:top; color:#fff; font-family:"AvertaDemoPERegular"; padding-top:280px; margin-left:60px;}
#custom .thr .item{ width:100%; margin-top:-90px;}
#custom .thr .item .list{ width:416px; margin-top:80px;}
#custom .thr .item .list .img{ width:100%; position:relative;}
#custom .thr .item .list .img img{ width:100%;}
#custom .thr .item .list .img .number{ color:#f28f00; font-family:"DINMedium"; position:absolute; left:26px; top:-28%; z-index:2;}
#custom .thr .item .list .content{ width:100%; position:relative; z-index:3; padding:0 16px; margin-top:-28px;}
#custom .thr .item .list .content .title{ width:100%; color:#fff; font-family:"DINMedium";}
#custom .thr .item .list .content .brief{ width:116%; line-height:30px; text-align:justify; color:#fff; font-family:"AvertaDemoPERegular"; position:relative; padding-left:50px; margin-top:14px;}
#custom .thr .item .list .content .brief::before{ width:34px; height:4px; background:#fff; position:absolute; left:0; top:14px; z-index:2; content:'';}
#custom .thr .item .list.none{ margin-top:0;}
#custom .thr .item .list.two{ margin-top:210px;}
#custom .thr .bot{ width:100%; height:200px; position:relative; margin-top:-70px;}
#custom .thr .bot::before{ width:1px; height:100%; background:#f28f00; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto; content:'';}
#custom .thr .bot .title{ text-indent:18px; letter-spacing:18px; background:#343434; color:#d8d8d8; font-family:"AvertaDemoPERegular"; padding:18px 40px;}
#custom .four{ padding-top:3%;}
#custom .four .content{ width:100%; height:27vw; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
#custom .four .content .symbol{ color:#f28f00; font-size:546px; position:absolute; top:-32%; left:-6%; z-index:2;}
#custom .four .content .figure{ width:86.5%; background:rgba(0,0,0,.6); position:relative; padding:14% 11% 8.5%;}
#custom .four .content .figure .title{ width:100%; color:#fff; font-family:"DINMedium";}
#custom .four .content .figure .brief{ width:100%; line-height:30px; text-align:justify; color:#d8d8d8; font-family:"AvertaDemoPERegular"; position:relative; margin-top:12px;}
#custom .four .content .figure .brief::before{ width:25%; height:1px; background:#f28f00; position:absolute; left:-30%; top:15%; z-index:2; content:'';}
#custom .four .picpath{ width:100%; text-align:center;}
#custom .four .picpath .img{ width:160px; position:relative; padding-top:184px; margin-top:42px;}
#custom .four .picpath .img::before{ width:1px; height:132px; background:#f28f00; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto; content:'';}

/*H5兼容*/
@media only screen and (max-width:1720px){
  #absorbed .two .left .content-one .tables .title-one{ font-size:14px;}
  /* #absorbed .two .left .content-one .tables .title-two{ font-size:70px;} */
  #absorbed .two .left .content-one .tables .title-two b{ font-size:14px;}
}

@media only screen and (max-width:1680px){
  #absorbed .one .title-one{ font-size:42px;}
  #absorbed .one .title-two{ font-size:52px;}
  #absorbed .one .brief{ line-height:26px; font-size:14px;}
  #absorbed .one .brief::before{ width:140px; left:-24%;}
  /* #absorbed .two .left .content-one .tables .title-two{ font-size:60px;} */
  #absorbed .two .right .title-one{ font-size:40px;}
  #absorbed .two .right .title-two{ margin-top:20px;}
  #absorbed .two .right .title-two .fz16{ font-size:14px;}
  #absorbed .two .right .content-one{ margin-top:180px;}
  #absorbed .two .right .content-one .text-one{ font-size:220px; top:-22%;}
  #absorbed .two .right .content-one .text-two{ font-size:220px; bottom:-16%;}
  #absorbed .two .right .content-two .text-one{ font-size:38px;}
  #absorbed .two .right .content-two .text-two{ font-size:48px; margin:10px 0 30px;}
  #absorbed .two .right .content-two .more{ width:160px; line-height:50px; font-size:16px;}
  #absorbed .thr{ padding:300px 0 100px;}
  #service .one .title{ font-size:140px;}
  #custom .two .list .picpath{ height:27vw;}
  #custom .four .content .symbol{ font-size:460px;}
  #custom .four .content .figure{ padding:10% 8% 8%;}
  #custom .four .content .figure .title{ font-size:40px;}
  #custom .four .content .figure .brief{ line-height:26px; font-size:14px;}
}

@media only screen and (max-width:1440px){
  #absorbed .one .title-one{ font-size:38px;}
  #absorbed .one .title-two{ font-size:48px;}
  #absorbed .one .brief::before{ width:120px; left:-20%;}
  #absorbed .two .right .content-two{ left:-200px;}
  #absorbed .two .right .content-two .text-one{ font-size:30px;}
  #absorbed .two .right .content-two .text-two{ font-size:40px;}
  #absorbed .two .right .content-two .more{ width:120px; line-height:40px; font-size:14px;}
  #absorbed .four .content-two .left .title-one .text-one{ font-size:30px;}
  #absorbed .four .content-two .left .title-one .text-two{ font-size:30px;}
  #absorbed .four .content-two .left .title-two{ margin-top:36px;}
  #absorbed .four .content-two .left .title-two .arrow{ width:65px;}
  #absorbed .four .content-two .left .title-two .text-one{ width:60px; line-height:60px; font-size:34px; margin:-16px 20px 0;}
  #absorbed .four .content-two .left .title-two .text-two{ font-size:20px;}
  #absorbed .four .content-two .left .brief{ line-height:24px; font-size:16px;}
  #service .two .item .list .content .fz18{ width:90%; line-height:40px; font-size:16px;}
  #service .thr .title .fz108{ font-size:90px;}
  #service .thr .title .fz80{ font-size:70px; margin-top:10px;}
  #custom .one .title-one{ font-size:32px;}
  #custom .one .title-two{ font-size:52px;}
  #custom .two .list .picpath{ height:30vw;}
  #custom .thr .figure .title{ padding-top:240px;}
  #custom .thr .figure .title figcaption{ line-height:60px; font-size:42px;}
  #custom .thr .figure .brief{ padding-top:240px;}
  #custom .thr .figure .title::before{ display:none;}
  #custom .thr .item .list{ margin-top:8%;}
  #custom .thr .item .list.two{ margin-top:20%;}
  #custom .thr .item .list .img .number{ font-size:78px; top:-24%;}
  #custom .thr .item .list .content .title{ font-size:30px;}
  #custom .thr .item .list .content .brief{ line-height:24px; font-size:14px;}
  #custom .thr .item .list .content .brief::before{ width:30px; height:3px; top:12px;}
  #custom .four .content .symbol{ font-size:360px;}
  #custom .four .content .figure{ padding:8%;}
  #custom .four .content .figure .title{ font-size:30px;}
}

@media only screen and (max-width:1386px){
  /* #absorbed .two .left .content-one .tables .title-two{ font-size:50px;} */
  #absorbed .two .left .content-one .tables .title-two b{ font-size:12px;}
}

@media only screen and (max-width:1320px){
  #absorbed .two .right .title-two .fz16{ padding-left:46px;}
  #absorbed .two .right .title-two .fz16::before{ width:34px;}
}

@media only screen and (max-width:1280px){
  #absorbed .one .title-one{ font-size:32px;}
  #absorbed .one .title-two{ font-size:42px;}
  #absorbed .one .brief{ line-height:22px; font-size:12px;}
  #absorbed .thr .left{ width:460px;}
  #absorbed .thr .right{ width:480px; padding:20px 80px 30px 80px; margin-top:30px;}
  #absorbed .four .content-one .right .title{ font-size:38px;}
  #absorbed .four .content-one .right .brief{ font-size:18px; margin-top:10px;}
  #absorbed .four .content-two .right .picpath-two .title-one .fz16{ font-size:14px;}
  #absorbed .four .content-two .right .picpath-two .title-one .fz40{ font-size:34px;}
  #absorbed .four .content-two .right .picpath-two .title-two{ font-size:20px;}
  #custom .one .title-one{ font-size:26px;}
  #custom .one .title-two{ font-size:40px; margin:10px 0 6px;}
  #custom .one .brief{ font-size:14px;}
  #custom .one .more{ font-size:14px;}
  #custom .two .list .content .figure .title{ height:72px; line-height:36px; font-size:26px;}
  #custom .two .list .content .figure .brief{ /* height:88px; */ line-height:22px; font-size:14px; margin:3% 0 10%;}
  #custom .two .list .content .figure .more{ width:100px; line-height:36px; font-size:14px;}
  #custom .thr .item{ margin-top:-40px;}
  #custom .four .content .figure .brief::before{ display:none;}
}

@media only screen and (max-width:1180px){
  #absorbed .one .brief::before{ width:100px; left:-16%;}
  #absorbed .two .left .content-one .tables .title-one{ font-size:12px;}
  /* #absorbed .two .left .content-one .tables .title-two{ font-size:40px;} */
  #absorbed .two .left .content-one .tables .title-two b{ font-size:10px; margin-left:-6px;}
  #absorbed .two .right{ width:54%;}
  #absorbed .two .right .title-two .fz16{ padding-left:38px;}
  #absorbed .two .right .title-two .fz16::before{ width:28px;}
  #service .one .content{ top:40px; padding:0 50px;}
  #service .one .title{ font-size:120px;}
}

@media only screen and (max-width:1080px){
  #absorbed .two .right .content-one{ margin-top:120px;}
  #absorbed .two .right .content-one .text-one{ font-size:200px; left:40px;}
  #absorbed .two .right .content-one .text-two{ font-size:200px; left:40px;}
  #custom .thr .figure .brief{ width:500px; margin-left:40px;}
}

@media only screen and (max-width:1024px){
  #absorbed .two .right .title-two .fz16{ padding-left:30px; margin-right:16px;}
  #absorbed .two .right .title-two .fz16::before{ width:20px;}
  #absorbed .thr{ padding:200px 0 60px;}
  #absorbed .thr .left{ width:400px;}
  #absorbed .thr .right{ width:420px;}
  #absorbed .thr .right .title{ font-size:26px;}
  #absorbed .thr .right .brief{ line-height:24px; font-size:14px; margin:8px 0 16px;}
  #absorbed .thr .right .text-one{ font-size:16px;}
  #absorbed .thr .right .text-two{ font-size:16px;}
  #service .two .item .list .content .fz18{ line-height:30px; font-size:14px;}
  #service .thr .line::before{ height:100px;}
  #service .thr .item{ margin:30px auto;}
  #service .thr .item .swiper-container .swiper-slide .brief{ line-height:30px; font-size:16px;}
  #service .thr .item .swiper-container .swiper-slide .text{ font-size:20px; margin-top:30px;}
  #service .thr .title .fz108{ font-size:70px;}
  #service .thr .title .fz80{ font-size:60px;}
}

@media only screen and (max-width:980px){
  #absorbed .one .title-one{ font-size:28px;}
  #absorbed .one .title-two{ font-size:38px;}
  #absorbed .one .brief{ padding:0;}
  #absorbed .one .brief::before{ display:none;}
  #absorbed .two{ padding:3.65% 10%; margin-bottom:0;}
  #absorbed .two .left .content-one{ width:100%; max-width:220px;}
  #absorbed .two .left .content-one .tables{ height:28vw;}
  #absorbed .two .right .title-two .fz16{ padding-left:0;}
  #absorbed .two .right .title-two .fz16::before{ display:none;}
  #absorbed .two .right .content-one{ margin:30px 0 20px;}
  #absorbed .two .right .content-one .text-one{ display:none;}
  #absorbed .two .right .content-one .text-two{ display:none;}
  #absorbed .two .right .content-two{ position:relative; left:auto; bottom:auto;}
  #absorbed .thr{ padding:60px 0;}
  #absorbed .thr .left{ width:50%; max-width:440px;}
  #absorbed .thr .right{ width:48%; padding:2.3% 9%; margin-left:-7%; margin-top:6%;}
  #absorbed .four .content-one .right{ margin-left:7%; margin-top:5%;}
  #absorbed .four .content-one .right .title{ font-size:32px;}
  #absorbed .four .content-one .right .brief{ font-size:16px; padding-left:24px; margin-top:6px;}
  #absorbed .four .content-one .right .brief::before{ width:16px; height:2px; margin-top:-1px;}
  #absorbed .four .content-two .left{ width:46%;}
  #absorbed .four .content-two .right{ width:40%; padding:14% 0 14%; margin-left:2%;}
  #absorbed .four .content-two .right .picpath-two .title-one{ border:4px solid #121212; padding:12px;}
  #absorbed .four .content-two .right .picpath-two .title-one .fz40{ font-size:30px;}
  #absorbed .four .content-two .right .picpath-two .title-two{ font-size:18px; padding:10px 70px;}
  #service .two .figure .title{ font-size:20px;}
  #service .two .figure .brief{ line-height:26px; font-size:16px; margin:10px auto 0;}
  #custom .one{ height:50vw;}
  #custom .thr .figure{ font-size:0; margin-top:8%;}
  #custom .thr .figure .title{ width:20%; padding:0; margin-left:15%;}
  #custom .thr .figure .brief{ width:50%; padding:0; margin-left:4.5%;}
  #custom .thr .item{ margin-top:6%;}
  #custom .thr .item .list{ width:48%;}
  #custom .thr .item .list .img .number{ font-size:60px; top:0; left:2%;}
  #custom .thr .item .list .content{ padding:0; margin-top:0;}
  #custom .thr .item .list .content .title{ font-size:22px; margin:4% 0;}
  #custom .thr .item .list .content .brief{ width:100%; line-height:20px; font-size:12px; padding-left:0; margin-top:0;}
  #custom .thr .item .list .content .brief::before{ display:none;}
  #custom .thr .bot{ display:none;}
  #custom .four .content{ height:auto;}
  #custom .four .content .symbol{ display:none;}
  #custom .four .content .figure{ width:100%; min-height:30vw; position:relative; left:auto; top:auto; padding:4%;}
}

@media only screen and (max-width:780px){
  #absorbed .one{ height:50vw;}
  #absorbed .one .title-one{ font-size:24px;}
  #absorbed .one .title-two{ font-size:34px;}
  #absorbed .two .right .title-one{ font-size:30px;}
  #absorbed .two .right .title-two{ margin-top:10px;}
  #absorbed .two .right .title-two .fz16{ font-size:12px;}
  #absorbed .two .right .content-one{ margin:10px 0;}
  #absorbed .thr{ padding:40px 0;}
  #absorbed .thr .right .title{ font-size:20px;}
  #absorbed .thr .right .brief{ line-height:20px; font-size:12px;}
  #absorbed .thr .right .text-one{ font-size:14px; padding-left:0;}
  #absorbed .thr .right .text-one::before{ display:none;}
  #absorbed .thr .right .text-two{ font-size:14px; right:2%; top:8%;}
  #absorbed .four .content-two .left .title-one .text-one{ font-size:26px;}
  #absorbed .four .content-two .left .title-one .text-two{ font-size:26px;}
  #absorbed .four .content-two .left .title-two{ margin-top:30px;}
  #absorbed .four .content-two .left .title-two .arrow{ width:50px;}
  #absorbed .four .content-two .left .title-two .text-one{ width:50px; line-height:50px; font-size:26px; margin:-16px 10px 0;}
  #absorbed .four .content-two .left .title-two .text-two{ font-size:18px;}
  #absorbed .four .content-two .left .brief{ line-height:22px; font-size:14px; padding:6% 0; margin-top:7%;}
  #service .one .content{ top:30px; padding:0 30px;}
  #service .one .title{ font-size:100px;}
  #service .two .item .list .content .fz18{ line-height:20px; font-size:12px;}
  #service .thr .title .fz108{ font-size:60px;}
  #service .thr .title .fz80{ font-size:50px;}
  #custom .two .list{ margin-top:5%;}
  #custom .two .list .picpath{ width:45%; height:auto; background:none;}
  #custom .two .list .picpath .img{ width:100%; position:relative; top:auto !important; left:auto !important; right:auto !important;}
  #custom .two .list .picpath .img::before{ display:none;}
  #custom .two .list .picpath .text{ width:100%; text-align:center !important; padding:0 !important;}
  #custom .two .list .content{ padding:0 !important;}
  #custom .two .list .content .figure{ width:100%;}
  #custom .two .list .content .figure .title{ height:auto;}
  #custom .two .list .content .figure .brief{ height:auto;}
  #custom .two .list .content .img{ display:none;}
  #custom .thr .figure .title figcaption{ line-height:50px; font-size:36px;}
  #custom .thr .figure .brief{ line-height:24px; font-size:14px; margin-top:6%;}
}

@media only screen and (max-width:680px){
  #absorbed{ padding:140px 0 60px;}
  #absorbed .one{ height:56vw;}
  #absorbed .two{ padding:30px 40px;}
  #absorbed .two .left{ width:100%; margin-top:0;}
  #absorbed .two .left .content-one .tables{ height:36vw;}
  #absorbed .two .left .content-two{ line-height:22px; font-size:14px; margin-top:6%;}
  #absorbed .two .right{ width:100%; margin-top:30px;}
  #absorbed .thr .left{ width:90%; max-width:none; text-align:center;}
  #absorbed .thr .left img{ width:100%; max-width:506px; display:inline-block;}
  #absorbed .thr .right{ width:90%; max-width:506px; padding:20px; margin-top:20px; margin-left:0;}
  #absorbed .thr .right .text-two{ display:none;}
  #absorbed .four .content-one .left{ width:86%; height:40vw;}
  #absorbed .four .content-one .right{ margin-top:10%; margin-left:14%;}
  #service{ padding:140px 0 60px;}
  #service .two .figure .title{ font-size:18px;}
  #service .two .figure .brief{ line-height:22px; font-size:14px; margin:6px auto 0;}
  #service .thr .line{ display:none;}
  #service .thr .item{ margin:20px auto;}
  #service .thr .item .prev{ width:26px; height:15px;}
  #service .thr .item .next{ width:26px; height:15px;}
  #service .thr .item .swiper-container{ width:86%;}
  #service .thr .item .swiper-container .swiper-slide .brief{ line-height:24px; font-size:14px;}
  #service .thr .item .swiper-container .swiper-slide .text{ font-size:18px; margin-top:20px;}
  #service .thr .title .fz108{ font-size:50px;}
  #service .thr .title .fz80{ font-size:40px;}
  #custom{ padding:140px 0 60px;}
  #custom .one{ height:56vw; padding:7%;}
  #custom .one .title-one{ font-size:22px;}
  #custom .one .title-two{ font-size:32px;}
  #custom .one .brief{ font-size:12px;}
  #custom .one .more{ font-size:12px;}
  #custom .two .list .content .figure .title{ font-size:20px;}
  #custom .two .list .content .figure .brief{ line-height:18px; font-size:12px;}
  #custom .two .list .content .figure .more{ width:auto; line-height:normal; font-size:12px; padding:3% 6%;}
  #custom .thr .item .list .img .number{ font-size:40px;}
  #custom .thr .item .list .content .title{ font-size:18px;}
}

@media only screen and (max-width:580px){
  #absorbed .one .title-one{ font-size:20px;}
  #absorbed .one .title-two{ font-size:26px;}
  #absorbed .four .picpath-one img{ width:40%;}
  #absorbed .four .content-two .left .title-one .text-one{ font-size:20px;}
  #absorbed .four .content-two .left .title-one .text-two{ font-size:20px;}
  #absorbed .four .content-two .left .title-two{ margin-top:24px;}
  #absorbed .four .content-two .left .title-two .arrow{ width:36px;}
  #absorbed .four .content-two .left .title-two .text-one{ width:40px; line-height:40px; font-size:20px; margin:-12px 8px 0;}
  #absorbed .four .content-two .left .title-two .text-two{ font-size:14px;}
  #absorbed .four .content-two .left .brief{ line-height:20px; font-size:12px;}
  #absorbed .four .content-two .right .picpath-two .title-one{ margin-top:-34px;}
  #absorbed .four .content-two .right .picpath-two .title-one{ border:3px solid #121212; padding:6px;}
  #absorbed .four .content-two .right .picpath-two .title-one .fz40{ font-size:20px;}
  #absorbed .four .content-two .right .picpath-two .title-two{ font-size:16px; padding:8px 36px;}
  #service .one .content{ top:20px; padding:0 20px;}
  #service .one .title{ font-size:80px;}
  #service .two .figure .title{ font-size:16px;}
  #service .two .figure .brief{ width:90%; line-height:20px; font-size:12px;}
  #service .two .item{ padding:26px 0;}
  #service .two .item::before{ display:none;}
  #service .two .item::after{ display:none;}
  #service .two .item .list{ text-align:center; margin-top:30px;}
  #service .two .item .list .picpath{ width:90%; display:inline-block; float:none;}
  #service .two .item .list .content{ width:90%; text-align:left; display:inline-block; float:none; margin-top:10px;}
  #service .two .item .list .content .fz18{ width:100%;}
  #service .thr .title .fz108{ font-size:40px;}
  #service .thr .title .fz80{ font-size:30px;}
  #custom .two .list .content{ margin-top:3%;}
  #custom .thr .figure .title{ width:22%; margin-left:10%;}
  #custom .thr .figure .title figcaption{ line-height:40px; font-size:26px;}
  #custom .thr .figure .brief{ line-height:22px; font-size:12px; margin-top:4%;}
}

@media only screen and (max-width:460px){
  #absorbed .one{ height:60vw;}
  #absorbed .one .title-one{ font-size:16px;}
  #absorbed .one .title-two{ font-size:18px;}
  #absorbed .one .brief{ line-height:18px; font-size:10px;}
  #absorbed .two .left .content-one{ max-width:180px;}
  #absorbed .two .left .content-one .tables{ height:210px;}
  #absorbed .two .right .content-one{ display:none;}
  #absorbed .two .right .content-two{ margin-top:20px;}
  #absorbed .two .right .content-two .text-one{ font-size:16px;}
  #absorbed .two .right .content-two .text-two{ font-size:20px; margin:8px 0 12px;}
  #absorbed .two .right .content-two .more{ width:90px; line-height:30px; font-size:10px;}
  #absorbed .thr .right .title{ font-size:18px;}
  #absorbed .thr .right .brief{ margin:8px 0;}
  #absorbed .four .content-one .left{ width:92%; height:42vw;}
  #absorbed .four .content-two .left{ width:90%;}
  #absorbed .four .content-two .right{ width:90%; background:none; padding:0; margin-left:0; margin-top:6%;}
  #absorbed .four .content-two .right .picpath-two{ width:100%; margin:0;}
  #absorbed .four .content-two .right .picpath-two .title-one{ width:50%;}
  #absorbed .four .content-two .right .picpath-two .title-two{ width:50%; padding:10px 36px;}
  #service .one .title{ font-size:60px;}
  #service .thr .item{ margin:0 auto;}
  #service .thr .item .swiper-container{ width:100%;}
  #service .thr .item .swiper-container .swiper-slide .brief{ line-height:22px; font-size:12px;}
  #service .thr .item .swiper-container .swiper-slide .text{ font-size:16px; margin-top:10px;}
  #service .thr .item .page{ width:100%; text-align:center; margin-top:30px;}
  #service .thr .item .prev{ position:relative; left:auto; top:auto; margin-right:10px;}
  #service .thr .item .next{ position:relative; right:auto; top:auto;}
  #service .thr .title .fz108{ font-size:30px;}
  #service .thr .title .fz80{ font-size:20px;}
  #custom .one{ height:60vw; padding:6%;}
  #custom .one .title-one{ font-size:18px;}
  #custom .one .title-two{ font-size:26px; margin:6px 0 2px;}
  #custom .two .list{ width:90%; margin:10% auto 0;}
  #custom .two .list .picpath{ width:100%;}
  #custom .two .list .content{ width:100%;}
  #custom .two .list .content .figure .title{ line-height:24px; font-size:16px;}
  #custom .two .list .content .figure .brief{ line-height:16px; margin:2% 0 5%;}
  #custom .two .list .content .figure .more{ font-size:10px; padding:2% 4%;}
  #custom .thr .item .list{ width:100%; padding:0; margin-top:10% !important;}
  #custom .thr .item .list .content .title{ margin:4% 0 2%;}
  #custom .thr .item .list.none{ margin-top:0 !important;}
  #custom .four{ padding-top:10%;}
  #custom .four .content .figure{ padding:6%;}
  #custom .four .content .figure .title{ font-size:24px;}
  #custom .four .content .figure .brief{ line-height:22px; font-size:12px; margin-top:8px;}
}

@media only screen and (max-width:380px){
  #absorbed .four .content-one .right .title{ font-size:26px;}
  #absorbed .four .content-one .right .brief{ font-size:14px;}
  #service .thr .title .fz108{ font-size:26px;}
  #service .thr .title .fz80{ font-size:16px;}
  #custom .thr .figure .title{ width:28%; margin-left:0;}
  #custom .thr .figure .title figcaption{ line-height:36px; font-size:24px;}
  #custom .thr .figure .brief{ width:60%; line-height:20px; margin-top:2%;}
  #custom .four .content .figure .brief{ line-height:20px;}
}

@media only screen and (max-width:360px){
  #service .one .content{ top:10px; padding:0 10px;}
  #service .one .title{ font-size:40px;}
  #custom .one .title-one{ font-size:16px;}
  #custom .one .title-two{ font-size:22px;}
  #custom .one .brief{ font-size:10px;}
  #custom .one .more{ font-size:10px;}
}

.sbfooter{position:relative; z-index:1; padding:253px 0 0; background:#191919;}
.sbfooter .left{width:83.333%; /*height:640px;*/ background:#101010; position:relative; z-index:2; padding:140px 0 0;}
.sbfooter .left .topdiv{padding:0 0 0 10%; margin:0 0 140px;}
.sbfooter .left .p1{padding:0 0 0 38px; width:23.625%; margin:0 120px 0 0;}
.sbfooter .left .p2{padding:0 0 0 38px; width:23.625%; /*margin:0 110px 0 0;*/}
.sbfooter .left .p3{width:32.125%;}
.sbfooter .left .p3 .img{width:114px; height:37px; margin:0 0 38px;}
.sbfooter .left .p3 .content{font-size:16px; color:#fff; line-height:27px; color:#fff;}
.sbfooter .left dl{margin:0 0 44px;}
.sbfooter .left dt{color:#999; font-size:16px; line-height:28px; position:relative;}
.sbfooter .left dd{color:#fff; font-size:16px; line-height:23px; min-height:46px;}
.sbfooter .left dl.d1 dt::before{width:26px; height:23px; background:url(https://www.jrlite.com/images/9.png) no-repeat; left:-38px; top:50%; margin:-11.5px 0 0; content:""; position:absolute;}
.sbfooter .left dl.d2 dt::before{width:23px; height:23px; background:url(https://www.jrlite.com/images/10.png) no-repeat; left:-38px; top:50%; margin:-11.5px 0 0; content:""; position:absolute;}
.sbfooter .left dl.d3 dt::before{width:26px; height:27px; background:url(https://www.jrlite.com/images/11.png) no-repeat; left:-38px; top:50%; margin:-11.5px 0 0; content:""; position:absolute;}
.sbfooter .left dl.d4 dt::before{width:26px; height:18px; background:url(https://www.jrlite.com/images/12.png) no-repeat; left:-38px; top:50%; margin:-9px 0 0; content:""; position:absolute;}
.sbfooter .left .p3 .share{margin:70px 0 0;}
.sbfooter .left .p3 .share a{width:20px; height:20px; position:static !important; margin:0 25px 0 0;}
.sbfooter .left .p3 .share img{position:static !important;}
.sbfooter .left .p3 .share2{margin:70px 0 0;}
.sbfooter .left .p3 .share2 a{width:114px; height:30px; position:static !important; margin:0 25px 0 0;}
.sbfooter .copyright{color:#999; text-align:center; line-height:110px; font-size:16px;}
.sbfooter .copyright a{color:#999; font-size:16px;}
.sbfooter .rightbg{width:50%; height:710px; background:url(https://www.jrlite.com/images/18.jpg) no-repeat; position:absolute; right:0; top:0; content:"";}
.sbfooter .go_top{width:17%; height:180px; position:absolute; bottom:0; right:0; background:#191919;}
.sbfooter .go_top a{width:36px; height:36px; background:url(https://www.jrlite.com/images/58.png) no-repeat; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; display:block;}
.sbfooter .go_top a:hover{background:url(https://www.jrlite.com/images/59.png) no-repeat;}
@media screen and (max-width: 1680px){
    .sbfooter .left .topdiv{margin:0 0 100px;}
}
@media screen and (max-width: 1440px){
    .sbfooter .left .topdiv{margin:0 0 80px;}
    .sbfooter{padding:200px 0 0;}
}
@media screen and (max-width: 1400px){
    .sbfooter .left .topdiv{margin:0 0 60px;}
    .sbfooter .left .p1{margin:0 5% 0 0;}
    .sbfooter .left .p2{margin:0 5% 0 0;}
    .sbfooter .left .p3{width:28%;}
}
@media screen and (max-width: 1300px){
    .sbfooter{padding:180px 0 0;}   
}
@media screen and (max-width: 960px){
    .sbfooter{padding:0;}
    .sbfooter .left{width:100%; padding:5% 0 0;}
    .sbfooter .left .topdiv{padding:0 4%; margin:0 0 5%;}
    .sbfooter::before{display:none;}
    .sbfooter .left .p1{width:35%;}
    .sbfooter .left .p2{width:35%;}
    .sbfooter .left .p3{width:100%;}
    .sbfooter .left .p3 .img{margin:0 0 15px;}
    .sbfooter .left .p3 .content{font-size:14px; line-height:180%;}
    .sbfooter .left .p3 .share{margin:40px 0 0;}
    .sbfooter .left .p3 .share2{margin:40px 0 0;}
    .sbfooter .copyright{line-height:280%; font-size:14px;}
    .sbfooter .left dt{font-size:14px;}
    .sbfooter .left dd{font-size:14px; min-height:auto;}
}
@media screen and (max-width: 460px){
    .sbfooter .left .p1{width:calc(100% - 38px); margin:0;}
    .sbfooter .left .p2{width:calc(100% - 38px);}
    .sbfooter .left dl{margin:0 0 5%;}
    .sbfooter .left dt{font-size:12px;}
    .sbfooter .left dd{font-size:12px;}
    .sbfooter .copyright{font-size:12px;}
}

.pro_img_box{}
.pro_img_box .left{width:558px;}
.pro_img_box .left{width:38.75%;}
/* .pro_img_box .right{width:780px; height:520px;} */
.pro_img_box .right{width:54.16%; height:auto;}
.pro_img_box .left li{width:172px; max-height:114px; position:relative; z-index:1; overflow:hidden;}
.pro_img_box .left li::before{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); content:'';}
.pro_img_box .left li.swiper-slide-thumb-active::before{display:none;}
.pro_img_box .left li img{transition: all 0.6s; -ms-transition: all 0.8s;}
.pro_img_box .left li:hover img{transform: scale(1.2); -ms-transform: scale(1.2);}
.pro_img_box .file_down{padding:40px 0 0; margin:40px 0 0; border-top:1px solid #414141;}
.pro_img_box .file_down a{font-size:24px; margin:0 0 35px; padding:0 0 0 66px; color:#888; line-height:44px; background:no-repeat left center; background-size:44px; display:block;}
.pro_img_box .file_down a.p1{background-image:url(https://www.jrlite.com/images/d1.png);}
.pro_img_box .file_down a.p2{background-image:url(https://www.jrlite.com/images/d2.png);}
.pro_img_box .file_down a.p3{background-image:url(https://www.jrlite.com/images/d3.png);}
.pro_img_box .file_down a.p4{background-image:url(https://www.jrlite.com/images/d4.png);}
.pro_img_box .file_down a.p1:hover{background-image:url(https://www.jrlite.com/images/d5.png);}
.pro_img_box .file_down a.p2:hover{background-image:url(https://www.jrlite.com/images/d6.png);}
.pro_img_box .file_down a.p3:hover{background-image:url(https://www.jrlite.com/images/d7.png);}
.pro_img_box .file_down a.p4:hover{background-image:url(https://www.jrlite.com/images/d8.png);}
.pro_img_box .file_down a:hover{color:#f28f00;}
@media all and (max-width:1440px){
	.pro_img_box .file_down{padding:30px 0 0; margin:30px 0 0;}
	.pro_img_box .file_down a{font-size:20px; line-height:36px; background-size:36px; padding:0 0 0 50px;}
}
@media all and (max-width:1200px){
	.pro_img_box .left{width:43%;}
	.pro_img_box .file_down a{font-size:18px; line-height:24px; background-size:24px; padding:0 0 0 35px; margin:0 0 24px;}
}
@media all and (max-width:750px){
	.pro_img_box .right{width:80%; float:none; margin:0 auto 20px;}
	.pro_img_box .left{width:100%; float:none;}
}

.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:1200px; height:550px; position:fixed; left:50%; top:50%; margin:-275px 0 0 -600px; background:#000; z-index:999; visibility:hidden;}
.videowrap.on{visibility:visible;}
.videowrap iframe{position:relative; z-index:-1;}
.videowrap .close{width:30px; height:30px; line-height:30px; top:0; right:-30px; background:#000; color:#fff; font-size:16px;}
@media all and (max-width:750px){
	.videobg{}
	.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{}
	.videowrap{width:80%; height:50vh; position:fixed; left:50%; top:50%; margin:calc((50vh / 2) - 50vh) 0 0 calc((80% / 2) - 80%); background:#000; z-index:999; visibility:hidden;}
	.videowrap.on{visibility:visible;}
	.videowrap .close{width:24px; height:24px; line-height:24px; top:0; right:-24px; background:#000; color:#fff; font-size:16px;}
	.videowrap #shakeVideo{width:100%; height:100%;}
}

.videoboxbg{}
.videoboxbg {width:100%; height:100%; display:block; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:1; }
.videoboxbg .playbtn{width:100px; height:100px; display:block; background:#fff;  letter-spacing:0.2em; border-radius:50px; text-align:center; font-size:13px; line-height:100px; padding-left:0.2em; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}


@media screen and (min-width:901px) {
	.videoboxbg .playbtn{transition:all 0.3s;}
	.videoboxbg{transition:all 0.3s;}
	.videoboxbg:hover .playbtn{background:#f28f00;  color:#fff;  transform:scale(1.1);}
	.videoboxbg:hover{background:rgba(0,0,0,0);}											
}

.site-container .brief img{display:unset;}

/*产品详细页-留言板块*/
a.btn-roll {display:block; width:193px; height:49px; text-align:center; line-height:49px; font-size:18px; color:#f2f2f2; background:url(https://www.jrlite.com/images/btnbg.png) center no-repeat; background-size:contain;}
a.btn-roll:hover {color:#ccc;}
@media(max-width:499.98px) {
	a.btn-roll {width:150px; height:38px; line-height:38px; font-size:16px; margin:0 0 0 10px;}
}

.message-box1 {position:relative; margin-top:74px; padding-bottom:126px; overflow:hidden;}
.message-box1 #message-box {position:absolute; top:-100px; left:0;}								
@media(max-width:1199.98px) {
	.message-box1 {margin-top:20px; padding-bottom:20px;}
}

@media(max-width:767.98px) {
	.message-box1 {margin-top:10px; padding-bottom:10px;}
}
.message-box1 .message-l {float:left; width:288px;}
.message-box1 .message-l h6 {font-size:26px; font-weight:700; color:#fff;}

@media(max-width:767.98px) {
	.message-box1 .message-l h6 {font-size:20px;}
}

.message-box1 .message-l p {margin-top:25px; font-size:16px; line-height:24px; color:#6c6c6c;}

@media(max-width:1249.98px) {
	.message-box1 .message-l {width:32%;}
}

@media(max-width:1199.98px) {
	.message-box1 .message-l p {margin-top:10px; line-height:22px;}
}

@media(max-width:549.98px) {
	.message-box1 .message-l {width:100%;}
}

.message-box1 .message-r { float:right; width:553px;}

@media(max-width:1249.98px) {
	.message-box1 .message-r {width:62%;}
}

@media(max-width:549.98px) {
	.message-box1 .message-r {width:100%; margin-top:10px;}
}

.message-box1 .message-r form .input-wrapper {position:relative;}

.message-box1 .message-r form .input-wrapper i {display:none; width:9px; height:8px; position:absolute; right:24px; top:50%; margin-top:-4px; background:url(../images/product_detail/icon-tri.png) center no-repeat;}

@media(max-width:549.98px) {
	.message-box1 .message-r form .input-wrapper i {right:10px;}
}

.message-box1 .message-r form input[type=text] {width:calc(49% - 28px); padding:0 14px; margin-bottom:10px; line-height:44px; height:44px; font-size:14px; color:#484848; border:1px solid #bfbfbf; outline:none; background-color:#f5f7f8;}
.message-box1 .message-r form input[type=text]:nth-child(3){width:calc(100% - 28px);}

.message-box1 .message-r form input[type=text]:nth-child(2n) {float:right;}
.message-box1 .message-r form input[type=text]::-webkit-input-placeholder {color:#484848;}								
.message-box1 .message-r form input[type=text]:-moz-placeholder {color:#484848;}
.message-box1 .message-r form input[type=text]::-moz-placeholder {color:#484848}								
.message-box1 .message-r form input[type=text]:-ms-input-placeholder {color:#484848;}
.message-box1 .message-r form textarea {width:calc(100% - 28px); height:88px; padding:8px 14px; font-size:14px; line-height:24px; color:#484848; border:1px solid #bfbfbf; background-color:#f5f7f8; outline:none; resize:none;}
.message-box1 .message-r form textarea::-webkit-input-placeholder {color:#484848;}
.message-box1 .message-r form textarea:-moz-placeholder {color:#484848;}
.message-box1 .message-r form textarea::-moz-placeholder {color:#484848;}
.message-box1 .message-r form textarea:-ms-input-placeholder {color:#484848;}
.message-box1 .message-r form .sub-box {margin-top:15px;}

.message-box1 .message-r form input[type=submit] {width:154px; border:none; padding:0; text-align:center; font-size:14px; color:#fff; line-height:42px; height:42px; background:url(https://www.jrlite.com/images/btnbg.png) center no-repeat; background-size:contain;}

.message-box1 .message-r form input[type=submit]:hover {color:#ccc;}

@media(max-width:991.98px) {
	.message-box1 .message-r form input[type=text] {width:calc(48% - 28px);}
	.message-box1 .message-r form input[type=submit] { display:block; width:140px; margin-left:auto; margin-right:auto;}
}
/*产品详细页-留言板块 end*/

.thanks_box h1{letter-spacing: 0; text-transform: none; margin: 0; padding: 0; color:#fff; font-size: 107px;}

.q_contents img{display:unset;}

.searchbox{}
.searchbox{width:300px; height:68px; background:url(https://www.jrlite.com/images/60.png) no-repeat center;}
.searchbox .inputbox{width:224px; height:34px; line-height:34px; margin:17px 0 0 17px; opacity:0.5;}
.searchbox .inputbox input{width:100%; height:34px; background:none; border:none; font-size:14px; color:#999; opacity:1 !important;}
.searchbox .submitbox{width:33px; height:33px; margin:17px 14px 0 0;}
.searchbox .submitbox input{opacity:0; width:100%; height:100%;}


.big-menu{position:fixed; left:-100%; bottom:0; top:0; right:0; z-index:700; width:100%; background:#f28f00;}
.big-menu .max-ap{position:absolute; left:-100%; width:100%; bottom:0; top:0;}
.big-menu .a-bg-0{background:#111;}
/*.big-menu .img{-webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px);}*/
.big-menu .nav{position:absolute; left:-100%; width:50%; bottom:0; top:0; background:rgba(17,24,30,0.5);}
.big-menu .nav .real{height:80%; background:none; /*url(https://www.jrlite.com/images/feather.png) center no-repeat; */}
.big-menu .nav .real td{padding-left:26%;}
.big-menu .nav .real a{color:rgba(255,255,255,0.5); font-size:95px; line-height:1em; font-family:'Butler'; letter-spacing:-1px; font-weight:600;}
.big-menu .nav .real a:hover{color:#f28f00;}
.big-menu .address{background:#000;}
/* .menu-ul .menu-item{padding:30px 0;} */
@media all and (max-width:720px){
    .big-menu .nav{width:100%;}
    .big-menu .nav .real td{padding-left:0; text-align:center;}
    .big-menu .nav .real a{font-size:28px;}
	.header__menu__right{}
}

.header__menu__right{align-self:flex-end; text-align:right; margin-bottom:40px; color:rgba(255, 255, 255, 0.4); float:right; margin:18% calc((100% / 2) - 37%) 0 0 ;}
@media (max-width:767px) {
	.header__menu__right{align-self:flex-start; text-align:left;}
}
.openMenu .header__menu__info{transform:translateX(0); opacity:1;}
.header__menu__info:nth-child(1) {transition-delay:0.5s;}
.header__menu__info:nth-child(2) {transition-delay:0.6s;}
.header__menu__label {font-family:"Butler"; font-size:24px; font-weight:900; margin-bottom:10px; margin-top:60px; color:#fab162; text-transform:uppercase;}
@media (max-width:767px) {
	.header__menu__label {margin-top:20px; font-size:16px;}
}
.header__menu__text {font-family:"Butler"; font-size:25px; font-weight:400; letter-spacing:-1px;}
@media (max-width:767px) {
	.header__menu__right{display:none;}
	.header__menu__text {font-size:20px;}
}



.grid2 {position:fixed; z-index:3000; left:0; top:0; width:100%; height:100%; display:flex; pointer-events:none; width:auto; max-width:unset;}
.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:0.1s;}
.grid2__col {position:relative; width:25%; flex-basis:25%; height:100%;}
.grid2__col:nth-child(2) .grid2__fill {transition-delay:0.1s;}
.grid2__col:nth-child(2) .grid2__line {transition-delay:0.1s;}
.grid2__col:nth-child(3) .grid2__fill {transition-delay:0.2s;}
.grid2__col:nth-child(3) .grid2__line {transition-delay:0.2s;}
.grid2__col:nth-child(4) .grid2__fill {transition-delay:0.3s;}
.grid2__col:nth-child(4) .grid2__line {transition-delay:0.3s;}
.grid2__col:nth-child(5) .grid2__fill {transition-delay:0.4s;}
.grid2__col:nth-child(5) .grid2__line {transition-delay:0.4s;}
.grid2__logo {position:absolute; top:50%; left:50%; width:250px; height:250px; transform:translate(-50%, -40%); opacity:0; z-index:50; transition:all 0.4s; background-size:contain; background-position:center center; background-repeat:no-repeat; background-image:url("/u_file/photo/20190528/5df3d222cf.png");}
.grid2.off--ready .grid2__logo {opacity:1; transform:translate(-50%, -50%);}
.grid2.off .grid2__logo { opacity:0; transform:translate(-50%, -70%); transition-delay:0.1s;}

.grid2{position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; 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{position:absolute; 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 center; background-repeat:no-repeat; background-image:url(https://www.jrlite.com/images/2.png);}
.grid2__col{position:relative; width:25%; flex-basis:25%; height:100%;}
.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{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1A1818; transform-origin:center right; transition:all .4s cubic-bezier(0.42,0,1,1);}
.grid2__line{position:absolute; right:0; width:1px; height:100%; 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);}