@charset "UTF-8";




ol,ul{padding:0;margin:0}
ol li,ul li{list-style-type:none}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

main{display:block}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:700}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub{bottom:-.25em}
sup{top:-.5em;display:inline-block;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
img{border-style:none}
iframe{border:0;height:100%;width:100%}
p{margin:5px 0 15px}
.text-white-space{white-space:nowrap}
.about--viedo,.carousel--inst-img,.img--100,.img--104-2,.img--125,.img--133,.img--25-8,.img--30,.img--50,.img--55,.img--62-5,.img--66,.img--75,.img--77-27,.img--87-411,.img--150,.img--136{position:relative;width:100%;overflow:hidden;display:block;background:url(../img/logo.svg) no-repeat center center;background-color:#f9f9f9;background-size:30% 30%}
.img--25-8{padding-bottom:25.8%}
.img--30{padding-bottom:25.8%}
.about--viedo,.img--50{padding-bottom:50%}
.img--55{padding-bottom:55%}
.carousel--inst-img{padding-bottom:56.25%}
.img--62-5{padding-bottom:62.5%}
.img--66{padding-bottom:66.666%}
.img--75{padding-bottom:75%}
.img--77-27{padding-bottom:77.27%}
.img--87-411{padding-bottom:87.411%}
.img--100{padding-bottom:100%}
.img--104-2{padding-bottom:104.2%}
.img--125{padding-bottom:125%}
.img--133{padding-bottom:75%}
.img--136{padding-bottom:136%}
.img--150{padding-bottom: 150%;}
.about--viedo iframe,.carousel--inst-img img,.img--100 img,.img--104-2 img,.img--125 img,.img--133 img,.img--25-8 img,.img--30 img,.img--50 img,.img--55 iframe,.img--62-5 img,.img--66 img,.img--75 img,.img--77-27 img,.img--87-411 img,.img--150 img,.img--136 img{position:absolute;top:50%;left:50%;max-width:101%;width:101%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#fff}
.carousel--inst-img a[data-lightbox],.img--100 a[data-lightbox],.img--104-2 a[data-lightbox],.img--125 a[data-lightbox],.img--133 a[data-lightbox],.img--50 a[data-lightbox],.img--62-5 a[data-lightbox],.img--66 a[data-lightbox],.img--75 a[data-lightbox]{position:initial}
.text-center{text-align:center}
.lazyload{z-index:-1}
.lazyload.loaded{z-index:0}
.gray,.gray-1{background-color:#f7f7f7}
.navy-blue{background-color:#8b95a8}
@media (max-width:575px){a[data-lightbox]{cursor:not-allowed;pointer-events:none}
.application--project a[data-lightbox]{cursor:pointer;pointer-events:initial}
}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.25;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
:after,:before{font-style:normal}
:focus{outline:0}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a{color:#fdc500;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:hover{text-decoration:underline;background-color:transparent;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
button{background:0 0;border:0;padding:0}
.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0}





/*! lightbox*/html.lb-disable-scrolling{position:fixed;overflow:hidden;width:100vw;height:100vh}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8}
.lightbox{position:absolute;left:0;z-index:10000;width:100%;text-align:center;font-weight:400;line-height:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border:4px solid #fff;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;margin:0 auto;width:250px;height:250px;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{clear:both;display:table;content:""}
.lb-loader{position:absolute;top:43%;left:0;width:100%;height:25%;text-align:center;line-height:0}
.lb-cancel{display:block;margin:0 auto;width:32px;height:32px;background:url(../images/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url('data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}
.lb-next,.lb-prev{display:block;height:100%;cursor:pointer}
.lb-nav a.lb-prev{left:0;float:left;width:34%;background:url(../images/prev.png) left 48% no-repeat;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{right:0;float:right;width:64%;background:url(../images/next.png) right 48% no-repeat;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{position:relative;margin:0 auto;padding-top:5px;width:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.lb-dataContainer:after{clear:both;display:table;content:""}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{margin:0 auto;margin-top:8px;width:85%;text-align:center;line-height:1.1em}
.lb-data .lb-caption{font-weight:600;font-size:16px;line-height:1.25}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{clear:left;display:block;padding-bottom:1em;color:#999;font-size:12px}
.lb-data .lb-close{position:absolute;top:0;right:0;float:right;display:block;width:30px;height:30px;outline:0;background:url(../images/close.png) top right no-repeat;text-align:right;opacity:.7;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{opacity:1;cursor:pointer}
[data-lightbox]:after{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;background:rgba(18,86,153,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M1024 0v416L864 256 672 448l-96-96 192-192L608 0zM448 672L256 864l160 160H0V608l160 160 192-192z'/%3E%3C/svg%3E") no-repeat center;background-size:0 0;content:'';opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
[data-lightbox]:hover:after{background-size:32px 32px;opacity:1;width:100%;height:100%}
/*! error-page*/.error-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px;margin-bottom:40px}



/*! Applications*/.applications--top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.applications--left{width:66.666%}
.applications--right{width:27.777%}
.quotation--message__main{position:fixed;z-index:999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;width:1000px}
.quotation--message__main-con{max-height:calc(100vh - 60px);width:1000px;background-color:unset;-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:5px;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap}
.quotation--message__left{width:45%}
.quotation--message__right{width:55%;padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.applications--right-a>span:after{position:fixed;z-index:998;background-color:rgba(51,51,51,.5);content:"";width:100%;height:100%;left:0;top:0;display:none}
.quotation--message__main.contact-mail form>div{margin-bottom:20px}
.quotation--message__tit{font-weight:700;font-size:28px;line-height:1.1;font-style:italic;color:#fdc500}
.quotation--message__p{font-size:14px;color:#919191;margin-top:10px;margin-bottom:20px}
.quotation--message__main.contact-mail form input.input{background-color:#efd248;color:#fff}
.quotation--message__main.contact-mail form input.input:hover{border-color:#3a4861;color:#3a4861;background-color:unset}
.close-message1{position:absolute;top:18px;right:-15px;color:#3a4861;font-size:16px;line-height:1;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:#fff;border:solid 1px #bababa;border-radius:50px;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.close-message1:hover{background-color:#efd248;color:#3a4861;border-color:#efd248}
.quotation-opened .quotation--message__main{display:block}
.quotation-opened.applications--right-a>span:after{display:block}
.prolist1--img{margin-top:50px}
.quotationform{margin-top:30px}
.applications--right-a .contact-mail form input,.applications--right-a .contact-mail form textarea{border-radius:5px}
.applications--right-cell>a,.applications--right-cell>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f8;border:solid 1px #e7e7e7;border-radius:5px;padding:15px 20px;font-weight:700;line-height:1;cursor:pointer;color:#3a4861;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.applications--right-cell>a i,.applications--right-cell>span i{line-height:1;padding-right:15px;font-weight:400;font-size:20px;cursor:pointer}
.applications--right-cell+.applications--right-cell{margin-top:20px}
.applications--right-cell>a:hover,.applications--right-cell>span:hover{background-color:#fdc500;text-decoration:none;color:#fff}
.applications-list{margin-top:0}
.applications-list a{display:block;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.16);box-shadow:0 1px 2px rgba(0,0,0,.16);border-radius:8px 8px 0 0;overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.applications-list a p{margin:0;line-height:1.3;font-weight:600;font-size:20px;color:#3a4861;padding:25px 10px;margin-top:20px;position:relative}
.applications-list a p:before{content:"";width:40px;height:5px;background-color:#fdc500;top:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.applications-list a:hover{text-decoration:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.16);box-shadow:0 6px 12px rgba(0,0,0,.16)}
.applications-list a:hover p:before{width:calc(100% - 40px)}
.applications-top-img{margin-top:20px;max-width:100%}
.application--project ul{display:-webkit-box;display:-ms-flexbox;display: flex;margin-top:30px;flex-direction: row;flex-wrap: wrap;}

    
    
    
.application--project ul li{width:calc(48% - .8px);margin-right:1px;position:relative; margin:20px 10px 20px 10px;}
/*.application--project ul li:nth-child(5){margin-right:0}*/
.application--project ul li p{margin:0;padding:25px;width:100%;text-align:center;line-height:1.2;font-size:20px;font-weight:400;position:absolute;left:0;bottom:8px;color:#fff;z-index:2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;line-height:1.2}
.application--project--img{position:relative}

.application--project--img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(58,72,97,0)),color-stop(53%,rgba(36,45,60,.08)),color-stop(76%,rgba(27,33,44,.53)),to(rgba(12,14,19,.72)));background:-o-linear-gradient(top,rgba(58,72,97,0) 0,rgba(36,45,60,.08) 53%,rgba(27,33,44,.53) 76%,rgba(12,14,19,.72) 100%);background:linear-gradient(180deg,rgba(58,72,97,0) 0,rgba(36,45,60,.08) 53%,rgba(27,33,44,.53) 76%,rgba(12,14,19,.72) 100%);z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.application--project ul [data-lightbox]:after{display:none}
/*
.application--project ul li p:after{content:"";width:40px;height:5px;background-color:#fff;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
*/
.application--project ul li p:before{content:"\e63f";vertical-align:middle;font-size:46px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;color:#fff;font-weight:400;margin-bottom:25px;display:none}
.application--project ul li a:hover p{bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
.application--project ul li a:hover p:after{display:none}
.application--project ul li a:hover p:before{display:block}
.application--project ul li a:hover{text-decoration:none}
.application--project ul li a:hover .application--project--img:before{background-color:rgba(58,72,97,.72)}
@media (max-width:1519px){.application--project ul{margin-top:50px}
.application--project ul li p{padding:20px 10px;font-size:18px}
.application--project ul li p:before{font-size:40px}
.quotation--message__tit{font-size:26px}
}
@media (max-width:1199px){.quotation--message__tit{font-size:22px}
.application--project ul li p{font-size:18px;padding:20px}
.application--project ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
.application--project ul li:nth-child(1),.application--project ul li:nth-child(2),.application--project ul li:nth-child(3){width:calc(33.333% - .666px)}
.application--project ul li:nth-child(4),.application--project ul li:nth-child(5){width:calc(50% - .5px)}
.application--project ul li:nth-child(3),.application--project ul li:nth-child(5){margin-right:0}
.quotation--message__main-con{max-height:calc(100vh - 60px);width:900px}
.quotation--message__main{width:900px}
}
@media (max-width:991px){.quotation--message__tit{font-size:20px}
.application--project ul{margin-top:40px}
.applications--top{-ms-flex-wrap:wrap;flex-wrap:wrap}
.applications--left{width:100%}
.applications--right{width:100%;margin-top:15px}
.applications--right-cell>a i,.applications--right-cell>span i{font-size:18px}
.applications--right-cell>a,.applications--right-cell>span{padding:12px}
.applications--right-cell+.applications--right-cell{margin-top:15px}
.applications-list a p{font-size:18px}
.application--project ul li p{font-size:16px}
.application--project ul li p:before{font-size:36px}
.application--project ul li p:after{height:3px}
.quotation--message__left{display:none}
.quotation--message__main-con{display:block;max-height:calc(100vh - 60px);width:100%}
.quotation--message__main{width:80%}
.quotation--message__right{width:100%}
}
@media (max-width:767px){.quotation--message__tit{font-size:18px}
.applications-list a p{font-size:16px;padding:20px 10px;margin-top:15px}
.applications-list a p:before{height:3px}
.application--project ul{margin-top:30px}
.quotation--message__right{padding:20px}
.quotationform{margin-top:15px}
}
@media (max-width:575px){.quotation--message__tit{font-size:16px}
.applications-list a p{font-size:14px;padding:10px 10px;margin-top:10px}
.applications--right-cell>a i,.applications--right-cell>span i{font-size:16px}
.applications--right-cell+.applications--right-cell{margin-top:12px}
.applications--right-cell>a,.applications--right-cell>span{padding:10px}
.applications-top-img{margin-top:15px}
.application--project ul{margin-top:20px}
.application--project ul li p{font-size:14px;bottom:10px}
.application--project ul li:nth-child(1),.application--project ul li:nth-child(2),.application--project ul li:nth-child(3),.application--project ul li:nth-child(4),.application--project ul li:nth-child(5){width:calc(50% - .5px);margin-right:1px}
.application--project ul li:nth-child(2n){margin-right:0}
.application--project ul li:nth-child(5){width:100%;margin-right:0}
}