@charset "utf-8";
*{margin:0;padding:0;}

body{font-size:14px; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
    font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif;
background:#000;color:#fff;
}
ul,li{ list-style:none;margin:0;}
.clr{ clear:both;}
img{border:none;}
::-webkit-scrollbar {
    height:4px;
    width:4px
}
::-webkit-scrollbar-button {
    height:0;
    width:0
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    display:block
}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {
    display:none
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style:solid;
    border-color:transparent
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{
    background-clip:padding-box;
    background-color:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip:padding-box;
    background-color:rgba(0,0,0,.2);
    min-height:28px;
    padding-top:100px;
}
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
    background-color:rgba(0,0,0,.4)
}
::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
    background-color:rgba(0,0,0,.5)
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-width:0;
}
::-webkit-scrollbar-track:hover {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
    background-color:rgba(0,0,0,.05)
}
::-webkit-scrollbar-track:active {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color:rgba(0,0,0,.05)
}
.icon{display:inline-block;width:20px;height:20px;}
.icon-search{background:url(../images/icon_search.png) no-repeat;background-size:contain}


[data-animation] {  opacity: 0;}
[data-animation].animated { opacity: 1;  }

.header{position:fixed;top:0;left:0;width:100%;z-index:19;
    background:rgba(0,0,0,1);
    -webkit-transition: .5s;transition: .5s;
    backface-visibility: hidden;
    height: 80px;
}
.header .logo{height:60px;margin-top:10px;margin-left:20px;float:left;position:relative;z-index:9;}
.header .logo img{height:100%;}
.urh{position:absolute;left:100px;top:0;height:100%; line-height:60px;color:#fff;font-size:16px;
padding-left:30px}
.urh:after{content:'';display:block;background:url(../images/icon_right.png) no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:50%;margin-top:-12px;left:0;}
.header-search{opacity:0;position:fixed;z-index:99;background:#000;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition: .3s;transition: .3s;
    backface-visibility: hidden; visibility: hidden}
.header-search.is-open{-webkit-transform: none;transform: none;opacity:1; visibility: visible}
.search-head{ text-align: right}
.search-head:after{content:'';display:block;clear:both}
.search-head .clos{display:inline-block;width:60px;height:60px;position:relative}
.search-head .clos:after,.search-head .clos:before{content:'';display:block;height:2px;background:#fff;top:50%;margin-top:-1px;position:absolute;left:20%;width:60%;}
.search-head .clos:after{-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.search-head .clos:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.search-form{margin-left:50px;margin-right:50px;}
.search-input{background:none;border:none;border-bottom:1px solid #fff;
     outline: none; width:100%; box-sizing: border-box;
    font-size:20px; text-align: center;color:#fff;padding:0 15px;display:block;margin-top:30px;}

.menu{float:right; white-space: nowrap}
.menu-item,.tool-item{display:inline-block;height:80px;}
.menu-item a,.tool-item a{display:block;align-content: center; text-decoration: none; color:#eee;font-size:15px;
    line-height:80px;height:80px;padding:0 20px;position:relative}
.menu-item a:after{content:'';display:block;width:0;left:50%;height:2px;background:#e94609;position:absolute;bottom:0;
    -webkit-transition: .3s;transition: .3s;}
.menu-item a:hover{color:#fff;}
.menu-item a:hover:after{width:80%;margin-left:-40%;}
.tool-item a .icon{position:relative;top:5px;}
.tool{float:right;position:relative;z-index:9;padding-right:20px;}
.tool-item a{float:left;padding:0 10px;}
.nav-bar{display:none;}
.burger {
    height: 20px;
    transform: rotate(0);
    transition: .5s ease-in-out;
    width: 24px;
    position:relative;
    top:32px;

}
.burger.is-open {
    backface-visibility: hidden;
}
.burger:before {
    content: "";
    height: 300%;
    left: -70%;
    position: absolute;
    top: -100%;
    width: 240%;
}
.burger span {
    background: #fff;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0);
    transition: .25s ease-in-out;
    width: 100%;
}
.burger span:first-child {
    top: 0;
}
.burger span:nth-child(2), .burger span:nth-child(3) {
    top: 8px;
}
.burger span:nth-child(4) {
    top: 16px;
}
.burger.is-open span:first-child {
    left: 50%;
    top: 6px;
    width: 0;
}
.burger.is-open span:nth-child(2) {
    transform: rotate(45deg);
}
.burger.is-open span:nth-child(3) {
    transform: rotate(-45deg);
}
.burger.is-open span:nth-child(4) {
    left: 50%;
    top: 6px;
    width: 0;
}
.content{padding-top:80px;background:#fff;color:#333;margin:0 auto;}
.gotop{height:80px;background:#fff;position:relative;
    display:none;
    cursor: pointer;}
.gotop:after{content:'';display:block;width:30px;height:30px;
background:url(../images/icon_up.png) no-repeat;background-size:contain;
    position:absolute;;left:50%;top:50%;margin-left:-15px;margin-top:-15px;
}
.foot-nav{display:none;}
.foot-nav .nav-item{margin-left:20px;margin-right:20px;
    display:block;border-bottom:1px solid #444;
}
.foot-nav .nav-item a{display:block;align-content: center; text-decoration: none; color:#eee;font-size:15px;
    line-height:80px;height:80px;padding:0 20px;position:relative}
.foot-info{ text-align: center;padding:20px;color:#666;}
.foot-info .icp{font-size:14px; line-height:1.5;}
.foot-info .copy{font-size:12px;margin-top:20px;}

.section{background-repeat:no-repeat;background-position:center center;
background-size:cover;position:relative;min-height:500px;}
.section .intro{color:#fff;position:absolute;top:20px;left:20px;z-index:6;
font-size:20px;}
.section:after{content:'';display:block;
height:30%;width:100%;position:absolute;z-index:1;top:0;left:0;
background:-webkit-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0))}
a.more{ text-decoration: none;position:relative;display:inline-block;font-size:18px;
color:#fff; padding-bottom:10px;}
a.more:after{content:'';display:block;height:2px;background:#e94609;
position:absolute;bottom:0;left:0;width:100%;-webkit-transition: .3s;transition: .3s;}
.more:hover:after{width:60%;left:20%;}
.container{}
/* About */
.page-text h3{font-size:18px;font-weight:bold;color:#000;margin-top:30px;margin-bottom:20px}
.page-text p{margin-bottom:20px;font-size:14px; line-height:1.5}
.brand-item{margin-bottom:30px;}
.works-box{background:#ececec}
.box-head{height:60px; text-align: center;font-size:16px; line-height:60px;position:relative}
.btn-prev{width:60px;height:60px;position:absolute;top:0;left:0;z-index:2; cursor: pointer}
.btn-next{width:60px;height:60px;position:absolute;top:0;right:0;z-index:2;cursor: pointer;}
.btn-prev:after{content:'';display:block;width:24px;height:24px;position:absolute; top:50%;left:0;margin-top:-12px; background:url(../images/icon_prev.png) no-repeat;background-size:contain}
.btn-next:after{content:'';display:block;width:24px;height:24px;position:absolute; top:50%;right:0;margin-top:-12px; background:url(../images/icon_next.png) no-repeat;background-size:contain}
.swiper-button-disabled{opacity:.2;}

.works-item .thumb{background-color:#fff;min-height:200px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.works-item .des{padding:20px 0;}
.works-item .des p{margin-bottom:5px;}



@media (max-width: 992px) {

    .menu {
        position: fixed;
        padding-top: 80px;
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        z-index: 2;
        background: #000;
        left: 0;
        top: 0;
        display:none;
    }
    .menu.is-open,.gotop,.foot-nav{display:block;}
    .menu-item{
        margin-left:20px;margin-right:20px;
        display:block;border-bottom:1px solid #444;}
    .menu-item a{padding:0}
    .menu-item a:before{content:'';width:16px;height:16px;display:block;
        position:absolute;right:40px;top:50%;margin-top:-8px;
    border-right:1px solid #444;border-bottom:1px solid #444;
    -webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
    .menu-item a:hover:after{display:none;}
    .nav-bar{display:inline-block;}
    .page-text h3{font-size:16px;}



}
@media (min-width: 1360px) {
    .container {width: 1340px;}
    .content{width:1340px;}
}
@media (min-width: 1600px) {
    .container {width: 1340px;}
    .content{width:1340px;}


}