@charset "utf-8";
/*
	  Date:  2016-08-20
	Author:  Charlence.Huang
	 Email:  charlence@vip.qq.com
*/
/* layout */
html, body , .header {
    margin: 0 auto;
    width: 100%;

}
.page-wrap, .center, .footer {
    margin: 0 auto;
    width: 100%;
    color: #3e3a39;
    overflow: hidden;
}
.header {
    position: relative;
}
/* center */
.center {
    position: relative;
}
.top {
    position: absolute;
    z-index: 11;
    top: 42px;
    left: 0;
    width: 100%;
    height: 96px;
}
.top.fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    background: #0c1935;
}
.top-bar {
    margin: 0 auto;
    width: 1000px;
    height: 96px;
    color: #fff;
}
.top-bar .logo {
    float: left;
    margin-top: 9px;
    width: 176px;
}
.top-bar .logo a,
.top-bar .logo img {
    display: block;
    width: 176px;
    height: 66px;
}
.top-bar .top-nav {
    float: right;
}
.top-bar .top-nav li {
    float: right;
    height: 86px;
    line-height: 86px;
    padding: 10px 19px 0 19px;
    font-size: 16px;
}
.top-bar .top-nav li.log-in {
    margin: 36px 0 0 7px;
    width: 100px;
    height: 36px;
    padding: 0;
    line-height: 36px;
    font-size: 14px;
    background: #edaa00;
}
.top-bar .top-nav li.sign-in {
    margin: 36px 0 0 75px;
    width: 98px;
    height: 34px;
    padding: 0;
    border: 1px solid #edaa00;
    line-height: 34px;
    font-size: 14px;
}
.top-bar .top-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}
.top-bar .top-nav li a:hover {
    color: #edaa00;
}
.top-bar .top-nav li.log-in a {
    color: #000;
}
.top-bar .top-nav li.sign-in a {
    color: #edaa00;
}
/* 首屏 */
.home-focus {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 0;
    padding-top: 39.583333333%;
}
.home-focus .focus-loading {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #020917;
}
.home-focus .focus-loading strong {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    font-size: 46px;
    text-align: center;
}
.home-focus .focus-content {
    width: 100%;
    overflow: hidden;
}
.home-focus .focus-content img {
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 100%;
}
.home-focus .focus-content p {
    display: none;
    position: absolute;
    z-index: 1;
    top: 42.85%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    line-height: 55px;
    color: #fff;
    font-size: 40px;
    text-align: center;
}
.home-focus p span {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    padding: 0 10px;
    color: #edaa00;
}
.home-focus p span.clear {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    transition: filter 1.5s linear;
    padding: 0 10px;
    color: #edaa00;
}
.home-focus p em {
    display: inline-block;
    margin-top: 15px;
    line-height: 28px;
    font-size: 20px;
    opacity: 0.45;
}
.home-focus i {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    height: 96px;
}
.about-us {
    width: 100%;
}
.about-us dl {
    margin: 0 auto;
    width: auto;
    padding: 34px 0;
    text-align: center;
}
.about-us dl dt {
    line-height: 40px;
    font-size: 30px;
}
.about-us dl dt span {
    display: block;
    color: #595757;
    font-size: 18px;
}
.about-us dl dd span {
    display: block;
    margin: 10px auto 20px;
    width: 78px;
    height: 4px;
    /*height: 8px;*/
    background: #edaa00;
}
.about-us dl dd p {
    line-height: 28px;
    color: #595757;
    font-size: 18px;
}
/* 产品中心 */
.product {
    width: 100%;
    border-top: 1px solid #6c758a;
    border-bottom: 1px solid #000c30;
    background: #030a24;
}
.product-content {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    padding-bottom: 67px;
}
.product-content .tab {
    margin-bottom: 65px;
    height: 104px;
    padding-top: 155px;
    border-bottom: 1px solid #9a7826;
    overflow: hidden;
}
.product-content .tab li {
    float: left;
    width: 25%;
    height: 104px;
    overflow: hidden;
}
.product-content .tab dl {
    display: inline-block;
    height: 96px;
}
.product-content .tab li:last-child dl {
    display: block;
    width: 100%;
}
.tab .active dl {
    border-bottom: 8px solid #edaa00;
}
.tab dl dt {
    float: left;
    margin-right: 14px;
    width: 64px;
    height: 63px;
    padding-bottom: 34px;
}
.tab dl dt i {
    display: block;
    width: 100%;
    height: 100%;
}
.tab dl dt .assistant {
    background: url("../img/tab_assistant_w63_h63_1x.png") no-repeat 0 0;
}
.tab dl dt .vehicle {
    background: url("../img/tab_vehicle_w63_h63_1x.png") no-repeat 0 0;
}
.tab dl dt .home {
    background: url("../img/tab_home_w63_h63_1x.png") no-repeat 0 0;
}
.tab dl dt .robotics {
    background: url("../img/tab_robotics_w64_h63_1x.png") no-repeat 0 0;
}
.tab .active dt .assistant {
    background: url("../img/active_tab_assistant_w64_h63_1x.png") no-repeat 0 0;
}
.tab .active dt .vehicle {
    background: url("../img/active_tab_vehicle_w64_h63_1x.png") no-repeat 0 0;
}
.tab .active dt .home {
    background: url("../img/active_tab_home_w63_h63_1x.png") no-repeat 0 0;
}
.tab .active dt .robotics {
    background: url("../img/active_tab_robotics_w63_h63_1x.png") no-repeat 0 0;
}
.tab dl dd {
    float: left;
    padding-top: 5px;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
}
.tab dl dd span {
    font-size: 18px;
}
.tab .active dl dd {
    color: #edaa00;
}
.product-content .content {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 55.1677777%;
}
.product-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.product-info img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #3c4760;
}
.product-info .video {
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: 110px;
    width: 195px;
    height: 53px;
    cursor: pointer;
    /*background: red;*/
}
.product-content .anchor-2 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 96px;
}
.product-content .anchor-3 {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 96px;
}
.product-content .previous,
.product-content .next {
    position: absolute;
    z-index: 3;
    right: -134px;
    top: 55%;
    width: 82px;
    height: 82px;
    background: url("../img/slide_btn_o100_w82_h165_1x.png") no-repeat 0 -83px;
    cursor: pointer;
}
.product-content .previous {
    left: -134px;
    background: url("../img/slide_btn_o100_w82_h165_1x.png") no-repeat 0 0;
}
.product-content .previous:hover,
.product-content .next:hover {
    background: url("../img/slide_btn_o70_w82_h165_1x.png") no-repeat 0 -83px;
}
.product-content .previous:hover {
    left: -134px;
    background: url("../img/slide_btn_o70_w82_h165_1x.png") no-repeat 0 0;
}
.mask {
    display: none;
    position: absolute;
    z-index: 21474836479999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.85);
}
.mask .video-info {
    position: relative;
    z-index: 21474836479999;
    margin: 0 auto;
    width: 780px;
    height: 580px;
    background: #fff;
    box-shadow: 2px 2px 5px #eee;
}
.mask .video-info span {
    position: absolute;
    z-index: 21474836479999;
    top: 5px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: url("../img/close_icon_w18_h18_2x.png") no-repeat 0 0;
}
.mask .video-info p {
    margin: 0 auto;
    padding-top: 250px;
    font-size: 38px;
    text-align: center;
}
.mask .video-info .player {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    /*box-shadow: 5px 5px 3px #999;*/
}
/* 联系我们 */
.contact-us {
    width: 100%;
    overflow: hidden;
}
.contact-us .contact-us-text {
    margin: 0 auto;
    width: 1000px;
    background: #fff;
    overflow: hidden;
}
.contact-us-text .two-dimension-code {
    float: right;
    margin-top: 53px;
    width: 157px;
    height: 156px;
}
.contact-us-text dl {
    float: left;
    width: auto;
    padding: 60px 0;
}
.contact-us-text dl dt {
    padding-bottom: 20px;
    color: #edaa00;
    font-size: 30px;
}
.contact-us-text dl dd {
    line-height: 38px;
    color: #3e3a39;
    font-size: 24px;
}
.contact-us-text dl dd a {
    padding: 0 10px;
    color: #edaa00;
}
.contact-us .map { width: 100%;}
.contact-us .map img {
    display: block;
    width: 100%;
}
/* footer */
.footer {
    height: 244px;
    background: #000c30;
}
.ft-content {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 100%;
    overflow: hidden;
}
.ft-content .ft-img {
    display: block;
    margin: 0 auto;
    width: 859px;
    height: 153px;
}
.ft-content .logo {
    position: absolute;
    z-index: 1;
    top: 89px;
    left: 0;
    width: 200px;

}
.ft-content .logo a,
.ft-content .logo img {
    display: block;
    width: 176px;
    height: 66px;
}
.ft-content p {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 65px;
    color: #fff;
    line-height: 34px;
    font-size: 15px;
    text-align: right;
}
.ft-content p a {
    color: #fff;
}

/* 弹出层时锁定body */
body.lock-position {
    position: fixed;
    z-index: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    background: none;
    overflow: hidden;
}