@charset "UTF-8";
/**
 * @authors Haiiz (494082949@qq.com)
 * @date    2018-11-8
 * @version v1.0
 */
.header{
    height:83px;
    background-color:#f5f5f5;
}
.header .logo{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 83px;
}
.header .logo a{
    display:block;height: 100%;
}
.header .logo img{
    visibility: hidden;
}
.header .nav{
    padding-top:43px;
}
.header .nav li{
    float: left;
    padding:0 20px;
    position: relative;
    height:40px;
    line-height: 40px;
}
.header .nav li a{
    font-size: 14px;
    height:16px;
    line-height: 16px;
}
.header .nav li>a:hover,.header .nav li.active>a{
    color:#e50008;
}
.header .subnav{
    display: none;
    position: absolute;
    width:100%;
    top:40px;
    left: 0;
    z-index: 98999999;
}
.header .subnav li{
    width:100%;
    height:48px;
    line-height: 48px;
    padding:0;
    text-align: center;
    margin-bottom:1px;
    background-color:#dbdbdb;
}
.header .subnav li a{
    color:#3c3c3c;
}
.header .subnav li:hover{
    background-color:#e50011;
}
.header .subnav li:hover a{
    color:#fff;
}
.header .nav li:hover .subnav{
    display: block;
}
/* banner */
.banner{ width:100%;  position:relative;  height:610px; background:#392921;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:100%;  }
.banner .bd ul{ width:100% !important; height:100%;  }
.banner .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center; background-position: top center;  }
.banner .bd li a{ display:block; height:100%; }

.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;}
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; border-radius: 100px; background-color:#fff;  overflow:hidden; line-height:9999px; }
.banner .hd ul .on{ background-color:#e40011;}

.dialog-overlay{
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background-color:#000;
    background-size:cover;
    background-position: center center;
    z-index: 9999;
}
.dialog-overlay .choose-box{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 400px;
    max-width: 80%;
    max-height: 80%;
    background: rgba(0,0,0,.4);
    translate: -50% -50%;
}
.dialog-overlay .logo-box{
   float: left;
   width: 50%;
   height: 100%;
}

.dialog-overlay .logo-item{
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all ease-out .5s;
    background-color: white;
    opacity: .5;
}
.dialog-overlay .logo-item:hover{
    opacity: 1;
}
.dialog-overlay .logo-item img{
    visibility: hidden;
}
/*home*/
.home .title{
    padding-top:60px;
    text-align: center;
}
.home .title h3{
    font-size: 32px;
    line-height: 1;
}
.home .title span{
    display: block;
    width:72px;
    height:5px;
    margin:15px auto 10px auto;
    background-color:#e40011;
}
.home .summary{
    width:665px;
    margin:0 auto;
    font-size: 16px;
    color:#575656;
    line-height: 32px;
    text-align: center;
}
/*product*/
.product{
    height:750px;
}
.product-nav{
    padding:70px 0 60px 0;
    text-align: center;
}
.product-nav li{
    display: inline-block;
    height:40px;
    line-height: 40px;
    padding:0 25px;
    margin:0 13px;
    font-size: 16px;
    border-radius: 100px;
    cursor: pointer;
    background-color:#d3d3d3;
}
.product-nav li.on{
    color:#fff;
    background-color:#e40011;
}
.product-group{
    text-align: center;
}
.product-group li{
    position: relative;
    font-size: 0;
    display: inline-block;
    width:342px;
    height:286px;
    margin:0 10px;
}
.product-group li p{
    position: absolute;
    width:100%;
    bottom:0;
    left: 0;
    font-size: 14px;
    height:40px;
    line-height: 40px;
    color:#fff;
    text-align: center;
    background:rgba(0,0,0,.3)
}
.product-group .more{
    padding:20px 0;
}
.product-group .more a{
    font-size: 16px;
    color:#575656;
}

.home-slide{
    height:1140px;
    background-color:#232222;
}
/* news */
.news .cont{
    padding:45px 0;
}
.news .list{
    width:480px;
}
.news .list li{
    height:75px;
    margin-bottom:60px;
}
.news .list .date{
    width:68px;
    height:55px;
    padding:10px;
    color:#1c1c1c;
    background-color:#c8c8c8;
}
.news .list li:hover .date{
    color:#fff;
    background-color:#e30018;
}
.news .list .date span.day{
    font-size: 24px;
}
.news .list .date span.year{
    font-size: 18px;
}
.news .list .font{
    width:370px;
    padding:10px 0 15px 0;
    line-height: 24px;
    font-size: 14px;
    color:#000;
    border-bottom:1px dashed #dcdcdc;
}
.news .list .tt a{
    font-size: 14px;
    color:#000;
}
/*home-slide*/
.home-slide{ width:100%;  position:relative;  height:740px; background:#392921;}
.home-slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:100%;  }
.home-slide .bd ul{ width:100% !important; height:100%;  }
.home-slide .bd .item{ width:100% !important;  height:100%; overflow:hidden; text-align:center; background-position: top center;  }
.home-slide .bd .item a{ display:block; height:100%; }

.home-slide .prev,
.home-slide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-25px; left:20px;  
    background:url(../images/icons.png) 0 0 no-repeat; 
    cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.home-slide .next{ left:auto; right:30px; background-position:-51px 0; }
.home-slide .prev:hover,
.home-slide .next:hover{ filter:alpha(opacity=100);opacity:1; }

.home-slide .hd{ width:100%;  position:absolute; z-index:1; top:10px; left:0; height:30px; line-height:30px;}
.home-slide .hd ul{ text-align:center;  padding-top:5px;  }
.home-slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; font-size: 14px; color:#fff; margin:0 10px; }
.home-slide .hd ul .on{ color:#e40011;}
.slide_01{
    width:526px;
    height:375px;
    padding:155px 0 0 660px;
    text-align: left;
    margin:140px auto 0 auto;
    background:url(../images/slide_img.png) top center no-repeat;
}
.slide_01 h3{
    font-size: 36px;
    font-weight: bold;
    color:#202c2f;
    padding-bottom:25px;
}
.slide_01 h3 small{
    font-size: 28px;
}
.slide_01 p{
    line-height: 24px;
    font-size: 14px;
    color:#221815;
    padding-right: 20px;
}
.home-slide .bd li a.slide_01_more{
    display: block;
    width:188px;
    height:57px;
    margin-top:65px;
    line-height: 57px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    background-color:#e50011;
}
.slide_02_logo{
    padding:60px 0 50px 0;
}
.slide_02_video{
    width:730px;
    height:400px;
    margin:0 auto;
    background-color:#fff;
}
.slide_02_video video{
    width:730px;
    height:400px;
}
.slide_02_font{
    padding:25px 0;
    font-size: 14px;
    color:#ffffff;
    line-height: 20px;
}
.slide_02_more {
    text-align: center;
}
.slide_02_more a{
    font-size: 18px;
    color:#fff;
}

/* footer */
.footer{
    min-height: 112px;
    text-align: center;
    background-color:#fff;
}
.footer-top-logo{
    padding:30px 0 20px 0;
}
.footer-top-logo span{
    display: inline-block;
    padding-left: 185px;
    height:30px;
    line-height: 30px;
    font-size: 18px;
    color:#1e1a14;
    background:url(../images/footer_logo.jpg) left center no-repeat;
}
.footer-top-nav li{
    display: inline-block;
    height:16px;
    line-height: 16px;
    padding:0 10px;
    border-right:1px solid #828282;
}
.footer-top-nav li:last-child{
    border:0;
}
.footer-top-nav li a{
    font-size: 14px;
    color:#828282;
}
.footer-bottom{
    padding:15px 0;
    border-top:1px solid #eaeaea;
}
.footer-bottom span{
    display: inline-block;
    padding:0 10px 0 15px;
    height:16px;
    line-height: 16px;
    font-size: 14px;
    color:#b6b2b2;
    background-repeat: no-repeat;
    background-position: left center;
}
.footer-bottom span a{
    color:#b6b2b2;
}
.footer-bottom .beian-info{
    padding-left:0;
}
.footer-bottom .beian-info, .footer-bottom .beian-info a{
    font-weight:bold;color:black;
}
.footer-bottom-address{
    background-image:url(../images/icon_location.jpg)
}
.footer-bottom-phone{
    background-image:url(../images/icon_phone.jpg)
}

/*内页样式*/
.main{
    padding:40px 0;
}
.sidebar{
    width:260px;
}
.sidebar h3{
    height:30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    border-left:3px solid #392921;
}
.sidebar .list li a{
    display: block;
    height:40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 14px;
    border-bottom:1px solid #eee;
}
.content{
    width:780px;
}
.content .head{
    border-bottom:1px solid #eee;
}
.content .head h3{
    font-size: 18px;
    font-weight: bold;
    height:40px;
    line-height: 40px;
    
}
.content .head p{
    padding-bottom:10px;
}
.content .head p span{
    padding-right: 5px;
}
.content .cont{
    padding:20px 0;
}
.page-banner a{
    display: block;
    width:100%;
    height:270px;
    background-repeat: no-repeat;
    background-position: top center;
}
.content dl.head{
    height:35px;
    border-bottom:1px solid #eee;
}
.content dl.head dt{
    font-size: 18px;
    font-weight: bold;
    float:left;
}
.content dl.head dd span{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    line-height: 35px;
    color: #999;
}

.content .list li{
    padding-top:20px;
}
.content .list .date{
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #f1f1f1;
}
.content .list .font{
    width:660px;
}
.content .list .day{
    display: block;
    padding-top:25px;
    font-size: 27px;
    color:#6e6963;
}
.content .list .year{
    font-size: 18px;
    color:#6e6963;
}
.content .list .font .tt{
    padding-top:5px;
    padding-bottom:15px;
}
.content .list .font .tt a{
    display: block;
    font-size:20px;   
    width:100%;
    height:26px;
    color:#6e6963;
}
.content .list .font .ct{
    font-size: 14px;
    line-height: 24px;
}
.content .newsToplist{
    padding-bottom:20px;
}
div.flickr{
    text-align: center;
    padding:40px 0;
}
div.flickr a{
    color:#292929;
}
div.flickr span.current{
    color:#fff;
    background-color:#292929;
}
div.flickr a:hover{
    color:#fff;
    background-color:#292929;
    border:1px solid #292929;
}
.photo_box{
    padding-top:20px;
}
.photo_box li{
    float: left;
    width:240px;
    padding:0 10px;
}
.photo_box .tt{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.photo_box .tt a{
    font-size: 14px;
}

.cont-top-r{
    width:400px;
}
.cont-top-r h3{
    font-size: 16px;
    font-weight: bold;
    border-bottom:1px solid #eee;
    line-height: 40px;
    margin-bottom:20px;
}
.cont-top-r p{
    line-height: 30px;
    font-size: 14px;
}
.product-cont-head{
    font-size: 16px;
    font-weight: bold;
    border-bottom:1px solid #eee;
    line-height: 40px;

}
.product-cont-detail{
    padding:10px 0;
}

/* 图片放大镜样式*/
#viewer{position:relative;float: left;margin:0 0 20px 0;}
#viewer img{ max-width:inherit;}
#viewer .view{position:absolute;z-index:100;display:none;left:340px;top:0px;width:320px;height:320px;border:1px #999 solid;background:#fff;}
#viewer .detail{width:310px;height:310px;overflow:hidden;background:url(/images/zoom/126.gif) center center no-repeat;margin:0 20px;text-align:center;position:relative}
#viewer .detail .mask{position:absolute;border:1px #ffffff solid;left:0;top:0;background:rgba(255,255,255,.3) !important;background:none\9;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#55ffffff,endColorStr=#55ffffff)\9;width:50px;height:50px;display:none;box-shadow:0 0 5px #aaa;}
#viewer .scroll{width:350px;height:60px;overflow:hidden;}
#viewer .scroll a.scrollarrow{width:20px;float:left;margin-top:10px;height:50px;background:url(/images/zoom/sprites.png) -2px -125px no-repeat}
#viewer .scroll a.toright{float:right;background-position:-27px -125px}
#viewer .scroll .scrollbox{float:left;width:310px;height:60px;position:relative;overflow:hidden}
#viewer .scroll a.toleft{}
#viewer .scroll a.disleft{background-position:-2px -25px}
#viewer .scroll a.disright{background-position:-27px -25px}
#viewer .scroll ul{position:absolute;z-index:1;left:0;top:0}
#viewer .scroll li{width:50px;height:50px;float:left;padding:0 5px;padding-top:10px;overflow:hidden}
#viewer .scroll li img{width:48px;height:48px;border:1px #ccc solid}
#viewer .scroll li.active{background:url(/images/zoom/upyellowarrow.gif) center 4px no-repeat}
#viewer .scroll li.active a img{border:1px #f60 solid}

.back-top{
    position: fixed;
    bottom:200px;
    right:20px;
    z-index: 999999;
    
}
.back-top-des{
    display: none;
    width:200px;
    padding:10px;
    height:170px;
    position: absolute;
    right: 0;
    top:-192px;
    border:1px solid #eee;
    background-color:#fff;
}
.back-top-des div{
    padding-left:50px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size:40px;
}
.back-top-des div.ali{
    background-image:url(../images/ali.png)
}
.back-top-des div.qq{
    background-image:url(../images/qq.png)
}
.back-top-des div.email{
    background-image:url(../images/email.png)
}
.back-top-des h4{
    font-size: 16px;
    color:#e40011;
}
.back-top-des p,.back-top-des a{
    font-size: 14px;
    line-height: 30px;
}
.back-top a.back-top-a{
    display: block;
    width:50px;
    height:50px;
    line-height: 50px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    background-color:#392921;
}
.back-top a.back-top-a:hover{
    color:#fff;
    background-color:#e40011;
}
.back-top:hover .back-top-des{
    display: block;
}


.header .wrap{
    position: relative;
}

.lang{
    position: absolute;
    top:10px;
    right:0;
}
.header .nav li:last-child{
    padding-right: 0;
}

.index-nav-list{
    padding:50px 0;
    width:1100px;
    overflow: hidden;
}
.index-nav-list ul{
    width:1200px;
}
.index-nav-list li{
    float: left;
    width:252px;
    text-align: center;
    margin-right:30px;
}
.index-nav-list li:hover{
    color:#e50011;
    background-color:#e50011;
}
.index-nav-img{
    width:252px;
    height:203px;
    overflow: hidden;
}
.index-nav-en{
    font-size: 12px;
    color:#000;
    padding:14px 0 7px 0;
}
.index-nav-title{
    font-size: 14px;
    color:#333;
    padding-bottom:15px;
}
.index-nav-cont{
    font-size: 12px;
    color:#706d6d;
    line-height: 18px;
    border-top:1px solid #fff;
    margin:0 20px;
    padding-top:15px;
}
.index-nav-more{
    padding:10px 0;
}
.index-nav-more a{
    font-size: 14px;
    color:#b0b0b0;
}
.index-nav-list li:hover .index-nav-en,.index-nav-list li:hover .index-nav-title,.index-nav-list li:hover .index-nav-cont,.index-nav-list li:hover .index-nav-more a{
    color:#fff;
}
.index-nav-list li:hover .index-nav-cont{
    border-top:1px solid #ef6670;
}

.index-banner-2{
    height: 230px;
    background:#000 url('../images/index_banner_2.jpg') no-repeat center;
}
@media (max-height: 930px) {
    .index-banner-2{
        height: 200px;
    }
    .index-nav-list{
        padding:30px 0;
    }
}
@media (max-height: 800px) {
    .index-banner-2{
        height: 150px;
    }
    .index-nav-list{
        padding:20px 0;
    }
}

.product-box{
    color:#fff;
    background:#000 url(../images/product_bg.jpg) top center no-repeat;
}

.product-title{
    padding-top:60px;
    text-align: center;
    font-size: 30px;
}
.product-title-en{
    padding-top:10px;
    text-align: center;
    font-size: 14px;
}

.product-list {
    padding-top:80px;
    width:1100px;
    overflow: hidden;
}
.product-list ul{
    width:1150px;
}
.product-list li{
    float: left;
    width:260px;
    height:310px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom:20px;
}
.product-list-img img{
    width:260px;
    height:260px;
}
.product-list-tt{
    padding:0 14px;
    height:50px;
    line-height: 50px;
    font-size: 18px;
    color:#000000;
    background:#fff url(../images/product_right.jpg) right center no-repeat;
}

.product-box div.flickr a{
    color:#fff;
    background:#6c6a68;
    border-color:#6c6a68;
    border-radius: 10px;
    margin-right:10px;
}
.product-box div.flickr span.current{
    color:#fff;
    background:#b40310;
    border:1px solid #b40310;
    border-radius: 10px;
    margin-right:10px;
    
}
.footer-bottom-copyright{
    width:540px;
    text-align: right;
    line-height: 24px;
}
.home-box{
    padding-top:83px;
}
.home-box .header{
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    z-index: 999;
}
.home-box .section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    width:10px;
    height: 10px;
    background:#fff;
}
#fp-nav ul li, .fp-slidesNav ul li{
    margin:10px 7px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
    background:#e6000f;
    border:1px solid #e6000f;
}
.video{
    width:800px;
    margin:0 auto;
}
.video video{
    width:800px;
}
.home-banner{
    background-position: center;
    height: 272px;
}
.home-news-list li{
    float: left;
    text-align: center;
    margin-right: 30px;
}
.home-news-list li:hover{
    color:#fff;
    background:#e40011;
}
.home-news-list li:hover .des,.home-news-list li:hover .more,.home-news-list li:hover .title p,.home-news-list li:hover .title h4{
    color:#fff;
}
.home-news-list{
    width:1100px;
    overflow: hidden;
}
.home-news-list ul{
    width:1200px;
}
.home-news-list li .title{
    padding-bottom:20px;
}
.home-news-list li .title p{
    font-size: 12px;
    padding-top:10px;
}
.home-news-list li .title h4{
    font-size: 14px;
    padding-top:4px;
}
.home-news-list li .des{
    font-size: 12px;
    color:#6f6e6c;
    padding-top:20px;
    margin:0 15px;
    border-top:1px solid #fff;
}
.home-news-list li .more{
    font-size: 12px;
    color:#b0b0b0;
    padding-top:10px;
    padding-bottom:20px
}
.home-news-list{
    padding-bottom:20px;
}