/*css */
@import "reset.css?v=0.1991";
@font-face {
  font-family: "PlayfairDisplayBold";
  src: url("font/PlayfairDisplayBold/font.woff2") format("woff2"),
       url("font/PlayfairDisplayBold/font.woff") format("woff"),
       url("font/PlayfairDisplayBold/font.ttf") format("truetype"),
       url("font/PlayfairDisplayBold/font.eot") format("embedded-opentype"),
       url("font/PlayfairDisplayBold/font.svg") format("svg");
}
@font-face {
  font-family: "PlayfairDisplayRegular";
  src: url("font/PlayfairDisplayRegular/font.woff2") format("woff2"),
       url("font/PlayfairDisplayRegular/font.woff") format("woff"),
       url("font/PlayfairDisplayRegular/font.ttf") format("truetype"),
       url("font/PlayfairDisplayRegular/font.eot") format("embedded-opentype"),
       url("font/PlayfairDisplayRegular/font.svg") format("svg");
}
@font-face {
  font-family: "GeomanistRegular";
  src: url("font/GeomanistRegular/font.woff2") format("woff2"),
       url("font/GeomanistRegular/font.woff") format("woff"),
       url("font/GeomanistRegular/font.ttf") format("truetype"),
       url("font/GeomanistRegular/font.eot") format("embedded-opentype"),
       url("font/GeomanistRegular/font.svg") format("svg");
}
@font-face {
  font-family: "AvenirLT95Black";
  src: url("font/AvenirLT95Black/font.woff2") format("woff2"),
       url("font/AvenirLT95Black/font.woff") format("woff"),
       url("font/AvenirLT95Black/font.ttf") format("truetype"),
       url("font/AvenirLT95Black/font.eot") format("embedded-opentype"),
       url("font/AvenirLT95Black/font.svg") format("svg");
}

@font-face {
  font-family: "fjallaoneregular";
  src: url("font/fjallaoneregular/webfont.eot") format("embedded-opentype"),
    url("font/fjallaoneregular/webfont.woff2") format("woff2"),
    url("font/fjallaoneregular/webfont.woff") format("woff"),
    url("font/fjallaoneregular/webfont.ttf") format("truetype"),
    url("font/fjallaoneregular/webfont.svg#fjallaoneregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DecimaMonoProLt";
  src: url("font/DecimaMonoProLt/font.woff2") format("woff2"),
       url("font/DecimaMonoProLt/font.woff") format("woff"),
       url("font/DecimaMonoProLt/font.ttf") format("truetype"),
       url("font/DecimaMonoProLt/font.eot") format("embedded-opentype"),
       url("font/DecimaMonoProLt/font.svg") format("svg");
}
@font-face {
  font-family: "Butler";
  src: url("font/Butler/font.woff2") format("woff2"),
       url("font/Butler/font.woff") format("woff"),
       url("font/Butler/font.ttf") format("truetype"),
       url("font/Butler/font.eot") format("embedded-opentype"),
       url("font/Butler/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
@font-face {
  font-family: "DINMedium";
  src: url("font/DINMedium/font.woff2") format("woff2"),
       url("font/DINMedium/font.woff") format("woff"),
       url("font/DINMedium/font.ttf") format("truetype"),
       url("font/DINMedium/font.eot") format("embedded-opentype"),
       url("font/DINMedium/font.svg") format("svg");
       font-weight:normal;
       font-style:normal;
}
body.index{background:none;}
body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,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; 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;}
.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;}

.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;}
.fz100{font-size:100px;}
.fz120{font-size:120px;}
.fz180{font-size:180px;}

.blank6{height:6px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank50{height:50px;}
.blank150{height:150px;}
.blank100{height:100px;}
.hide{display:none;}
.juhong{ color:#ef7b00;}

.fwbold{font-weight:bold;}
#wrap{max-width: 1920px; overflow: hidden; background:#f3f3f3;}
.cw1200{width: 1200px; margin: 0 auto;}

/**
 * .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}

/**
 * .indexFast
 */
.indexFast{padding:3% 0 4%; background:#191919;}
.indexFast .text{text-align:center;}
.indexFast .text .big{line-height:120%; font-family:"PlayfairDisplayBold"; color:#ef7b00;}
.indexFast .text .small{line-height:40px; font-family:"Calibri"; color:#888;}
.indexFast .list{padding:4% 6.25% 0;}
.indexFast .list .item{width:16%; padding:0 4.5%;}
.indexFast .list .clear{display:none;}
.indexFast .list .item .imgbox{width:148px; height:148px; border-radius:100%;  background:#fff;  margin:0 auto 15px;}
.indexFast .list .item .imgbox a{width:100%; display:block;}
.indexFast .list .item .imgbox .img{width:70%; background:none; margin:0 auto; padding-top:25px; }
.indexFast .list .item .imgbox .img span.cur{ display:none;}
.indexFast .list .item:hover .imgbox .img span.act{ display:none;}
.indexFast .list .item:hover .imgbox .img span.cur{ display:block;}
.indexFast .list .item .title a{color:#a8a8a8; line-height:150%;}
.indexFast .list .item .brief{color:#666; line-height:150%;}
.indexFast .list .item .title a:hover{color:#ef7b00;}
@media all and (max-width:1200px){
    .indexFast .list{padding:4% 0 0;}
}
@media all and (max-width:1100px){
    .indexFast .text .big{font-size:60px;}
    .indexFast .list .item .title a{font-size:20px;}
    .indexFast .list .item .brief{font-size:14px;}
}
@media all and (max-width:960px){
    .indexFast .list .item .imgbox{width:120px; height:120px;}
}
@media all and (max-width:850px){
    .indexFast .list .item{width:29%; margin:0 0 40px; padding: 0 2%;}
    .indexFast .list .item .imgbox{width:128px; height:128px;}
    .indexFast .list .clear.p1{display:block;}
}
@media all and (max-width:720px){
    .indexFast .text .big{font-size:38px; line-height:45px;}
}
@media all and (max-width:640px){
    .indexFast .list .item{width:46%; margin:0 0 15px;}
    .indexFast .list .clear.p0{display:block;}
    .indexFast .list .clear.p1{display:none;}
}
@media all and (max-width:460px){
    .indexFast .list .item .title a{font-size:18px;}
    .indexFast .list .item .brief{font-size:12px;}
}
@media all and (max-width:360px){
    
    .indexFast .text .small{font-size:12px;}
    .indexFast .list .item .imgbox{width:100px; height:100px;}

}
/**
 * .indexClients
 */
.indexClients{background:#191919; padding:3% 0 4%;}
.indexClients .text{text-align:center;}
.indexClients .text .big{line-height:120%; font-family:'PlayfairDisplayBold'; color:#ef7b00;}
.indexClients .text .small{line-height:40px; font-family:"Calibri"; color:#888;}
.indexClients .slideBox{ display:flex; flex-wrap:wrap; justify-content: flex-start; margin-top:50px; position:relative;}
.indexClients .slideBox .buttonBox{width:35%; background:#ef7b00; position:relative;}
.indexClients .slideBox .buttonBox .slideBtn{margin:0 0 0 30%; width:140px; top:24%; bottom:0; overflow:hidden;}
.indexClients .slideBox .buttonBox .ktit{margin-right:15%; right:0; top:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; height:100%;}
.indexClients .slideBox .buttonBox .ktitb{writing-mode:vertical-lr; color:#FFFFFF; text-transform:uppercase; letter-spacing:3px;}
.indexClients .slideBox .buttonBox .slideBtn .prev{width:52px; height:52px; background:url(../images/prev_1.png) no-repeat; background-position:-60px; margin:15px auto;  border:4px solid rgba(51,51,51,0.2); border-radius:50%;}
.indexClients .slideBox .buttonBox .slideBtn .next{width:52px; height:52px; background:url(../images/next_1.png) no-repeat; background-position:-8px; margin:15px auto; 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:65%;}
.indexClients .slideBox .box .bigSlideBox .img-swiper{width:100%;}
.indexClients .slideBox .box .bigSlideBox .img-swiper img{width:100%;}
.indexClients .slideBox .box .bigSlideBox .img-swiper .swiper-slide{ position:relative;}
.indexClients .slideBox .box .bigSlideBox .img-swiper .v_tit{ position:absolute; z-index:1; left:0; bottom:0; width:100%; padding:15px 0; text-align:center; color:#ef7b00; background:rgba(255,255, 255, 0.2);}
.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:1500px){
    .indexClients .slideBox .buttonBox .ktitb{ font-size:88px;}
}
@media all and (max-width:1300px){
    .indexClients .slideBox .box .bigSlideBox .txt-swiper .v_tit{font-size:30px}
	.indexClients .slideBox .buttonBox .ktitb{ font-size:60px;}
}
@media all and (max-width:1200px){
    .indexClients .slideBox .buttonBox .slideBtn{margin:0 0 0 25%; top:28%; width:100px;}
    .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 .slideBox .box .bigSlideBox .txt-swiper .v_tit{font-size:26px}
}
@media all and (max-width:960px){
    .indexClients .slideBox .box .bigSlideBox .img-swiper .v_tit{font-size:20px;}
	.indexClients .slideBox .buttonBox .slideBtn{top:10%;}
	.indexClients .slideBox .buttonBox .ktitb{ font-size:48px;}
	 .indexClients .text .big{font-size:60px;}
}
@media all and (max-width:750px){
    .jdt{display:block;}
    .indexClients{padding:3% 4% 4%;}
    .indexClients .slideBox .box{width:100%; margin:0;}
    .indexClients .slideBox .buttonBox{display:none;}
}

/**
 * .indexProducts  .indexProjects
 */
.indexProducts{background:#0d0d0d; padding:2% 0 0;}
.indexProjects{padding:3% 0 0; background:#0d0d0d;}
.indexProducts .hidetitle,.indexProjects .hidetitle{line-height:120%; font-family:'PlayfairDisplayBold'; text-align:center; color:#ef7b00;margin-top: -5px;}
.indexProducts .productSlideBox,.indexProjects .ProjectsSlideBox{margin:0; margin-top:20px; padding-bottom: 3%}
.indexProducts .productSlideBox .swiper-slide,.indexProjects .ProjectsSlideBox .swiper-slide{width:25%; overflow:hidden; margin:35px 0 0;}
.indexProducts .productSlideBox .swiper-slide.swiper-slide-active,.indexProjects .ProjectsSlideBox .swiper-slide.swiper-slide-active{width:34%; margin:0;}
.indexProducts .productSlideBox .swiper-slide .imgs,.indexProjects .ProjectsSlideBox .swiper-slide .imgs{width:100%;}
.indexProducts .productSlideBox .swiper-slide .imgs::before,.indexProjects .ProjectsSlideBox .swiper-slide .imgs::before{padding:64.7887323943662% 0 0;}
.indexProducts .productSlideBox .swiper-slide .imgs::after,.indexProjects .ProjectsSlideBox .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,.indexProjects .ProjectsSlideBox .swiper-slide .contents{left:0; bottom:10%; z-index:2; width:100%; text-align:center; -webkit-transition:all 1s ease 0s; -moz-transition:all1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s; opacity: 0;}
.indexProducts .productSlideBox .swiper-slide .contents .title,.indexProjects .ProjectsSlideBox .swiper-slide .contents .title{font-family: "AvenirLT95Black"; color:#ef7b00;}
.indexProducts .productSlideBox .swiper-slide .contents .brief,.indexProjects .ProjectsSlideBox .swiper-slide .contents .brief{font-family:'Calibri'; color:#fff;}
.indexProducts .productSlideBox .swiper-slide.on,.indexProjects .ProjectsSlideBox .swiper-slide.on{overflow:visible;}
.indexProducts .productSlideBox .swiper-slide.on .contents,.indexProjects .ProjectsSlideBox .swiper-slide.on .contents{ opacity:1;}
.indexProducts .productSlideBox .swiper-slide.on .imgs::after,.indexProjects .ProjectsSlideBox .swiper-slide.on .imgs::after{opacity:0;}
.indexProducts .productSlideBox .hd,.indexProjects .ProjectsSlideBox .hd{margin:2% 0 0;}
.indexProducts .productSlideBox .hd .bullet,.indexProjects .ProjectsSlideBox .hd .bullet{width:18px; height:18px; border-radius:18px; background:#CCCCCC;  display:inline-block; *display:inline; zoom:1; margin:0 0.52083333333333% 0;}
.indexProducts .productSlideBox .hd .bullet.cur,.indexProjects .ProjectsSlideBox .hd .bullet.cur{background:#ef7b00;}
@media all and (max-width:960px){
    .indexProducts .hidetitle,.indexProjects .hidetitle{font-size:60px;} 
    .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,.indexProjects{padding:3% 4%;}
    .indexProducts .productSlideBox .swiper-slide .contents,.indexProjects .ProjectsSlideBox .swiper-slide .contents{left:0; right:0; text-align:center; bottom:0; top:50%;}
    .indexProducts .productSlideBox .swiper-slide .contents .brief,.indexProjects .ProjectsSlideBox .swiper-slide .contents .brief{font-size:14px;}
    .indexProducts .productSlideBox .swiper-slide.on,.indexProjects .ProjectsSlideBox .swiper-slide.on{overflow:hidden;}
    .indexProducts .productSlideBox .hd .bullet,.indexProjects .ProjectsSlideBox .hd .bullet{width:14px; height:14px; margin:0 1%;}
}
@media all and (max-width:460px){
    .indexProducts .hidetitle,.indexProjects .hidetitle{font-size:38px;}
}
.contact_bth{border:none; width:140px; text-align:center; border-radius:10px; background:#f28f00; padding:12px 0; cursor:pointer; color:#FFFFFF; font-size:16px; letter-spacing:2px;}
.contact_bth:hover{background:#c37505;}


/**
 * .indexVideo
 */
.indexVideo{background:#191919; padding:0 0 102px;}
.indexVideo .hidetitle{line-height:120%; font-family:'PlayfairDisplayBold'; color:#ef7b00; z-index:1; text-align:right; margin:-9px 2.96875% 0 0;}
.indexVideo .picture{margin:-80px 0 0;}
.indexVideo .picture .left{width:59.375%; z-index:1; position:relative; z-index:1; background:none;}
.indexVideo .picture .left .bg{left:0; width:100%; right:0; top:0; bottom:0; background:#ef7b00; z-index:2;}
.indexVideo .picture .left .playvideo{width:82px; height:82px; background:url(../images/play.png) no-repeat; background-size:contain; left:50%; top:50%; margin:-41px 0 0 -41px;  content:""; position:absolute; z-index:1;}
.indexVideo .picture .left::before{padding:53.50877192982456% 0 0;}
.indexVideo .picture .right{width:28.22916666666667%; margin:0 0 0 4.0625%; z-index:2;}
.indexVideo .picture .right .title{margin:20.16393442622951% 0 9.508196721311475% -36.90036900369004%;}
.indexVideo .picture .right .title div{margin:0 0 2%; display:inline-block; *display:inline; zoom:1;}
.indexVideo .picture .right .title div span{color:#d5d5d5; font-family:'AvenirLT95Black'; opacity:0;}
.indexVideo .picture .right .title b{position:absolute; left:0; top:0; bottom:0; width:0%; background:#fff; z-index:2;}
.indexVideo .picture .right .brief{color:#828282; font-family:'Calibri'; line-height:25px; margin:0 0 8.19672131147541%; opacity:0;}
.indexVideo .picture .right .imglist{opacity:0;}
.indexVideo .picture .right .imglist .pic001 li{width:45.01845018450185%;}
.indexVideo .picture .right .imglist .pic001 li::before{padding:77.86885245901639% 0 0;}
@media all and (max-width:1700px){
    .indexVideo .picture .right .title{margin:26% 0 9.508196721311475% -36.90036900369004%;}
    .indexVideo .picture .right .brief{margin:0 0 5%;}
}
@media all and (max-width:1680px){
    .indexVideo .picture .right .title div span{font-size:24px;}
    .indexVideo .picture .right .brief{line-height:24px;}
}
@media all and (max-width:1440px){
	.indexVideo .picture .right .title{margin:19% 0 9.508196721311475% -36.90036900369004%;}
}
@media all and (max-width:1400px){
    .indexVideo .picture .right .title{margin:18% 0 7% -36.90036900369004%;}
}
@media all and (max-width:1350px){
    .indexVideo .picture .right .title{margin:15% 0 7% -36.90036900369004%;}
    .indexVideo .picture .right .title div span{font-size:20px;}
}
@media all and (max-width:1200px){
    .indexVideo .picture{margin:-60px 0 0;}
}
@media all and (max-width:1100px){
    .indexVideo{padding:0 4% 20px;}
    .indexVideo .picture .left{width:100%; margin:0 auto; float:none;}
    .indexVideo .picture .right{width:100%; margin:0 auto; float:none;}
    .indexVideo .picture .right .title{margin:2% 0 3%;}
    .indexVideo .picture .right .title br{display:none;}
    .indexVideo .picture .right .brief br{display:none;}
}
@media all and (max-width:1000px){
    .indexVideo .picture{margin:-40px 0 0;}
}
@media all and (max-width:960px){
   .indexVideo .hidetitle{font-size:60px;}
}
@media all and (max-width:750px){
    .indexVideo .picture{margin:-15px 0 0;}
    .indexVideo .picture .right .title div span{font-size:18px;}
	.indexVideo .picture .left .playvideo{width:40px; height:40px; margin:-20px 0 0 -20px;}
}
@media all and (max-width:460px){
     .indexVideo .hidetitle{text-align:center; margin:0; font-size:38px;}
}
/**
 * .indexBanner
 */
.indexBanner{height:100vh; overflow:hidden; }
.BannerSlideBox { width:100%; height:100vh; }
.BannerSlideBox .globalWH img{min-height:auto !important; height:100vh;!important;}
.BannerSlideBox .swiper-slide{width:100%; overflow:hidden;}
.BannerSlideBox .swiper-slide .imgs{width:100%;}
.BannerSlideBox .swiper-slide .imgs::before{padding:64.7887323943662% 0 0;}
.BannerSlideBox .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;}
.BannerSlideBox .swiper-slide .contents{left:10%; bottom:-100%; z-index:2;}
.BannerSlideBox .contents span{position: relative;display: inline-block;}
.BannerSlideBox .swiper-slide .contents span b{position: absolute;left: 0;top: 0;bottom: 0;width: 0;background:rgba(255,255,255,0.7);}
.BannerSlideBox .swiper-slide .contents .title span b{top: 10%;bottom: 10%;}
.BannerSlideBox .swiper-slide .contents span font{opacity: 0;}
.BannerSlideBox .swiper-slide .contents .title{font-family: "AvenirLT95Black"; color:#ef7b00;}
.BannerSlideBox .swiper-slide .contents .brief{font-family:'Calibri'; color:#ef7b00;}
.BannerSlideBox .swiper-slide.on{overflow:visible;}
.BannerSlideBox .swiper-slide.on .contents{bottom:20%; opacity:1;}
.BannerSlideBox .swiper-slide.on .imgs::after{opacity:0;}
.BannerSlideBox .hd{left:0; bottom:50px; z-index:3; position: absolute; }
.BannerSlideBox .hd .bullet{width:18px; height:18px; border-radius:18px; background:#CCCCCC;  display:inline-block; *display:inline; zoom:1; margin:0 0.52083333333333% 0;}
.BannerSlideBox .hd .bullet.cur{background:#ef7b00; }
@media all and (max-width:780px){
  .indexBanner{height:auto; overflow:hidden; }  
  .BannerSlideBox { width:100%; height:auto;}
  .BannerSlideBox .globalWH img{min-height:100%!important; height:100%!important;}
  .BannerSlideBox .fz40{ font-size:32px;}
}

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

/**
 * .footer
 */
.contact-form{ width:80%; margin:0 auto;}
.footer{background:#373839; padding-bottom:20px; width:100%;}
.footer .w1400{ padding:0 4%;}
.footer .foot_top{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:15px 0; border-bottom:#afafb0 solid 1px;}
.footer .foot_top .toplogo{width:200px;}
.footer .foot_top .toplogo img{width:200px;}
.footer .foot_top .media_icon{display:flex; align-items:center;}
.footer .foot_top .media_icon a{ margin-left:15px; display:inline-block; }
.footer .foot_nav{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:35px 0; margin-bottom:20px; }
.footer .foot_nav .ft_nav{ width:25%; }
.footer .foot_nav .ftnav-title{ font-size:16px; color:#FFFFFF; margin-bottom: 20px;} 
.footer .foot_nav .ft_menu div{margin-bottom: 9px; color: rgba(255,255,255,.6); font-size:14px; line-height:25px; vertical-align: baseline;}
.footer  a{color: rgba(255,255,255,.6);}
.footer a:hover,.footer .copyrights a:hover{color:#ef7b00;}
.footer .copyrights img{ display:inherit; margin-left:10px;}
.footer .foot_nav .ft_menu div img{ float:left;}
.footer .copyrights{line-height:22px; color: rgba(255,255,255,.6);  border-top:#afafb0 solid 1px; font-size:14px; padding:20px 0 0; }

@media all and (max-width:940px){
  .footer .foot_nav .ft_nav{width:50%;}
  .footer .foot_nav .ft_nav{ margin-top:20px;}
}
@media all and (max-width:680px){
  .footer .foot_top .toplogo,.footer .foot_top .media_icon,.footer .foot_nav .ft_nav{width:100%;}
  .footer .foot_top .topicon,.footer .foot_nav .ft_nav{ margin-top:20px;}
  .footer .foot_nav{margin-bottom:0px; }
}
/**
 * .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: 90000}
.cursor {width: 40px; height: 40px;background:url(../images/cursor.png?v=0.021); background-size:cover; transform: translate(-50%,-50%); transition: width .3s,height .3s,opacity .3s,background-color .3s}

@media all and (max-width:760px){
  .cursor,.cursor-follower{visibility:hidden;}
  .cursor-follower.loading{visibility:visible;}
}

/**
 * .menu-hander2
 */
.menu-hander2{width:40px; top:22px; left:3%; z-index:1210; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); display:block;}
.menu-hander2:hover .burger__line{background-color: #ef7b00;}
.menu-hander2.loc .burger__line.line--top{-moz-transform:rotate(45deg) translateY(-4px); -ms-transform:rotate(45deg) translateY(-4px); -webkit-transform:rotate(45deg) translateY(-4px); transform:rotate(41deg) translateY(-4px); background-color: #ef7b00;}
.menu-hander2.loc .burger__line.line--bottom{-moz-transform:rotate(-45deg) translateY(4px); -ms-transform:rotate(-45deg) translateY(4px); -webkit-transform:rotate(-45deg) translateY(4px); transform:rotate(-45deg) translateY(4px); background-color: #ef7b00;}
.menu-hander2.loc .burger__line.line--mid{-moz-transform:translateX(110%); -ms-transform:translateX(110%); -webkit-transform:translateX(110%); transform:translateX(110%);}
@media all and (max-width:600px){
    .menu-hander2:hover .burger__line{background-color: #ef7b00;}
    .menu-hander2.loc .burger__line.line--top{-moz-transform:rotate(45deg) translateY(-4px); -ms-transform:rotate(45deg) translateY(-4px); -webkit-transform:rotate(45deg) translateY(-4px); transform:rotate(45deg) translateY(-4px); background-color: #ef7b00;}
    .menu-hander2.loc .burger__line.line--bottom{-moz-transform:rotate(-45deg) translateY(4px); -ms-transform:rotate(-45deg) translateY(4px); -webkit-transform:rotate(-45deg) translateY(4px); transform:rotate(-45deg) translateY(4px); background-color: #ef7b00;}
}
 @keyframes spin {
    to {
        transform: rotate(360deg)
    }
 }

.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;}
}

.cw1400{ width:90%; max-width:1400px; margin:0 auto;}
.cw945{ width:90%; max-width:1000px; 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;}


/*服务页面*/
#service{ padding:16.8% 0 10%;}
#service .two{ background:#0f0f0f; padding-top:70px;}
#service .two .figure{ width:100%;}
#service .two .tit{ width:100%;padding:0 4.3%;}
#service .two .tit p{ line-height:30px; color:#c0c0c0;}
#service .two .figure .brief{ width:80%;  line-height:30px; color:#c0c0c0; margin:20px auto 0; text-align:left;}
#service .two .item{ width:100%; position:relative; padding:50px 4.3%; margin-top:1.2%;}
#service .two .item .list{ width:100%; margin-top:5.5%;}
#service .two .item .list:first-child{ margin-top:0;}
#service .two .item .list .content{ width:70%; padding-left:30px; box-sizing:border-box; }
#service .two .item .list .content .service_tit{line-height:40px; color:#fff; margin-bottom:15px;  }
#service .two .item .list .content .service_tit a{color:#fff; }
#service .two .item .list .content .service_tit a:hover{color:#ef7b00; }
#service .two .item .list .content .con{line-height:30px; color:#fff;}
#service .two .item .list .content .more{color:#fff; text-align:right; display:block; margin-top:20px; padding-right:20px;}
#service .two .item .list .content .more:hover{color:#ef7b00;}
#service .two .item .list .picpath{ width:30%;}
#service .two .item .list .picpath img{ width:100%;}
#service .two .item .list.none .content{padding-right:30px; padding-left:0;}

#service .article{padding-bottom:7%;}
#service .two .figure .title{ text-transform:uppercase; color:#fff; font-family:"AvertaDemoPERegular"; /* text-align:left; */}
.down_category{ text-align:center;}
.down_category a{ width:40%; display:inline-block; line-height:70px; font-size:24px; text-transform:uppercase; text-align:center; background:#999999; color:#FFFFFF;}
.down_category a.on{background:#f28f00; }

#service .two .videolist{ display:flex;  flex-wrap:wrap; justify-content:space-between; padding:0 10px;}
#service .two .videolist article{ margin-bottom:20px; width:calc((100% - 60px) / 4); margin-left:20px; }
#service .two .videolist article:nth-child(4n+1){  margin-left:0;  }

#service .two .vp-a{width:100%; background:#1f1f1f; display:block; }
#service .two .video_htit{ font-size:24px; margin-bottom:20px; padding-left:10px;}
#service .two video{ width:100%; object-fit:cover;}
#service .two .video1title,#service .two .video21title{ font-size:18px; color:#FFFFFF; padding:15px 10px;}
#service .two .video21title{ font-size:16px;}
#service .two .video21title p{ font-size:14px; color:#d1d1d1; padding-top:6px;}

#pro-list .pro_title{ font-size:18px; font-weight:bold;  padding:15px 10px;}
#pro-list .pro_title p{ font-size:13px; line-height:25px;  padding-top:6px;}
.pros_cate{ width:200px; float:left; background:#0f0f0f; padding:20px; color:#FFFFFF; border-radius:10px;}
.pros_cate h2{ font-size:18px; border-bottom:#3b3a3a solid 1px; margin-bottom:20px; color:#FFFFFF; line-height:50px;}
.pros_cate a{ font-size:17px; font-weight:bold; color:#FFFFFF;}
.pros_cate li{line-height:46px; border-bottom:#272727 solid 1px;  }
#pros_cate_fixed{display: none; position: fixed; z-index: 10;}
#pros_cate_fixed.active{display: block;}
#pros_cate_origin.active{display: none;}
#pros_cate_origin.ps{ position:absolute; bottom:20px;}
#pro-list .pro_r{width:calc(100% - 270px); float:right;}
#pro-list .pro_w100{width:100%;}
.sectionpro h2{ color:#FFFFFF; padding-left:10px; font-size:18px; margin-bottom:20px; font-weight:bold; }
.sectionpro article:hover .post-link{border: solid 1px #fff; }
.pros_cate ul li a.active,.pros_cate ul li a:hover  {
    color: #ef7b00;
}
#projects-list article:hover .post-link{border: solid 1px #fff; }

/*定制页面*/
#custom{ padding:16.8% 0 6%;}
#custom .two{ padding-top:6.3%;}

#custom figcaption.title{text-transform:uppercase; color:#fff; font-family:"AvertaDemoPERegular"; margin-bottom:50px;  }
#custom .two .brief{ line-height:30px; color:#c0c0c0; text-align:left;}
#custom .two .list{ margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between; } 
#custom .two .list .picpath{ width:25%;  position:relative;}
#custom .two .list .picpath .img{ width:100%; 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:100%;}
#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%; line-height:26px; overflow:hidden; color:#fff; font-family:"AvertaDemoPERegular"; margin:5% 0 15%;}
#custom .two .list.left .picpath .img{ left:50%;}
#custom .two .list.left .picpath .img::before{ left:94%;}
#custom .two .list.left .content{padding-right:3.6%;}
#custom .two .list.right .picpath .img{ right:53%;}
#custom .two .list.right .picpath .img::before{ right:94%;}
#custom .two .list.right .content{padding-left:3.6%;}
#custom .two .list.none,.#custom .thr .item .list.none{ margin-top:0;}

#custom .thr .figure{ width:100%; text-align:center; margin-top:-150px;}
#custom .thr .figure .title{ width:250px; position:relative; padding-top:274px; margin-left:70px;}
#custom .thr .figure .title::before{ width:1px; height:200px; background:#fff; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto; content:'';}
#custom .thr .figure .title .custom_c{ line-height:70px; color:#ef7b00; font-family:"DINMedium"; border:2px solid #fff; padding:14px 0;}
#custom .thr .figure .brief{ width:550px; line-height:28px; 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:#ef7b00; 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:100%; line-height:30px;  color:#fff; font-family:"AvertaDemoPERegular"; position:relative;  margin-top:18px;}
#custom .thr .item .list.two{ margin-top:210px;}
#custom .thr .bot{ width:100%; height:200px; position:relative; margin-top:-70px; text-align:right;}
#custom .thr .bot::before{ width:1px; height:100%; background:#fff; 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 .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:#fff; position:absolute; left:-30%; top:15%; z-index:2; content:'';}

@media only screen and (max-width:1680px){
  #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){
  #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 .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 .figure{ padding:8%;}
  #custom .four .content .figure .title{ font-size:30px;}
}


@media only screen and (max-width:1280px){
  #custom .two .list .content .figure .title{ height:72px; line-height:36px; font-size:26px;}
  #custom .two .list .content .figure .brief{ 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:1080px){
  #custom .thr .figure .brief{ width:500px; margin-left:40px;}
}

@media only screen and (max-width:1024px){
  #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){
  #service .two .figure .title{ font-size:20px;}
  #service .two .figure .brief{ line-height:26px; font-size:16px; margin:10px auto 0;}
  #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){
  #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){
  #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 .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){
  #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; padding:0;}
  #service .two .item .list.none .content{ padding:0;}
  #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){
  #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 .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){
  #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;}
}

.pro_img_box .big{ width:66.5%;}
.pro_img_box .big img{width:100%; border:#000000 solid 1px; }
.pro_img_box .small{width:32.5%; display: flex;
    flex-direction: column;
    justify-content: space-between;} 
.pro_img_box .small .small-slide{width:100%;}
.pro_img_box .small .small-slide img{width:100%; border:#000000 solid 1px;}

.pro_icon{width:66%; margin-top:20px; display: flex;  flex-wrap:wrap;    justify-content: flex-start;}
.pro_icon_item{width:calc(100% / 9);}
.pro_icon_item img{ width:100%; padding:1px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


.pro_peijian .pro_title{ font-size:18px; font-weight:bold;  padding:15px 10px;}
.pro_peijian .pro_title p{ font-size:13px; line-height:25px;  padding-top:6px;}
.pro_peijian .post-link:hover{color:#000;}

.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:#ef7b00;  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(../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;}								
.message-box1 .message-l {float:left; width:40%;}
.message-box1 .message-l h6 {font-size:38px; font-weight:700; color:#fff;}
.message-box1 .message-l p {margin-top:25px; font-size:16px; line-height:24px; color:#6c6c6c;}
.message-box1 .message-r { float:right; width:55%;}
.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;}
.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(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=botton] {width:154px; border:none; padding:0; text-align:center; font-size:14px; color:#fff; line-height:42px; height:42px; background:url(../images/btnbg.png?v=0.02) center no-repeat; background-size:contain;}
.message-box1 .message-r form input[type=botton]:hover {color:#ccc;}
@media(max-width:1249.98px) {
	.message-box1 .message-r {width:62%;}
	.message-box1 .message-l {width:32%;}
}
@media(max-width:1199.98px) {
	.message-box1 .message-l p {margin-top:10px; line-height:22px;}
	.message-box1 {margin-top:20px; padding-bottom:20px;}
}
@media(max-width:991.98px) {
	.message-box1 .message-r form input[type=text] {width:calc(48% - 28px);}
	.message-box1 .message-r form input[type=botton] { display:block; width:140px; margin-left:auto; margin-right:auto;}
}
@media(max-width:767.98px) {
	.message-box1 .message-l h6 {font-size:20px;}
	.message-box1 .message-r {width:100%; margin-top:10px;}
	.message-box1 .message-r form input[type=text] {width:calc(100% - 28px);}
	.message-box1 .message-r form .input-wrapper i {right:10px;}
	.message-box1 .message-l {width:100%; margin-bottom:20px;}
}

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

.big-menu{position:fixed; left:-100%; bottom:0; top:0; right:0; z-index:700; width:100%; background:#000;}
.big-menu .nav{position:absolute; left:-100%; width:100%; bottom:0; top:0; background:#000;}
.big-menu .nav .real{margin-top:110px; width:100%;  background:none; }
.big-menu .nav .real td{padding-left:3%;}
.big-menu .nav .real a{color:#fff; font-size:80px; line-height:1.3em; font-family:'PlayfairDisplayBold'; text-transform:uppercase;  letter-spacing:3px; font-weight:600;}
.big-menu .nav .real a:hover{color:#ef7b00;}
@media all and (max-width:1440px){
    .big-menu .nav .real a{font-size:60px;}
}
@media all and (max-width:1100px){
    .big-menu .nav .real a{font-size:50px;}
}
@media all and (max-width:780px){
    .big-menu .nav .real a{font-size:30px; line-height:1.6em; }
}
@media all and (max-width:640px){
    .big-menu .nav .real{margin-top:70px;}
    .big-menu .nav .real a{font-size:20px;  line-height:2em; }
}

.pro_cate{ position:relative; margin-top:50px;}
#service .pro_cate:first-child{ margin-top:0;}
.ic-text a{ color:#FFFFFF; position:absolute; z-index:2; top:15%; width:40%; padding-left:50px; }
.ic-tit{ font-size:29px; font-weight: 500; line-height:50px; margin-bottom:20px;}
.ic-con{ line-height:30px; font-size:14px;}
.ic-more{ color:#ef7b00; padding-top:30px; font-size:16px;}
.pro_series{ display:flex;  flex-wrap:wrap; justify-content:space-between; }
.series_item{width:23%; background:#1f1f1f; margin-top:30px;}
.series_item img{width:100%;}
.series_item .stit{ font-size:18px; color:#FFFFFF; padding:25px 15px 0;}
.series_item .scon{ font-size:14px; color:#d1d1d1; padding:10px 15px 25px; line-height:25px;}

.pro_category{ text-align:center;}
.pro_category a{ width:23%; display:inline-block; line-height:60px; font-size:18px; text-transform:uppercase; text-align:center; background:#999999; color:#FFFFFF; margin-right:1%;}
.pro_category a.on,.pro_category a:hover{background:#f28f00; }

.prolist{ display:flex;  flex-wrap:wrap; justify-content:flex-start; padding:0 10px;}
.prolist article{ margin-bottom:20px; width:calc((100% - 60px) / 4); margin-left:20px;  background:#1f1f1f;  }
.prolist article:nth-child(4n+1){  margin-left:0;  }
.prolist article img{width:100%;}
.prolist .protitle{ font-size:16px; color:#FFFFFF; padding:15px 10px;}
.prolist .protitle p{ font-size:14px; line-height:25px; color:#d1d1d1; padding-top:6px;}

.products_detail_tit{font-size:28px; line-height:40px; margin-bottom:20px; font-weight:bold;}
.products_detail_cs{ font-size:16px; line-height:40px; margin-bottom:28px; font-weight:bold;     padding: 15px;
    border: 3px double #ddd;
    border-radius: 4px;}

.products_tab .tabSwitchList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 20px;
    padding: 0;
    justify-content: space-between;
    align-items: center;
}
.products_tab  .tabSwitchList li {
    position: relative;
    width: 24%;
    margin: 0;
    padding: 8px 10px 8px 26px;
    background: #dcdcdc;
    color: #fff; 
	font-size:18px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 -1px 0 #a4a4a4;
    cursor: pointer; 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.products_tab  .tabSwitchList li  a{
    color: #fff; 
}
.products_tab  .tabSwitchList li  a:hover{
    color: #ef7b00; 
}
.products_tab  .tabSwitchList li.select {
    background: #ef7b00;
    text-shadow: 0 -1px 0 #d56f03;
}
.products_tab .tabSwitchList li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 6px;
    height: 7px;
    margin: auto;
    background: url(../images/ico_arrow_white.png);
    -webkit-background-size: 6px 7px;
    background-size: 6px 7px;
}
.products_tab .tabSwitchList li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 26px;
    width: 2px;
    height: 100%;
    margin: auto;
    border-left: 1px solid #cbcbcb;
    background-color: #eee;
}
.products_tab .tabSwitchList li.select::after {
    border-left: 1px solid #cd6b03;
    background-color: #d68228;
}
.pro_data,.pro_img_box { display: flex;justify-content: space-between; flex-wrap: wrap;}
.pro_pd{ width:53.5%;}
.downloadInfo{ width:19%;  font-size:14px;}
.pdfDownload{ width:19%;}
.txtBold{ font-weight:bold; margin-bottom:15px;}
.downloadInfo ul li { 
     padding-bottom:7px;
	 margin-bottom:7px; line-height:23px;
     border-bottom: 1px solid #eee;
}

.pdfDownload .bgInner {
    padding: 6px; 
	border: 1px solid #e6e6e6; 
	border-radius: 8px; 
    background-color: #f7f7f7; 
	padding-bottom:20px;
}
.pdfDownload .dlTitle {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 10px;
    color: #000;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.pdfDownload ul {
    margin: 0 auto;
    padding: 0;
}
.pdfDownload ul li {
    list-style: none;
    margin: 0 auto 5px;
    padding: 0;
}
.pdfDownload ul li a {
    display: block;
    position: relative;
    padding: 13px 10px 13px 40px;
    border: 3px double #e1e1e1; 
	font-size:15px;
    border-radius: 6px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(to bottom, #fff 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom, #fff 0%,#e8e8e8 100%);
    color: #000;
    font-weight: bold;
    text-align: center;
}
.pdfDownload ul li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    width: 13px;
    height: 13px;
    margin: auto;
    background: url(../images/ico_download.png) 0 0 no-repeat transparent;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
}
.pdfDownload ul li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 38px;
    width: 2px;
    height: 100%;
    margin: auto;
    padding: 0;
    border-right: 1px solid #d9d9d9;
    background-color: #fbfbfb;
} 
.catalogBottom{ padding-top:40px;}
.catalogBottom .priceBox,.catalogBottom .imageBox{ width:50%; float:left; }
.catalogBottom .imageBox{ padding-left:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.priceBox table {
    width: 100%;
}
.priceBox table {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.priceBox table th, .priceBox table td {
    padding: 10px; 
	font-size:14px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.products_loc{ 
     margin:20px; margin-top:0;      
     padding: 10px;
     border: 1px solid #e5e5e5;
     border-radius: 6px;
	 font-size:16px;}
.products_loc a{ font-size:16px;}	 

.products_loc span{
    display: inline-block;
    overflow: hidden;
    width: 15px;
    height: 16px;
    background: url(../images/ico_home.png) 0 0 no-repeat transparent;
    background-size: cover;
    color: transparent;
    white-space: nowrap; margin-right:10px;  
	
}
#products_detail{ width:90%; margin:0 auto;}

#downpass{ padding:0 30px 20px; }
h2.ct{ text-align:center; font-size:20px; line-height:60px;}
#downpass input[type=password] {width:100%; padding:0 14px; line-height:44px; height:44px; font-size:14px; color:#484848; border:1px solid #bfbfbf; outline:none; background-color:#f5f7f8; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#downpass input[type=password]::-webkit-input-placeholder {color:#484848;}								
#downpass input[type=password]:-moz-placeholder {color:#484848;}
#downpass input[type=password]::-moz-placeholder {color:#484848}								
#downpass input[type=password]:-ms-input-placeholder {color:#484848;}
#downpass .down_btn{width:154px; border:none; padding:0; text-align:center; font-size:14px; color:#fff; line-height:42px; height:42px; background:#ef7b00; margin:0 auto;  }
#downpass .down_btn:hover{background:#d16e06;  }
#downpass .form_group{padding-bottom:10px; text-align:center;}

#downpass a{font-size:20px; line-height:60px;}
#downpass a:hover{ color:#ef7b00;}
.videoa{ padding-top:70px;}
.videob{ padding:50px 0;}
.contact-text a{color: #666;}
.contact-text a:hover{color: #f28f00;}

.product-specs{display: flex; justify-content:flex-start; flex-wrap: wrap; padding-top:30px;}
.product-specs--group{width: 33.33333%; margin-bottom:30px; padding: 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.product-specs--table {
    width: 100%;  border-collapse: collapse;
}
.product-specs--table thead th {
    text-transform: uppercase; 
	text-align:left;   
	font-size:16px; 
	padding-bottom:10px;
    border-bottom: 1px solid #eceef1;
}
.product-specs--table tbody td:first-child {
    text-align: left;
}
.product-specs--table tbody td {
    text-align: right; 
	font-size:14px; 
	padding:10px 0;
    border-bottom: 1px solid #eceef1;
}
.product-specs--table tbody td.value {
    white-space: nowrap;
}


@media all and (max-width:1200px){
    .ic-text a,.product-specs--group{ width:50%;}
	.products_tab  .tabSwitchList li {
      width: 49%; 
	  margin-bottom:10px;
     }
	.pro_pd{ width:100%;}
    .downloadInfo{width:48%; margin-top:30px;}
    .pdfDownload{width:48%; margin-top:30px;} 
}
@media all and (max-width:1000px){
    .ic-text a{position:relative; width:100%; padding-left:0; top:0; padding-top:30px;}
	.pros_cate,#pros_cate_fixed.active{ display:none;}
	#pro-list .pro_r{width:100%; float:left;}
	
}
@media all and (max-width:980px){
  .series_item{width:49%;}
}
@media all and (max-width:780px){
  .down_category a{ width:45%; line-height:60px; font-size:18px; }
  .products_tab  .tabSwitchList li, .downloadInfo,.pdfDownload,.catalogBottom .priceBox,.catalogBottom .imageBox,.product-specs--group{
      width: 100%;
   }
   .catalogBottom .imageBox{padding-left:0px; }
   .pro_img_box .big,.pro_img_box .small,.pro_icon{ width:100%;}
   .pro_img_box .small{display:block;} 
   .pro_img_box .small-slide{ margin-top:20px;} 
}
@media all and (max-width:600px){
  .videoa,.videob{ padding-top:40px;}
  #service .two .videolist{ padding:0;}
  #service .two .videolist article{width:100%; margin-left:0; }
  #service .two .video_htit  h1{ font-size:22px; line-height:36px;}
}
@media all and (max-width:480px){
  .series_item{width:100%;}
  
}