@charset "utf-8";
@font-face {
        font-family: 'iconfont1';  /* project id 1362045 */
        src: url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.eot');
        src: url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.eot?#iefix') format('embedded-opentype'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.woff2') format('woff2'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.woff') format('woff'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.ttf') format('truetype'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.svg#iconfont1') format('svg');
}
.iconfont1{
        font-family:"iconfont1" !important;
        font-size:16px;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;}

/* 全局css */
body {
        background: #000;
        background-position: center center;
        background-repeat: no-repeat;
        color: #111111;
        font-size: 12px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        font-family: "muli", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
}

/* 重置 */
div,
form,
p,
i,
img,
ul,
li,
ol,
dl,
dt,
dd,
table,
tr,
td,
th,
fieldset,
label,
legend,
select,
button,
input {
        margin: 0;
        padding: 0;
}

/* 标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal
}

/* 列表样式 */
ul,
ol,
li,
dl,
dt,
dd {
        list-style: none;
}

/* 图片样式 */
img,
a img {
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: middle
}

/* 链接样式 */
a:link {
        color: #fff;
        text-decoration: none;
}

a:visited {
        color: #fff;
        text-decoration: none;
}

a:hover {
        color: #fff;
        text-decoration: none;
}

a:active {
        color: #fff;
        text-decoration: none;
}

/** 图片链接效果 **/
.pic a {
        padding: 4px;
        border: 1px solid #e6e7e7;
        display: inline-block;
}

.pic a:hover {
        border: 1px solid #000;
        background: #fff;
        display: inline-block;
}

/**字体颜色大小**/
.fontred {
        color: #f00;
}

.fontgray {
        color: #999;
}

.fontblack {
        color: #000;
}

.fontWrite {
        color: #fff;
}

.font12 {
        font-size: 12px;
}

.font16 {
        font-size: 16px;
}

/**输入框颜色样式**/
.input-gray {
        color: #999;
}

.input-black {
        color: #000;
}

.clear {
        clear: both;
        /*控制分类后，各行高度不一样对不齐问题*/
        width: 100%;
        height: 0px;
        font-size: 0;
        overflow: hidden;
        /*控制分类后，各行高度不一样对不齐问题*/
        line-height: 0;
}

/* 公用内容区 */
.commonWrap {
        width: 1208px;
        margin: 0 auto;
        padding-bottom: 80px;
        position: relative;
}

/* 头部 */
.header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background: #000;
        min-width: 1208px;
}
.header_mask{
        height: 600px;
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0;
        background: rgba(0,0,0,.8);
        display: none;
}
.header_wrap {
        height: 100%;
        width: 1208px;
        margin: 0 auto;
        display: flex;
}

.header_logo {
        display: block;
        height: 35px;
        width: auto;
        margin-top: 22.5px;
        margin-right: 95px;
        cursor: pointer;
}

.header_shop {
        display: block;
        height: 25px;
        width: auto;
        margin-top: 28px;
        margin-left: 40px;
        cursor: pointer;
}

.header_shop2 {
        margin-left: 20px;
}

.header_tabBar {
        height: 100%;
        max-width: 600px;
        display: flex;
}

.header_tabItem {
        height: 100%;
        font-size: 15px;
        color: #fff;
        line-height: 80px;
        position: relative;
        cursor: pointer;
}
.header_tabList{
        width: 200px;
        height: auto;
        background: rgba(0,0,0,.8);
        position: absolute;
        top: 80px;
        left: 0;
        display: none;
}
.header_tabList li{
        height: 60px;
        line-height: 60px;
        padding-left: 20px;
}
.header_tabList li:hover{
        background: #00effa;
}
.products_list{
        height: 600px;
        width: 160px;
        position: absolute;
        top: 80px;
        left:-140px;
        display: none;
}
.products_item{
        height: 60px;
        width: 100%;
        line-height: 60px;
        padding-left: 20px;

}
.products_item1{
        height: 60px;
        width: 100%;
        line-height: 60px;
        padding-left: 20px;
        display: block;


}
.products_list1{
        height: 600px;
        width: 160px;
        position: absolute;
        top: 0px;
        left:180px;
        display: none;
}

.products_item:hover .products_list1{
        display: block;
}
.products_item1:hover{
        color: #00effa;
}
/* Modificacion de la imagens de menu */
.product_img{
        height: 300px;
        width: 500px;
        position: absolute;
        top: 0;
        right: -600px;
        display: none;
}
.products_item:hover{
        background: #00effa;
}
.products_item1:hover .product_img{
        display: block;
}
.header_tabItem1 {
        padding: 0 15px;
}

.borderLeft {
        padding: 0 15px;
        border-left: #fff 2px solid;
}

.activeLine {
        height: 2px;
        width: 60%;
        background: #00effa;
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 20%;
        display: none;
}

.header_tabItem:hover .header_tabName{
        color: #00effa;
}

.header_tabItem:hover .activeLine{
        color: #00effa;
        display: block;
}
.header_tabItem:hover .header_tabList{
        display: block;
}


.header_language {
        height: 100%;
        width: 30px;
        text-align: center;
        line-height: 80px;
        font-size: 14px;
        font-weight: bolder;
        color: #fff;
        margin-left: 10px;
        cursor: pointer;
}

/* 内容区 */
.content {
        width: 100%;
        position: relative;

        margin-top: 80px;
}

/* 底部 */
.footer {
        width: 100%;
        height: 380px;
        background: #1a1a1a;
        min-width: 1500px;
        padding: 40px 0;
}

.footer_content {
        width: 1200px;
        margin: 0 auto;
        height: 240px;
        display: flex;
        padding-bottom: 50px;
        border-bottom:1px solid #e3e3e3;
}
.footer_area{
        flex: 1;
        display: flex;
        flex-direction: column;
}
.footer_area .footer_title{
        height: 80px;
        width: 100%;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
}
.footer_area .footer_item{
        flex: 1;
        font-size: 14px;
        color: #999;
}
.footer_area li span{
       cursor: pointer;
        color: #999;
}
.footer_area li span:hover{
        color: #00effa;
 }
 .footer_title2{
         height: 25px;
         color: #fff;
         font-size: 18px;
         font-weight: 600;
 }
 .footer_text2{
        font-size: 14px;
        color: #999;
        height: 25px;
 }
 .footer_inputBox{
        height: 34px;
        width: 240px;
        border: 1px solid #999;
        margin-top: 10px;
        display: flex;
 }
#footer_email{
        height: 100%;
        width: 190px;
        background: #1a1a1a;
        border: none;
        color: #fff;
        padding-left: 10px;
        outline: none;
}
.footer_btn{
        flex: 1;
        position: relative;
        cursor: pointer;
}
.goImg{
        position: absolute;
        width: 60%;
        top: 11px;
        right: 8px;

}
.footer_text3{
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        margin-top: 40px;
}
.footer_link{
        height: 30px;
        width: 250px;
        display: flex;
        margin-top: 20px;
}
.link_item{
        flex: 1;
        
}
.link_img{
        height:30px;
        cursor: pointer;
}
.footer_copyRight{
        height: 40px;
        width: 1200px;
        margin: 0 auto;
        font-size: 14px;
        color: #999;
        line-height: 40px;
        margin-top: 30px;
}
a{
        color: #fff;
}
a:hover{
        color: #fff;
}
body,html{
        width: 100%;
        min-width: 1208px;
        overflow-x: hidden;
        margin: 0 auto;
}
@media screen and (max-width: 1208px) {
        .footer{
                min-width: 1200px;
                padding-left: 30px;
        }
        .header{
                padding: 0 20px;
        }
        .header_shop{
                margin-left: 60px;
        }
        .header_shop2{
                margin-left: 20px;
        }
        .content{
                margin-left: 10px;
        }
}
@font-face {
        font-family: 'iconfont1';  /* project id 1362045 */
        src: url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.eot');
        src: url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.eot?#iefix') format('embedded-opentype'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.woff2') format('woff2'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.woff') format('woff'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.ttf') format('truetype'),
        url('https://at.alicdn.com/t/font_1362045_lqimsq5t6q.svg#iconfont1') format('svg');
}
.iconfont1{
        font-family:"iconfont1" !important;
        font-size:16px;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;}