/*头部样式*/
.top1{border-bottom: 2px solid #ede8e6;height: 34px;font:14px/34px "微软雅黑";color: #565656;}
.k1 a{color: #565656;}

#header{height: 120px;border-bottom: 1px solid #e5e5e5;}
.top{width: 1200px;margin:0 auto;}
.logo{float:left;margin-top: 23px;width: 490px;}

.topLink{float:right;text-align:right;padding-left: 40px;width: 300px;margin-top: 36px;font: 14px/15px "微软雅黑";color: #4a1e0d;background: url(../images/ph.png) left top no-repeat;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}



/*导航栏样式*/
#menu{height:53px;}
.nav{width: 1200px;margin:0 auto;}
.nav li{text-align:center;width:117px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:52px;color:#000;height:52px;font-size: 16px;padding: 0px 0px; }
.nav li a:hover{height: 53px;background-color: #3d3d3d;box-shadow: 0 0 6px rgba(0,0,0,.75);color: #fff;}

.nav .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;}
.nav .sec a:hover{background:#042d3f;}




/*热门关键词*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}


/*搜索*/
#formsearch{
        width: 230px;
    float: right;
    margin-top: 6px;
    background-color: #fff7e9;
    font-size: 0;}
#formsearch input{background:none;border:none;line-height:44px;height:32px;outline: none;}
#formsearch input#keyword{    height: 33px;
    line-height: 33px;
    padding-left: 4px;
    color: #666;
    font-size: 14px;width:184px;}
#formsearch input#s_btn{width: 40px;
    cursor: pointer;
    background: url(../images/ss.png) 9px 11px no-repeat;
   
    margin-top: -22px;padding-top: 6px;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.z1{margin-top: 76px;}
.z1-left{width: 636px;height: 425px;position: relative;}
.z1-left h1{font:50px/1 "微软雅黑";color: #bd7e27;height: 96px;position: relative;}
.z1-left h1 span{font:31px/1 Arial;color: #c0c0c0;}
.z1-left h1:after{content: "";display: block;width: 120px;height: 1px;background-color: #c0c0c0;position: absolute;bottom: 0;}
.z1-txt{font:16px/30px "微软雅黑";color: #575757;margin-top: 50px;}
.z1-left>a{position: absolute;bottom: 0;}

.z1-right{width: 505px;}
.z1-top{width: 505px;height: 298px;overflow: hidden;}
.z1-bottom{height: 132px;background: url(../images/z1bottom.gif) center;font:18px/45px "宋体";color: #212020;}
.z1-bottom>p{padding:15px 116px 0 28px;}

.ht{margin-top: 65px;}
.ht img{width: 1920px;position: relative;left:50%;margin-left: -960px;}

.z2{margin-top: 90px;height: 790px;background: url(../images/z2.png) center bottom no-repeat;}
.black{padding-top: 48px;height: 95px;background: url(../images/z2blk.png) center bottom no-repeat;text-align: center;font:bold 45px/1 "微软雅黑";color: #fff;height: 150px;}
.black span{display: block;font:22px/40px "微软雅黑";color: #fff;}
#tab{margin-top: 118px;display: flex;justify-content:center;}
#tab li{width: 137px;margin:0 10px;font:15px "微软雅黑";border-radius: 10px;text-align: center;line-height: 1.5;}
#tab li a{color: #484848;line-height:1.5;}
#tab li.cur{background-color: #515150;}
#tab li.cur a{color: #fff;}
.tab-box{margin-top: 85px;position: relative;}
.tab-box ul li{float: left;margin-right: 17px;}
.tab-box ul li img{width: 327px;height: 327px;border:1px solid #d2d2d2;}
.tab-box ul li h3{margin-top: 10px;font:18px/40px "微软雅黑";color: #fff;background-color: #ff770f;text-align: center;}
.l-left,.l-right{position: absolute;cursor: pointer;top:104px;}
.l-right{right: 0;}

.z3{margin-top: 85px;height: 1170px;backgrund: url(../images/z3.png) center bottom no-repeat;}
.z3 .black{background-image: url(../images/z3blk.png);}
.z3 ul{margin-top: 73px;}
.z3 ul li{float: left;width: 570px;height: 450px;overflow: hidden;position:relative;}
.z3 ul li:nth-child(2n){float: right;}
.z3 ul li div{width: 570px;height: 226px;overflow: hidden;}
.z3 ul li img{width: 570px;height: 226px;transition:1.2s;}
.z3 ul li h3{padding-left: 95px;margin-top: 35px;font:25px/1 "微软雅黑";color: #1c1c1c;background: url(../images/ad1.png) left top no-repeat;}
.z3 ul li h2{display:inline-block;
font-size: 80px;
color: #1c1c1c;
left: -3px;
top:247px;
position:absolute;}
.z3 ul li h3 span{display: block;font:bold 30px/45px "微软雅黑";color: #1c1c1c;}
.z3 ul li p{padding-left: 35px;margin-top: 20px;font:16px/19px "微软雅黑";color: #656464;background: url(../images/z3arr.png) left top no-repeat;}
.z3 ul li:hover img{transform:scale(1.2);}
.z3 ul li.z3-lis2 h3{background-image: url(../images/ad2.png);}
.z3 ul li.z3-lis3 h3{background-image: url(../images/ad3.png);}
.z3 ul li.z3-lis4 h3{background-image: url(../images/ad4.png);}

.z4{padding-top: 50px;height: 553px;border-bottom: 3px solid #e5e5e5;background: url(../images/z4.gif) center top repeat-x;margin-top: -14px;}
.z4 .black{background-image: url(../images/z4blk.png);}
.z4 ul{margin-top: 45px;display: flex;justify-content:space-between;}
.z4 ul li{padding-top: 70px;width: 159px;height: 220px;background: url(../images/z4li.png) center no-repeat;text-align: center;}
.z4 ul li p{width: 90px;height: 56px;background-color: #3b4044;margin:0 auto;line-height: 56px;}
.z4 ul li h4{font-size: 42px;height: 66px;line-height: 72px;color: #b8b8b8;font-weight: normal;font-family: Arial;}
.z4 ul li h3{font:18px/28px "微软雅黑";color: #201f1e;}
.z4 ul li:hover p{background-color: #ff770f;}
.z4>a{display: block;width: 127px;height: 28px;font:18px/28px "微软雅黑";color: #fff;background-color: #ff770f;margin:0 auto;margin-top:40px;text-align: center;}

.z5{margin-top: 95px;}
.z5 .black{background-image: url(../images/z5blk.png);margin-bottom: 70px;}
.z5-left{width: 570px;}
.z5-left h1{padding-left: 38px;font:25px/50px "微软雅黑";color: #303030;background: url(../images/z5left.png) left center no-repeat;}

.z5-right{width: 600px;position: relative;height: 500px;overflow: hidden;}
.z5-swiper{padding-top: 80px;height: 415px;}
.z5-swiper-pagination{top:0;position: absolute;height: 50px;}
.z5-swiper-pagination span{width: 100px;text-align: center;font:bold 22px/33px "微软雅黑";height: 50px;color: #3b4044;opacity: 1;background: none;position: relative;margin-right: 25px !important;}
.swiper-pagination-bullet-active{color: #ff770f !important;}
.swiper-pagination-bullet-active:after{content: "";display: block;border:6px solid transparent;border-top:8px solid #070002;position: absolute;bottom: 0;left:50%;margin-left: -4px;}
.swiper-slide ul{padding-left: 32px;background: url(../images/z5right.png) left top no-repeat;}
.swiper-slide ul li{padding-bottom: 20px;border-bottom: 1px dashed #e5e5e5;margin-bottom: 21px;}
.swiper-slide ul li span{font:15px/1 "微软雅黑";color: #5c5c5c;}
.swiper-slide ul li h3{font:16px/27px "微软雅黑";color: #222;}
.tu{position: absolute;z-index: 100;bottom:-20px;right: 0;}



/*友情链接*/

.f_link{width: 1200px;line-height: 30px;margin:0 auto;}
.f_link a{color: #666;}

/*页面底部*/
.f_top{margin-top: 60px;background-color: #2b2b2b;border-bottom: 1px solid #363636;line-height: 55px;text-align: right;}
#footer{padding-top: 55px;background-color: #2b2b2b;color: #fff;padding-bottom: 30px;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}

.nav_foot{font:16px/27px "微软雅黑";width: 365px;}
.f_code{width: 507px;text-align: center;}
.f_contact{width:317px;font:15px/41px "微软雅黑";}

.copyright{width: 355px;font:14px/22px "微软雅黑";position: absolute;left: 0;bottom: 50px;}


/*------------内页-------------------*/

.left {width: 240px;float: left;}

.left .box {//margin-bottom: 10px;}

.left .box h3 {padding-left: 0;background: #ff770f;font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    text-align: center;
border-bottom: 2px solid #fff;}


.left .box .content {padding: 5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position:relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 300px;}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{//margin-top:10px;display:none}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:930px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px dashed #dcdcdc;color: #666;margin-bottom: 20px;}
.sitemp a{color: #666;}
.sitemp .site:before{content: "";display: inline-block;width: 10px;height: 19px;background-color: #000;vertical-align: middle;margin-right:10px;}

.sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;}

.sitemp .site {line-height: 40px;font-size: 14px;}
.right .content{overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}

.n-tit{
    
    /* background: url(../images/abtit.jpg) no-repeat center 82px;
    height: 140px;
    text-align: center;
    clear: both; */


    height: 50px;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
}
.n-tit span{
    /* color: #bc8e52;
    font-size: 24px;
    word-spacing: 2px;
    letter-spacing: 3px;
    padding-top: 30px;
    line-height: 110px; */

    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #1f1d2a;
}


.tit {
        background: url(../images/abtit.jpg)0px 82px no-repeat;
    height: 140px;
    text-align: center;
    clear: both;
}
.tit h3 {
    color: #bc8e52;
    font-size: 24px;
    word-spacing: 2px;
    letter-spacing: 3px;
    padding-top: 30px;
    }
    .tit i {
    font-style: normal;
    color: #f3f3f3;
    text-transform: uppercase;
    font-size: 14px;
}



/*首页banner*/
.banner{width:1920px;position:relative;height:700px;left:50%;margin-left: -960px;}
.banner ul img{width:1920px;height:700px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;bottom:60px;z-index:100;width: 100%;text-align: center;}
.banner .num li{width:33px;height:5px;display:inline-block;margin:0 12px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;}
.banner .num li.num_hover{background-color:#ff770f;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}


/*滚动*/
#demo{overflow:hidden;width:1020px;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:1020px;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}






/* z1 */

.z1{margin-top: 76px;}
.z1-left{width: 636px;height: 425px;position: relative;}
.z1-left h1{font:50px/1 "微软雅黑";color: #4d4948;height: 96px;position: relative;}
.z1-left h1 span{font:50px/1 Arial;color: #c0c0c0;}
.z1-left h1:after{content: "";display: block;width: 120px;height: 1px;background-color: #c0c0c0;position: absolute;bottom: 0;}
.z1-txt{font:16px/30px "微软雅黑";color: #575757;margin-top: 50px;}
.z1-left>a{position: absolute;bottom: 0;}

.z1-right{width: 505px;}
.z1-top{width: 505px;height:425px;overflow: hidden;}
.z1-bottom{height: 132px;background: url(../images/z1bottom.gif) center;font:18px/45px "宋体";color: #212020;}
.z1-bottom>p{padding:15px 116px 0 28px;}

/*幻灯片样式2*/
#focus {width:570px; height:395px; overflow:hidden;position:relative;border-bottom: 3px solid #bfbfbf;margin-top: 45px;}
#focus ul {position:absolute;}
#focus ul li {float:left; width:570px; height:395px;}
#focus ul li img{width:570px;height:277px;}
#focus ul li div{margin-top: 25px;overflow: hidden;}
#focus ul li div h4{width: 70px;height: 70px;background-color: #ff770f;padding-top:20px;text-align: center;font:bold 20px/1 "微软雅黑";color: #fff;border-radius: 100%;}
#focus ul li div h4 span{display: block;font:15px/20px "微软雅黑";}
#focus ul li div h3{width: 477px;font:18px/70px "微软雅黑";color: #464646;}


/*内页左侧分类通用样式*/
.xypg-left-nav li{
    line-height: 50px;
    background: url(../images/sortli.png) no-repeat 200px center #f8f8f8;
    margin-bottom: 2px;}
.xypg-left-nav>li.clicked,.xypg-left-nav li:hover{
    /*background: url(../images/sortlion.png) no-repeat 200px center #fff0d7;*/
    background: #fff0d7;
}
.xypg-left-nav li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
    border-bottom:2px solid #3a78c1;z-index:9999;}
.xypg-left-nav li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
    border-bottom:2px solid #3a78c1;z-index:9999;}
.xypg-left-nav li .layer2 li{overflow:hidden;}
.xypg-left-nav li .layer2 li a{font-weight:bold;background:url(../images/ico1.gif) no-repeat 0% 50%;}
.xypg-left-nav li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.xypg-left-nav li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}
.xypg-left-nav li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}
.xypg-left-nav li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}
.xypg-left-nav li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "微软雅黑";background:none;}

.xypg-left-nav li a{
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-right: 20px;
    margin-left: 20px;
    color: #373636;
    line-height: 50px;
    padding: 0;
}
.xypg-left-nav li:hover a{
    background: none !important;
}
    .xypg-left-nav>li .first-nav-btn{
      
    }



    .xypg-left-nav>li.clicked>a, .xypg-left-nav>li:hover>a{
        color: #000;
    background: none  !important;
    }




#toolbar li .icon-taobao{

    background: url(../images/taob1.png) no-repeat center #d9d9d9;
}
#toolbar li:hover .icon-taobao{
    background: url(../images/taob2.png) no-repeat center #292e39;
   
}


#toolbar li .icon-dy{

    background: url(../images/d1.png) no-repeat center #d9d9d9;
}
#toolbar li:hover .icon-dy{
    background: url(../images/d2.png) no-repeat center #292e39;
   
}