*{
    padding:0;margin:0;font-size: 16px;
    font-family: "Univers47","Microsoft YaHei New","Microsoft Yahei",宋体,STXihei,"华文细黑",sans-serif;
    color: #444;
}
li{list-style: none;}
input,textarea,button{outline: none;}
textarea{resize: none;}
.input_text::-webkit-input-placeholder{color:#888;font-size: 12px;}
a{
    text-decoration:none;
    color: #333;
    transition: 0.5s;
}

/*公共部分*/
.content_box{padding: 30px 0;width: 1400px;margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.content{padding:0 10px;width: 1400px;margin: 0 auto;box-sizing: border-box;position: relative;overflow: hidden;}
.w1200{width: 1200px;}
.index_box{padding: 60px 0;}
.left{float: left;}
.right{float: right;}
.hover_a{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.shows{display: block !important;}
#nav_dh{margin: 20px 0;}
.yahei,.yahei *{font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑";}
article{line-height: 30px;clear: both;padding: 30px;}
article img{max-width: 100%;margin-bottom: 5px;}
#getmore{text-align: center;margin-top: 30px;display: none;}
.window_alert{
    position: fixed;
    z-index: 999;
    left: 48%;top: 48%;
    width: 200px;line-height: 80px;height: 80px;
    box-shadow: 0px 1px 4px #ddd;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    display: none;
}
.window_alert img{vertical-align: middle;width: 30px;margin-right: 8px;}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 98;
    background-color: rgba(0,0,0,0.3);
    display: none;
}
.ly_banner{height: 450px;width: 100%;overflow: hidden;}
.ly_banner div{height: 100%;width: 100%;position: relative;overflow: hidden;}
.ly_banner img{width: 100%;min-height: 100%;}
.pro_cate{
    font-size: 2em;
    font-weight: 300;
    margin: 0 auto;
    margin-top:180px;
    background: rgba(255,255,255,0.7);
    width: 30%;line-height: 100px;
    text-align: center;
    border-radius: 5px;
    font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑";
}
.section {position: relative;overflow: hidden;}
.second > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
.sb-back{

}
.sb-back img{
    position: absolute;
    top:15px;left:15px;
    z-index: 9;
    opacity: 0.8;
    width: 35px;
    /*
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    */
}

.bgbg{background: #fff;width: 100%;height:105px;position: absolute;z-index: 90;display: none;}
.header{
    height: 50px;
    width: 100%;
    background:#222;
    overflow: hidden;
}
.logo_navbg{
    background: url("../images/templatemo_logobg.png");
    width: 1200px;height: 144px;
    position: absolute;
    top: 0;left: 50%;
    margin-left: -600px;
    text-align: center;
}
.pull-top{position: fixed;width: 100%;z-index: 9;top:0;}
.scrolltop{background: #fff;border-bottom: 1px solid #eee;}
.pull-top .logo{
    height: 50px;
    margin: 10px auto;
    display: inline-block;
    margin-left: 3%;
    float: left;
}
#header1{background: #232323;height: 42px;}
.nav-menu{width: 75%;float: left;margin-left: 8%;}
.nav-menu li{
    position: relative;
    width: 10%;
    font-size: 0.9em;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    float: left;
}
.nav-menu li span{
    font-size: 16px;
    display: block;
    cursor: pointer;
    width: 90px;height: 75px;
    padding: 0 10px;
    padding-top: 15px;
    box-sizing: border-box;
    text-align: center;
}
.nav-menu li:hover span{background: #c71920;color: #fff;}
.nav-menu.current li span{color: #fff;text-shadow: 0px 1px 2px #aaa;}
.nav_content{
    display: none;
    position: absolute;z-index: 999;
    background: #fff;
    width: 580px;
    padding:30px 20px;
    box-sizing: border-box;
    box-shadow: 0px 1px 8px #ddd;
}
.nav-menu li:hover .nav_content,.icobox:hover .nav_content{display: block; }
.nav-menu li .nav_list{width: 50%;float: left;line-height: 22px;}
.nav-menu li .nav_list p{margin-bottom: 10px;}
.nav-menu li .nav_list p:hover a,.icobox .nav_content p a:hover{color: #b12e2a;border-bottom:1px solid #b12e2a;}
.nav-menu li .nav-image{width: 50%;max-height: 230px;float: left;display: block; }
.nav-menu li .img_ico{width: 12px;margin-left: 5px;opacity: 0.7;display: none;}
.icobox{position: relative;right: 10px;top:20px;height: 75px;float: right;text-align: right;}
.icobox img{width: 28px;}
.icobox .nav_content{position: absolute;right: 0;width: 160px;top: 50px;}
.icobox .nav_content p{line-height: 28px;text-align: center;}


#nav_ico{float: right;margin: 12px 10px 0 0;}
#nav_ico img{width: 20px;}

.nav_toggle{position: absolute;background: #fff;overflow: hidden;padding: 30px 0;z-index: 9;width: 100%;display: none; box-shadow: 0px 1px 5px #ddd;}
.nav_toggle h2{font-size: 22px;margin-bottom: 20px;}
.nav_toggle p{line-height: 35px;}
.nav_toggle p a:hover{color:#b12e2a;border-bottom:1px solid #b12e2a; }
.nav_toggle .left{width: 25%;}
.nav_toggle .goods_nav{width: 50%;}
.goods_nav_head{overflow: hidden;}
.goods_nav_head li{float: left;margin-right: 2%;width: 23%;margin-bottom: 15px;}
.goods_nav_head li .img_box{height:100px;overflow: hidden;}
.goods_nav_head li .img_box img{width: 100%;min-height: 100%;}
.goods_nav_head li h3{line-height: 26px;font-weight: 500;}


.mallSearch-input{display: inline-block;}
.mallSearch-input input{
    width: 70%;
    background-color: transparent;
    padding: 5px 5px;
    border: 1px solid #666666;
    color: #fff;
    border-radius: 15px;
}

#menuListSub {
    padding: 30% 0px 0px 30px;
    list-style: none;
    color: #FFF;
    margin-top: 0px;
    width: 90%;
    height: 100%;
    background-color: #00b6e6;
    position: absolute;
    top: 0px;left: 100%;
    z-index: 10;
    margin-bottom: 0px;

    box-sizing: border-box;
}
#menuListSub h2{color: #fff;font-size: 1.5em;}
#menuListSub *{font-size: 0.9em;line-height: 35px;color: #fff;}
#menuListSub dt{font-weight: bold;line-height: 40px;font-size: 1.1em;cursor: pointer;}
#menuListSub dt .fa{margin-left: 8px;}
#menuListSub dd .nav_div a{font-size: 0.9em;}
.list_dd {display: none;  }
@media (min-width:1500px){
    #menuListSub *{font-size:1.1em;}
}

#min-header{
    width: 100%;
    position: absolute;
    z-index: 9;
    background-color: rgba(255,255,255,0.7);
    display: none;
    text-align: center;
}
#min-header .logo{
    height: 35px;
    margin: 5px 20px;
}
#min-header form{float: right;width: 50%;margin-right: 60px;}
#min-header .mallSearch-input{width: 100%;position: relative;}
#min-header .mallSearch-input img{width: 20px;position: absolute;top: 15px;right: 0;}
#min-header .mallSearch-input input{width: 100%;}
#min-header .fa-navicon{position: absolute;right: 10px;top:12px;color: #888;font-size: 20px;}
.nav{
    position: absolute;
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    right: 0;
    width: 205px;
    background: #fff;
    height: auto;
    overflow: scroll;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(205px);
    transform: translateX(205px);
    box-shadow: 0 0 5px -2px #000;
}
.list_dl{}
.list_dl dt{overflow: hidden;line-height: 45px;padding: 0 0 0 14px;border-bottom: 1px solid #e5e5e5;}
.list_dl dt .fa-angle-right{float: right;font-size: 20px;margin: 11px 8px 0 0;color: #999;}
#open .fa-angle-right{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    transform:rotate(90deg);
}
.list_dd{display: none;}
.nav .list_dd .nav_div{
    background: #eee;
    line-height: 40px;
}
.nav .list_dd .nav_div p{
    padding-left: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.navhover{
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
/*
.banner{max-width: 100%;height: 650px;overflow:hidden; position:relative;font-size:0;margin: 0 auto;}

.b-img{position:absolute; left:0; top:0;z-index: -1;}
.b-img a{ display:block; height:850px; float:left;text-align: center;}
.b-img a div{width: 100%;height: 100%;}
.b-list{
    height:50px;
    position: absolute;
    margin: 0 auto;
    bottom: 0px;
    left: 50%;
}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #009933;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.about_box{overflow: hidden;width:100%;box-sizing: border-box;display: flex;align-items: center;}
.about_box .left{width: 60%;overflow: hidden;text-align: center;}
.about_box .right{width: 40%;box-sizing: border-box;padding:10% 50px;}
.about_box .right h2{font-size: 30px;font-weight: 400;}
.about_box .about_video{
    height: 100%;
    box-sizing: border-box;
    padding:40px 0;
}
.about_box video{width:100%;}
.about_box p{margin-top: 40px;line-height: 28px;width: 80%;}
.about_box a{
    margin-top: 30px;
    color: #b12e2a;
    display: inline-block;
    font-size: 14px;
}
*/

.bannertext{margin:17% 0 0 18%;width: 95%;position: absolute;}
.bannertext .banner_h1{margin-bottom: 5px;letter-spacing:5px;font-weight: 500;}
.bannertext .banner_h1 span{font-size: 3em;opacity: 0;margin: 0 24px;display: inline-block;}
.bannertext .banner_p{margin-top: 10px;width: 75%;opacity: 0;margin-top: 30px;}
.bannertext .banner_ul{margin-top: 10%;line-height: 32px;    margin-left: 20px;}
.bannertext .banner_ul li{line-height: 32px;list-style-type: square;opacity: 0;margin-top: 50px;}
.bannertext .banner_ul2{margin-left: 190px;}
.banner .mroe{
    position: absolute;
    bottom: 5%;left: 49%;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 12px;
}

.textwhite *{color: #f5f5f5;}
.textwhite h1{text-shadow: 0px 5px 2px #555;color: #fff;font-weight: 500;}
/*第一屏动画*/
.banner.current .banner_h1 span {
    margin: 0;
    opacity: 1;
    transition: all 0.8s ease-out 0.3s;
}
.banner.current .banner_p{
    margin: 0;
    opacity: 1;
    transition: all 1s ease-out 0.3s;
}
.banner.current .banner_ul li{
    margin: 0;
    opacity: 1;
    transition: all 1.5s ease-out 0.3s;
}

/*--------------------------------------------------------------
# 首页内容
-------------------------------------------------------------*/
.index_tit{text-align: center;}
.index_tit h1{font-size: 30px;font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑";margin-top: 20px;padding-bottom: 10px;position: relative;}
.index_tit h1:after {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
    left: 50%;
    margin-left: -27px;
    bottom: 0;
}
.index_tit h1 span {
    font-size: 30px;
    display: inline-block;
    margin: 0 24px;
    font-weight: 400;
    opacity: 0;
}
.section.current .index_tit h1 span{opacity: 1;transition: all 0.8s ease-out 0.3s;margin: 0;}
.goodsbox{margin-top: 10%;}
.goods_index{
    position:relative;
    width: 100%;
    margin:30px 0;
    display:block;
    overflow: hidden;
}
.goods_index li{
    width:23%;
    margin: 10px 1%;
    display:block;
    float: left;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.goods_index li:first-child{transform: translateX(-100%);}
.goods_index li:last-child{transform: translateX(100%);}
.goods_index li:nth-child(2),.goods_index li:nth-child(3){transform: translateY(100%);}
.goods_index .pro_img{overflow: hidden;height: 280px;}
.goods_index .pro_img img{height:100%;min-width: 100%;display: block;}
.goods_index .profont{height: 230px;padding: 0 20px;}
.goods_index .profont h2{font-size: 18px;margin:15px 0;}
.goods_index .profont p {
    color: #999;
    width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
}
.goods_index .profont a{display: inline-block;margin-top: 35px;}
.goods_index .profont a:hover{color: #b12e2a;}
/*第二屏动画*/
.section.current .goods_index li{transition: all 0.7s ease-in-out;transform: translateX(0);}

.goodsbox_m{display: none;}


.tuzhuangbox{margin-top: 5%;}
.newsbox{margin-top: 10%;}

.tzcase_box .tzcase_ul li .img_box{height: 300px;}
.server_ul li{float: left;width: 23% !important;}

.bigimg_box{max-height: 600px;overflow: hidden;}
.bigimg_box img{max-width: 100%;}
.news_box{
    float: left;
    width: 31.3%;
    height: 520px;
    background: #F6F8F8;
    margin:25px 1%;
    overflow: hidden;
    position: relative;
}
.news_box .tit{
    top: 0;left: 0;
    position: absolute;
    padding: 7px 20px;
    text-align: center;
    max-width: 90%;
    z-index: 8;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    transform: translateY(-100px);
}
.news_box .img_box{width: 100%;height: 280px;overflow: hidden;}
.news_box .img_box img{min-width: 100%;height: 100%;opacity: 0;}
.news_box h1{font-size: 1.1em;padding: 15px 30px;opacity: 0;margin-top: 20px;}
.news_box p{line-height: 26px;padding: 5px 30px;color: #777;opacity: 0;margin-top: 30px;}
.news_ul{margin-top: 30px;}
.news_ul li{padding: 10px 25px;}
.news_ul li .font_box h2{font-weight: 400;}
.news_ul li .font_box h2:hover{color: #b12e2a;}
.news_ul li .font_box p{font-size:0.8em;color: #777;padding: 0;}

.section.current .news_box .img_box img {
    margin: 0;
    opacity: 1;
    transition: all 0.8s ease-out 0.3s;
}
.section.current .news_box h1{
    margin: 0;
    opacity: 1;
    transition: all 1s ease-out 0.3s;
}
.section.current .news_box p{
    margin: 0;
    opacity: 1;
    transition: all 1.2s ease-out 0.3s;
}


#footer{
    width: 100%;
    padding-bottom: 20px;
    background-color: #333;
    font-size: .8em;
    overflow: hidden;
}
.foot_nav{overflow: hidden;margin: 30px 80px;}
.foot_nav li{float: left;width: 25%;}
.foot_nav li p{line-height: 32px;}
.foot_nav li p *{color: #bfbfbf;}
.foot_nav li p a:hover{color: #fff;}
.foot_font{text-align: center;padding-top: 20px;}
.foot_font *{color: #999;}
.foot_font p{line-height: 30px;}
#footer span{padding:0 15px;font-size: 14px;}
.m_footer{display: none;}
#scrolltop {
    position: fixed;
    right: 50px;
    bottom: 100px;
    display: none;
    cursor: pointer;
    z-index: 99;
}

.qrcode{position: fixed;right: 35px;bottom: 100px;}
.qrcode_ul li{position: relative;margin-bottom: 10px;}
.qrcode_ul li span{
    display: inline-block;
    width: 50px;height: 50px;
    line-height: 50px;
    background: #111;
    text-align: center;
}
.qrcode_ul li span i{color: #fff;font-size: 1.4em;}
.qrcode_ul li div{
    z-index: 9;
    position: absolute;
    top: 0;right: 60px;
    width: 100px;
    padding: 20px;
    opacity: 0;
    background: #fff;
}
.qrcode_ul li div img{width: 100%;}
.qrcode_ul li div p{font-size: 12px;text-align: center;}
.qrcode_ul li:hover div{opacity:1;transition: all 1s ease-out 0.3s;}
.qrcode_ul li:hover span{background: #b12e2a;}



    /*====================分页====================*/
.dataTables_paginate{text-align: center;margin: 25px 0; clear: both;position: relative;padding-top: 20px;}
.pagination li{display: inline-block;border: 0 !important;}
.pagination li a{
    min-width: 25px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    font-size: 16px;font-family: arail;
}
.pagination li#example1_next a,.pagination li#example1_previous a{width: auto;background: none;}
.pagination li.active a{color: #ED1C27;}


@media screen and (max-width:1930px) {
    .slider-container{height:620px;}
}
@media screen and (max-width:1630px) {
    .slider-container{height:550px;}
}
@media screen and (max-width:1530px) {
    .content，.w1200{width: 100%;}
    .slider-container{height:480px;}
    .bigimg_box{max-height: 55%;}
    #footer{height: 45%;}
}
@media screen and (max-width:1230px) {
    .nav_content{width: 450px;}
    .about_box video{width: 90%;}
    .tzcase_ul li .img_box{height: 180px;}
    .slider-container{height:400px;}
    .about_box{width: 100%;    padding:30px 20px;}
    .about_box p{margin-top: 0px;}
    .goods_cate li{height: 230px;}
}
@media (max-width: 900px) {
    .content,.content_box{width: 100%;float: none;}
    #header,#header1,.pull-top{display: none;}
    #min-header{display: block;}
    .pro_top,.proinfo_box{top:0;margin-top: 0;}
    .goods_cate li{width:48%;}
    .ly_banner{height: 350px !important;}
    .pro_cate{
        margin-top:125px;
        width: 60%;line-height: 100px;
    }
    .index_box{padding: 30px 0 !important;}
    .tzcase_box .index_tit h1{color: #333;}
    .tzcase_box{background: #f4f4f4;height: auto;padding: 40px;}
    .tzcase_ul li{width: 48% !important;}
    .tzcase_ul li .img_box{height: 220px;}
}
@media screen and (max-width:830px) {
    .about_box{height: auto;}
    .about_box .left,.about_box .right{float: none;width: 100%;}
    .about_box .right{padding: 20px;}
    .about_box p{width: 100%;}
    .slider-container{height:330px;}
    #thumbnails li{width: 47%;}
    #thumbnails li img{position: relative !important;width: 100% !important;}
    #thumbnails li .bottom,.p_footer{display: none;}
    .m_footer{display: block;}
}
@media screen and (max-width:680px) {
    .qrcode{display: none;}
    .slider-container{height:280px;}
    .goods_cate li h3 {font-size: 20px;}
    #footer{text-align: center;}
    #footer span{display: block;line-height: 24px;}
    .ly_banner{height: 250px !important;}
    .pro_cate{
        margin-top:85px;
        width: 80%;line-height: 80px;
        font-size: 2.2em;
    }
    .content{padding:0;}
    .tzcase_ul li .img_box{height: 130px;}
    .tzcase_box .tzcase_ul li .img_box {height: 200px;}
    .goods_cate li {width: 100%;}

    .bannertext{margin: 25% 0 0 10% !important;}
    .bannertext .banner_h1 span{font-size: 2.3em;}
    .bannertext .banner_ul2{margin-left:0;}

    .goodsbox,.goodsbox_pc{display: none;}
    .goodsbox_m{display: block;}
    .goods_index .profont a{display: none;}
    .goodsbox_m .swiper-slide{width: 70% !important;}
    .newsbox .news_box{float: none;width: 98%;}
    .newsbox .zhaoshangbox{display: none;}
    .news_ul li{padding: 7px 25px}
}