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

#header{height:90px;overflow:hidden;}
.top{width: 1200px;margin:0 auto;}
.logo{float:left;margin-top:10px;width: 490px;}


.topLink{float:right;padding-left:94px;margin-top: 24px;font-size:20px;color: #2a2a2a;background: url(../images/ph.png) left center no-repeat;line-height: 17px;height:43px;}




/*主体样式*/
#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{background-color:#2c2c2c;height:53px;}
.navs{width: 1200px;margin:0 auto;}
.navs li{text-align:center;width:130px;float:left;position:relative;z-index:999;}
.navs li a{display:block;line-height:52px;color:#fff;height:52px;font-size: 14px;padding: 0px 0px; }
.navs li a:hover{height: 53px;color:#fff;}


.navs .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.navs .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;}
.navs .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;}


/*搜索*/
.sou{float:right;height:32px;margin-top: 10px;}
#formsearch{background: url(../images/sou.png) no-repeat;width:258px;height:32px;}
#formsearch input{background:none;border:none;outline: none;}
#formsearch input#keyword{height:32px;line-height:32px;padding-left:15px;color:#666;width:190px;display:block;float:left;}
#formsearch input#s_btn{width:48px;height:32px;line-height:32px;text-align:center;background:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}






/*主体样式*/
#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: #33a1db;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-size:45px;font-weight:normal;color: #787878;height: 150px;}
.black span{display: block;font:500 22px/45px "微软雅黑";color: #787878;}
#tab{margin-top: 118px;display: flex;justify-content:center;}
#tab li{width:200px;height: 45px;margin:0 10px;font:18px/45px "微软雅黑";border-radius: 10px;text-align: center;}
#tab li a{color: #fff;}
#tab li.cur{background-color: #33a1db;}
#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: 255px;height: 255px;border:1px solid #d2d2d2;}
.tab-box ul li h3{margin-top: 10px;font:18px/40px "微软雅黑";color: #fff;background-color: #33a1db;text-align: center;}
.l-left,.l-right{position: absolute;cursor: pointer;top:104px;}
.l-right{right: 0;}


.tit img{float:left;width:200px;}
.z3{margin-top: 85px;height: 1190px;background: 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;}
.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: #202020;background: url(../images/ad1.png) left top no-repeat;}
.z3 ul li h3 span{display: block;font:500 26px/45px "微软雅黑";color: #848484;}
.z3 ul li p{padding-left: 35px;margin-top: 20px;font:14px/24px "微软雅黑";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: #4c4c4c;}
.z4 ul li:hover p{background-color: #33a1db;}
.z4>a{display: block;width: 127px;height: 28px;font:18px/28px "微软雅黑";color: #fff;background-color: #33a1db;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{font:25px/50px "微软雅黑";color: #33a1db;}

.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:500 22px/33px "微软雅黑";height: 50px;color: #3b4044;opacity: 1;background: none;position: relative;margin-right: 25px !important;}
.swiper-pagination-bullet-active{color: #33a1db !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;}




/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:30px;line-height:30px;}

/*页面底部*/

#footer{background: url(../images/foot.png) center top no-repeat;color: #cdcdcd;height:419px;margin-top:70px;}
#footer a{color:#cdcdcd;}
#footer a:hover{color:#cdcdcd;text-decoration:none;}

.f_top{line-height: 55px;text-align: right;}


.nav_foot{font:16px/30px "微软雅黑";width:525px;margin-top:55px;}
.nav_foot p{margin:0;}
.nav_foot a{padding-right:36px;}
.f_code{position: absolute;left:486px;top: 18px;height:320px;z-index:99999;display:block;}
.f_contact{width: 287px;font:16px/41px "微软雅黑";margin-top:55px;}
.f_contact p{margin:0;}
.copyright{font:14px/22px "微软雅黑";position: absolute;left:0px;top:262px;height:22px;}





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

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

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

.left .box h3 {padding-left: 0;background: #33a1db
;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;}
.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 {
   
    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:613px;left:50%;margin-left: -960px;}
.banner ul img{width:1920px;height:613px;}
.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:30px;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:#02d35d;}
.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: #33a1db;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: 412px;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: #33a1db;padding-top:18px;text-align: center;font:500 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{height: 50px;
    line-height: 50px;
    background: url(../images/sortli.png) no-repeat 200px center #1f1d2a;
    margin-bottom: 2px;}
.xypg-left-nav li:hover{background: url(../images/sortlion.png) no-repeat 200px center #33a1db
;}
.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: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 38px;
    color: #fff;
    line-height: 50px;
    padding: 0;
}
.xypg-left-nav li:hover a{
    background: none !important;
}
    .xypg-left-nav>li .first-nav-btn{
        display: none 
    }



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


/*首页banner*/


.boxx {
    max-width: 1200px;
    margin: 0 auto;
}

.link{width:100%;background:#fff;color:#999;line-height:24px;font-size:13px;text-align: left; margin-top:20px;}
.link a{display:inline-block;margin-left:8px;font-size:12px;color:#999;}