@charset "utf-8";
/* CSS Document */

body { font-size:15px; font-family:"Microsoft Yahei"; color:#000; overflow-x:hidden; background:#fff; -webkit-tap-highlight-color:transparent; }
input, textarea, button, select{ -webkit-appearance: none; vertical-align:middle; outline:none; font-family:"Microsoft Yahei"; border:0; color:#000; font-size:15px;}
img { border: 0; vertical-align:top; max-width:100%; }
a { text-decoration:none; -webkit-tap-highlight-color:transparent; color:#333; }
a:hover { text-decoration:none; color:#0659a9; }
ul, li, ol, dl, dt {list-style: none;}
h1, h2, h3, h4, i, em{ font-weight:normal; font-style:normal;}
* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; -webkit-tap-highlight-color:transparent;  word-break:break-all;}
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none; }


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local],input[type=text],input[type=submit],button{ -moz-appearance: textfield; -webkit-appearance: none !important; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#7f7e7e; }
textarea::-webkit-input-placeholder { color:#7f7e7e); }
input::-webkit-input-speech-button { display: none; }

/*placeholder文字默认颜色*/
input:-ms-input-placeholder, select:-ms-input-placeholder{ color:#a0a0a0;}
input::-webkit-input-placeholder, select::-webkit-input-placeholder{ color:#a0a0a0;}



/**index**/
.jjHead{ width:100%; padding:8px 10px; position:fixed; left:0; top:0; z-index:999;}
.jjHead-logo{ width:45px;}
.jjHead.topFix{ background:#0b3659;}

.jjHead-menuBtn { width:35px; height:35px; position:absolute; right:10px; top:13px; cursor:pointer; z-index:105; }
.jjHead-menuBtn .burger { display:block; width:30px; height:3px; position: absolute; left:2px; background:#fff; transition:transform-origin: center; transition: transform 277ms ease-in-out; border-radius:2px; }
.jjHead-menuBtn .burger-1 { top: 6px; }
.jjHead-menuBtn .burger-2 { top: 16px; }
.jjHead-menuBtn .burger-3 { top: 26px; }
.jjHead-menuBtn.active{ border:3px #fff solid; border-radius:50%;}
.jjHead-menuBtn.active .burger-1 { width:22px; top:13px; left:3px; transform:rotate(-45deg); background:#fff; }
.jjHead-menuBtn.active .burger-2 { opacity:0; background:#fff;}
.jjHead-menuBtn.active .burger-3 { width:22px; top:13px; left:3px; transform:rotate(45deg); background:#fff; }

.jjHead-menuList{ background:#0b3659; width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; padding:11vh 5vw 0 5vw; display:none;}
.jjHead-menuList a{ text-align:center; color:#fff; padding:2.8vh 0; font-size:16px; display:block; border-bottom:1px #3c5e7a solid; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode:both; -webkit-animation-name:returnToNormal; animation-name:returnToNormal;} 

@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}



.jjIndex{ width:100%; height:100vh; overflow:hidden;}
.jjIndex-home{ background-position:center; background-size:cover; position:relative; width:100%; height:100%;}
.jjIndex-home .h-logo{ width:100%; position:absolute; left:0; top:26.6vh; text-align:center;}
.jjIndex-home .h-logo img{ width:67.2vw;}
.jjIndex-home .h-menu{ width:100%; position:absolute; left:0; bottom:7vh; text-align:center;}
.jjIndex-home .h-menu a{ padding:0 20px 10px 8px; font-size:17px; font-weight:bold; color:#fff; display:inline-block; position:relative;}
.jjIndex-home .h-menu a:before{ content:''; background:#868a8d; width:1px; height:9px; position:absolute; right:0; top:9px;}
.jjIndex-home .h-menu a:after{ content:''; background:#e62129; width:65px; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:2px;}
.jjIndex-home .h-menu a:last-child{ padding-right:0;}
.jjIndex-home .h-menu a:last-child:before{ display:none;}
.jjIndex-home .h-menu a:first-child{ padding-left:0;}


.jjCase{ background-position:center; background-size:cover; position:relative; width:100%; height:100%;}
.jjCase-title{ width:100%; text-align:center; padding-top:10vh;margin-top: 40px;} 
.jjCase-title .en{ font-size:13px; color:rgba(255,255,255,.5); text-transform:uppercase;}
.jjCase-title .cn{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#fff; line-height:1;}

.jjCase-thumb{ width:100%; overflow:hidden; position:relative; margin-top:7vh; padding:0 16vw;}
.jjCase-thumb li{ position:relative;}
.jjCase-thumb li:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.jjCase-thumb li.swiper-slide-active:before{ display:none;}

.jjCase-word{ margin-top:6vh; overflow:hidden;}
.jjCase-word li{ padding:0 7vw;}
.jjCase-word li .t{ font-size:17px; color:#fff; position:relative; line-height:1; padding-bottom:10px; text-align:center;}
.jjCase-word li .t:before{ content:''; background:#e21b1b; width:65px; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:2px;}
.jjCase-word li .c{  color:rgba(255,255,255,.66); max-height:84px; font-size:16px; line-height:28px; margin-top:15px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}


.jjNews{ background-position:center; background-size:cover; position:relative; width:100%; height:100%;}
.jjNews-first{ width:calc(100% - 12vw); margin:auto; margin-top:7.5vh; height:28.5vh; position:relative;}
.jjNews-first .thumb{ background-position:top center; background-size:cover; width:100%; height:100%; display:inline-block;}
.jjNews-first .title{ background:rgba(0,0,0,.61); font-size:16px; font-weight:bold; color:#fff; width:100%; line-height:35px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;}

.jjNews-list{ padding:1.6vh 6vw 0 6vw;}
.jjNews-list li{ margin-top:3.5vh;}
.jjNews-list li .t{ font-size:16px; font-weight:bold; color:#fff; position:relative; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jjNews-list li .t:before{ content:''; background:#fff; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:50%;}
.jjNews-list li .d{ font-size:13px; padding-left:10px;margin-top:3px; color:rgba(255,255,255,.42);display: none;}


.jjContact{ background-position:center; background-size:cover; position:relative; width:100%; height:100%;}
.jjContact-text{ padding-top:11vh;}
.jjContact-text dl{ text-align:center; padding-top:6.5vh; color:#fff;}
.jjContact-text dl dt img{ width:30px;}
.jjContact-text dl dd{ margin-top:2.5vh; font-size:18px;}
.jjContact-text dl dd.tel{ font-size:18px; line-height:1; font-weight:bold;}
.jjContact-code{ text-align:center; color:#fff; margin-top:4vh; font-size:14px;}
.jjContact-code img{ width:35vw; margin-bottom:8px;}
.jjContact-copy{ width:100%; position:absolute; left:0; bottom:2vh; line-height:24px; text-align:center; color:#fff; font-size:14px;}

.jjIndex-about{ background-position:center; background-size:cover; width:100%; height:100%; padding:120px 25px 25px 25px; color:#fff; } 
.jjIndex-about .pabout-text{ max-height:300px; overflow:hidden;}
.jjIndex-about-more{ text-align:center; width:100%; position:absolute; left:0; bottom:2vh;}
.jjIndex-about-more a{ background:#e62129; font-size:14px; color:#fff; line-height:28px; padding:0 20px; display:inline-block; border-radius:5px;}
.jjIndex-wall{ background-position:center; background-size:cover; width:100%; height:100%; padding:0 10vw;}
.jjIndex-wall .pwall-list{ padding-top:10px;}
.jjIndex-wall .pwall-list li{ margin-top:20px;}
.jjIndex-wall .pwall-list li .title{ margin-top:10px;}

/**简介**/
.pabout{ background-position:center; background-attachment:fixed; background-size:cover; width:100%; min-height:100vh; overflow-y:auto; padding:75px 25px 25px 25px; color:#fff;}
.pabout-title{ font-size:24px; font-weight:bold; line-height:1;}
.pabout-video{ margin-top:15px;}
.pabout-video video{ width:100%; object-fit: fill;}
.pabout-text{ line-height:26px; font-size:16px; text-align:justify; margin-top:25px;}


/**金属幕墙**/
.pwall{  background-position:center; background-attachment:fixed; background-size:cover; width:100%; min-height:100vh; overflow-y:auto; padding:0 10vw;}
.pwall-list{ padding:15px 0 25px 0;}
.pwall-list li{ margin-top:30px;}
.pwall-list li .thumb img{ width:100%;}
.pwall-list li .title{ color:#fff; margin-top:15px; font-size:18px; font-weight:bold;}
.pwall-list li .title .en{  font-size:14px; font-weight:normal; padding-left:15px; color:rgba(255,255,255,.42);}
.pcase{  background-position:center; background-attachment:fixed; background-size:cover; width:100%; min-height:100vh; overflow-y:auto;}
.pcontact{  background-position:center; background-attachment:fixed; background-size:cover; width:100%; min-height:100vh; position:relative;}


/**新闻**/
.pnews{ background:#001e43; width:100%; min-height:100vh; padding:0 6vw 25px 6vw;}
.pnews-first{ background:#fff; margin-top:25px; padding:15px;}
.pnews-first .thumb{ width:100%; display:block;}
.pnews-first .title{ font-size:16px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-first .date{ color:#999; font-size:14px; display:block; margin-top:10px;}
.pnews .jjNews-list{ padding:0;}


.pnews-detailsTop{ padding:80px 0 10px 0; border-bottom:1px  solid rgba(255,255,255,.27);}
.pnews-detailsTop .add{ font-size:14px; color:#b8b8b8;}
.pnews-detailsTop .add .cur{ color:#ff1e27;}
.pnews-detailsTop .title{ font-size:18px; color:#fff; padding:15px 0; line-height:30px;}
.pnews-detailsTop .date{ font-size:14px; color:rgba(255,255,255,.62); display:inline-block;}
.pnews-detailsTxt{  color:rgba(255,255,255,.7); text-align:justify; line-height:28px; margin-top:20px;}
.pnews-detailsPage{ padding-top:15px;}
.pnews-detailsPage a{ color:rgba(255,255,255,.6); font-size:14px;}