.header{width:100%;height:75px;line-height:75px;position:relative;background:#fff;top:0;z-index:99999;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.1);box-shadow:0 0 25px rgba(0,0,0,0.1)}.header.inner{position:static;background:rgba(255,255,255,0.7)}.header.inner .logo{background-image:url(../images/logo_.png);text-indent:200em;overflow:hidden}.header.inner li span{background:url(../images/down_inner.png) no-repeat !important}.header.inner li a{color:#333 !important}.header.inner li a:hover{color:#d9030f !important}.header.fixed{position:fixed !important;background:rgba(255,255,255,0.7) !important;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.1);box-shadow:0 0 25px rgba(0,0,0,0.1)}.header.fixed>div{width:100% !important;min-width:1280px}.header>div{width:1280px;padding-left:26px;margin:0 auto;-webkit-transition:width .3s cubic-bezier(.1, .65, .21, .48);transition:width .3s cubic-bezier(.1, .65, .21, .48)}.header>div .logo{width:325px;background-image:url(../images/logo-l.png);background-position:0 8px;background-repeat:no-repeat;height:75px;text-indent:200em;overflow:hidden}.header>div .menu{width:600px;height:75px;line-height:75px;font-size:0;margin-left:100px}.header>div .menu ul{padding:0 10px}.header>div .menu ul li{display:inline-block;position:relative;font-size:16px;margin:0 5px}.header>div .menu ul li:hover>.subnav{display:block}.header>div .menu ul li:hover>span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);background:url(../images/up.png) no-repeat}.header>div .menu ul li:hover>a{display:block;color:#d9030f}.header>div .menu ul li>span{position:absolute;display:inline-block;right:6px;top:37px;width:8px;height:4px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;background:url(../images/down_inner.png) no-repeat}.header>div .menu ul li>a{color:#333;display:block;padding:0 20px;-webkit-transition:color .3s;transition:color .3s;text-align:center}.header>div .menu ul li>a:hover{color:#d9030f}.header>div .menu ul li .subnav{width:100px;position:absolute;top:75px;left:-10px;overflow:hidden;padding:10px 20px;border:1px solid #f1f1f1;border-top:none;display:none;background:rgba(255,255,255,0.9)}.header>div .menu ul li .subnav>a{color:#333;display:block;line-height:40px;-webkit-transition:color .3s;transition:color .3s}.header>div .menu ul li .subnav>a:hover{color:#d9030f}.header>div .menu ul li .subnav>a.title{font-weight:bold}.header>div .tel{width:206px;height:30px;line-height:30px;padding-left:43px;display:block;margin-top:24px;font-size:20px;background:url(../images/tel.png) no-repeat left center;color:#8a8a8a;-webkit-transition:color .3s;transition:color .3s}.gotoTop{position:fixed;-webkit-transition:all .3s;transition:all .3s;z-index:18888;bottom:10px;border-radius:4px;right:10px;background:#666f8e url(../images/goTop.png) 0 0 no-repeat;width:54px;height:54px;cursor:pointer;display:none}.gotoTop:hover{background:#d9030f url(../images/goTop.png) 0 0 no-repeat;background-size:cover}.footer{background:#22252b;color:#a7a4a4;padding:45px;position:relative;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.1) inset;box-shadow:0 0 25px rgba(0,0,0,0.1) inset}.footer .adders{font-size:0}.footer .adders .adders-item{display:inline-block;margin-right:80px;font-size:14px}.footer .copyright{margin-top:30px;font-size:14px}.footer .content-icon{right:60px;bottom:50px;height:50px;width:300px;position:absolute}.footer .content-icon .icon-item{width:50px;height:50px;line-height:50px;background:#fff;display:inline-block;margin-right:15px;font-size:0;text-align:center;vertical-align:middle;cursor:pointer;border-radius:6px;-webkit-transition:all .3s;transition:all .3s}.footer .content-icon .icon-item>img{display:inline-block;-webkit-transition:all .3s;transition:all .3s}.footer .content-icon .icon-item p{width:120px;height:120px;margin-top:-205px;margin-left:-43px;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;position:relative}.footer .content-icon .icon-item p>img{width:100%;border-radius:6px;border:4px solid #fff}.footer .content-icon .icon-item p:before{content:"";width:0;height:0;border:10px solid;border-color:#fff transparent transparent transparent;position:absolute;bottom:-27px;left:50%;margin-left:-4px}.footer .content-icon .icon-item:hover{border-top-left-radius:20px;border-bottom-right-radius:20px}.footer .content-icon .icon-item:hover>p{visibility:visible;opacity:1;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.1);box-shadow:0 0 25px rgba(0,0,0,0.1)}.footer .content-icon .icon-item:hover>img{-webkit-transform:scale(.9);transform:scale(.9)}.case{width:100%;height:auto;overflow:hidden;font-size:0}.case a{display:inline-block;text-decoration:none;width:33.33333333%}.case a img{width:100%}.case-item{font-family:'Niramit',sans-serif;text-align:center;position:relative;overflow:hidden}.case-item:before,.case-item:after,.case-item-content:before,.case-item-content:after{content:'';background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.9)));background:linear-gradient(transparent, rgba(0,0,0,0.9));height:100%;width:25%;-webkit-transform:translateY(-100%);transform:translateY(-100%);position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .3s;transition:all .3s}.case-item:hover:before,.case-item:hover:after,.case-item:hover .case-item-content:before,.case-item:hover .case-item-content:after{-webkit-transform:translateY(0);transform:translateY(0)}.case-item:after{left:25%}.case-item .case-item-content:before{left:50%}.case-item .case-item-content:after{left:75%}.case-item:hover:before{-webkit-transition-delay:.225s;transition-delay:.225s}.case-item:hover:after{-webkit-transition-delay:.075s;transition-delay:.075s}.case-item:hover .case-item-content:before{-webkit-transition-delay:.15s;transition-delay:.15s}.case-item:hover .case-item-content:after{-webkit-transition-delay:0s;transition-delay:0s}.case-item img{width:100%;height:auto;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}.case-item:hover img{-webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-transform:scale(1.05);transform:scale(1.05)}.case-item .case-item-content{width:100%;height:100%;position:absolute;bottom:0;left:0;-webkit-transition:all .2s;transition:all .2s}.case-item .content{width:100%;padding:15px 0 15px 20px;opacity:0;position:absolute;left:0;bottom:-30px;z-index:2;background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease .1s;transition:all .3s ease .1s}.case-item:hover .content{opacity:1;bottom:0}.case-item .title{color:#fff;text-align:left;font-size:22px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0}.case-item .post{font-size:16px;text-align:left;text-transform:capitalize;letter-spacing:1px;margin-bottom:10px;display:block;color:rgba(255,255,255,0.459)}.case-item .icon{padding:0;margin:0;list-style:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:15px;right:-10px;z-index:2;-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s}.case-item .icon li{opacity:0;-webkit-transform:scale(0) rotate(360deg);transform:scale(0) rotate(360deg);-webkit-transition:all 400ms;transition:all 400ms}.case-item:hover .icon li{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.case-item .icon li a{color:#fff;background-color:#d9030f;font-size:20px;line-height:40px;height:40px;width:40px;margin-bottom:10px;border-radius:50%;display:block;position:relative;-webkit-transition:all .3s;transition:all .3s}.case-item .icon li a:hover{text-decoration:none;color:#d9030f;background-color:#fff;border-radius:0 20px 0 20px}