/*头部样式*/
.top{font:12px/33px "微软雅黑";color: #b8b8b8;box-shadow: 0 2px 5px rgba(0,0,0,.2)}
.k1 a{color: #b8b8b8;}

#header{margin:0 auto;}
.logo{float:left;line-height: 140px;}



/*热门关键词*/
.search{border-bottom: 1px solid #ededed;}
.hotSearch{float:left;font:14px/85px "微软雅黑";color: #333;}
.hotSearch a{margin-right:6px;color: #333;}
.tel{font:18px/85px "微软雅黑";color: #333;margin-right: 40px;}


/*搜索*/
#formsearch{float:right;margin-top:30px;border-bottom: 1px solid #cbcbcb;}
#formsearch input{background:none;border:none;line-height:22px;height:22px;outline: none;}
#formsearch input#keyword{color:#666;width:170px;font-size: 12px;}
#formsearch input#s_btn{width:15px;text-align:center;cursor:pointer;background:url(../images/ss_05.jpg) center -3px no-repeat;font-size: 0;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.article h1{ text-align:center; font-size:50px; line-height:100px; color:#FFF;}
.v-article{width: 1200px;margin:30px 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;}





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

/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;padding-top:8px;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#000000;text-decoration:none;}

.nav_foot{text-align:center;line-height:24px;color:#666;}

.copyright{text-align:center;line-height:24px;}


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

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

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

.left .box h3 {line-height: 50px;padding-left: 34px;background: #000000;font-size: 16px;color: #fff;font-weight: 400;position: relative}

.left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #c30c22}

.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:940px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px solid #eee;}

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

.sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}

/*black*/

.black{
    text-align:center;
    font: 40px/50px "微软雅黑";
    color: #333;
    width: auto;
    line-height: 80px;
	margin:auto;
}
.black:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
	top:60px;
    bottom: 0;
    margin: 0 auto;
    width: 3px;
    height: 35px;
    background-color: #4f4f4f;
    -webkit-animation: rotate360 1s linear infinite;
    -moz-animation: rotate360 1s linear infinite;
    animation: rotate360 1s linear infinite;
}


/*z1*/
.z1{
    margin-top: 60px;
}
.z1-main{
    margin-top: 40px;
	width:100%;
}
.z1-main .hd li{
    text-align: center;
    font:16px/24px "微软雅黑";
    color: #333;
	float:left;
    cursor: pointer;
	width: 23%;
    margin: 10px 1%;
}
.z1-main .hd li img{
	width:100%;
}
.z1-main p{position:relative;
    background:url(../images/tmbg.png);
    color: #ffffff;
    line-height: 50px;
	margin-top:-50px;
	bottom:0px;
	width:100%;
	}
.z1-main .hd li span{
    display: block;
    font:12px/18px "微软雅黑";
    color: #bbb;
    text-transform: uppercase;
}
.z1-main .hd li.on{
    color: #fff;
}
.z1-main .hd li.on span{color: #9fe1b2;}

.z1-main .bd{
    width: 968px;
    float: right;
}
.z1-main .bd li{
    height: 618px;
    background: url(../images/z1Li.jpg);
}
.z1-main .bd li img{width: 968px;height: 412px;}
.z1-main .bd li div{
    padding: 0 30px 0 15px;
}
.z1-main .bd li div h3{
    font:bold 18px/56px "微软雅黑";
    color: #4d4d4d;
}
.z1-main .bd li div p{
    font:14px/2 "微软雅黑";
    color: #4d4d4d;
}
.z1-main .bd li div a{
    float: right;
    width: 94px;
    text-align: center;
    font:14px/34px "微软雅黑";
    color: #fff;
    background-color: #0fa53a;
    margin-top: 10px;
}
.z1-main .bd li div a:nth-of-type(1){
    background-color: #ff2a2a;
    margin-left: 22px;
}

/*ht*/
.ht{
    width: 1920px;
    position: relative;
    left: calc(50% - 960px);
    margin-top: 0px;
}

/*z2*/
.z2{
    margin-top: 60px;
	width:100%;
	background: url(../images/cpbg.jpg);
	padding: 50px 0px;
}
.z2-left{
    width: 230px;
}
.z2-left>h1{
    text-indent: 22px;
    font:22px/59px "微软雅黑";
    color: #fff;
    background-color: #000000;
}
.z2-left>ul{
    border:3px solid #000000;
    border-top: none;
    padding: 15px 17px;
    height:auto;
    overflow: hidden;
}
.z2-left>ul>li{margin-bottom: 12px;}
.z2-left>ul>li>a{
    display: block;
    font:16px/34px "微软雅黑";
    color: #000000;
    text-indent: 16px;
    border:1px dashed #000000;
}
.z2-left>ul>li>dl{padding-top: 10px;}
.z2-left>ul>li>dl>dd>a{
    display: block;
    padding-left: 33px;
    background: url(../images/z2Dd.png) 25px center no-repeat;
    font:14px/30px "微软雅黑";
    color: #333;
}

.z2-bottom{
    margin-top: 25px;
    border:3px solid #000000;
    font:12px/2 "微软雅黑";
    color: #666;
}

.z2-right{
    width: 940px;
}
.z2-right h1{
    font:22px/59px "微软雅黑";
    color: #fff;
    border-bottom: 2px solid #000000; background-color:#000000;padding-left:10px;
}
.z2-right h1 a{
    float: right;
    font:16px/59px "微软雅黑";
    color: #fff; padding-right:10px;
}

.z2-wrap{
   padding-top:10px; margin-bottom:20px;
}
.z2-wrap .bd li{
    overflow: hidden;
    background-color: #f8f8f8;
    margin-bottom: 30px;
}
.z2-wrap .bd li img{
    width: 400px;
    height: 220px;
    float: left;
}
.z2-wrap .bd li div{
    float: right;
    width: 490px;
    margin-right: 25px;
}
.z2-wrap .bd li div h3{
    font:bold 18px/56px "微软雅黑";
    color: #4d4d4d;
}
.z2-wrap .bd li div p{
    font:14px/2 "微软雅黑";
    color: #4d4d4d;
}
.z2-wrap .bd li div a{
    float: right;
    width: 94px;
    text-align: center;
    font:14px/34px "微软雅黑";
    color: #fff;
    background-color: #0fa53a;
    margin-top: 30px;
}
.z2-wrap .bd li div a:nth-of-type(1){
    background-color: #ff2a2a;
    margin-left: 22px;
}

.z2-inner{
    text-align: center;
    margin-top: 8px;
}
.z2-inner a,.z2-inner .hd,.z2-inner .hd li{display: inline-block;}
.z2-inner a,.z2-inner .hd li{
    padding: 10px;
    font:14px/1 "微软雅黑";
    color: #666;
    border:1px solid #e0e0e0;
    border-radius:3px;
    margin:0 2px;
    cursor: pointer;
}
.z2-inner a:hover,.z2-inner .hd li:hover{
    background-color: #eee;
}
.z2-inner .hd li.on{
    background-color: #eee;
}
.z2-inner a.prevStop,.z2-inner a.nextStop{
    opacity: .5
}

/*z3*/
.z3{
    margin-top: 60px;
}
.z3-main{
    margin-top: 40px;
}
.z3-main .hd{
    display: flex;
    justify-content:center;
}
.z3-main .hd li{margin:0 48px;text-align: center;}
.z3-main .hd li img{
    filter:grayscale(100%);
}
.z3-main .hd li h3{
    font:18px/46px "微软雅黑";
    color: #666;
}
.z3-main .hd li:hover img{filter:none;}
.z3-main .hd li:hover h3{color: #000000;}
.z3-main .hd li.on img{filter:none;}
.z3-main .hd li.on h3{color: #000000;}
.z3-main .bd{
    margin-top: 35px;
}
.z3-main .bd li{
    overflow: hidden;
}
.z3-main .bd li img{
    float: left;
    width: 615px;height: 417px;
}
.z3-main .bd li div{
    width: 585px;
    height: 417px;
    float: right;
    padding: 55px 58px 0 60px;
    box-sizing:border-box;
    border:2px solid #eee;
    border-left: none;
}
.z3-main .bd li div h3{
    font:18px/1 "微软雅黑";
    color: #000000;
    border-bottom: 1px solid #888;
    height: 60px;
}
.z3-main .bd li div h3 span{
    float: right;
    font:18px/1.4 "微软雅黑";
    color: #000;
}
.z3-main .bd li div h3 span b{
    display: block;
    font:bold 24px/1.3 "微软雅黑";
}
.z3-main .bd li div p{
    margin-top: 40px;
    font:14px/2 "微软雅黑";
    color: #333;
}
.z3-main .bd li div h4{
    float: right;
    font:14px/2 "微软雅黑";
    color: #000000;
    margin-top: 50px;
}

/*z4*/
.z4{
    margin-top: 40px;
}
.z4 ul{
    display: flex;
}
.z4 ul li{
    margin-right: 14px;
    width: 133px;
    text-align: center;
    border:1px solid #e8e8e8;
}
.z4 ul li p{
    padding-top: 15px;
    line-height: 56px;
}
.z4 ul li h3{
    font:14px/56px "微软雅黑";
    color: #757575;
}

/*z5*/
.z5{
    margin: 48px auto;
    width: 1200px;
}
.z5-main{
    padding: 15px 20px 0 ;
    height: 450px;
	width:50%;
	float:left;
    background-color: rgba(255,255,255,.9);
}
.z5-main>h1{
    text-align: left;
    font: 40px/50px "微软雅黑";
    color: #333;
    width: 220px;
    line-height: 80px;
}
.z5-main>h1:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
	top:60px;
    bottom: 0;
    margin: 0 auto;
    width: 3px;
    height: 35px;
    background-color: #4f4f4f;
    -webkit-animation: rotate360 1s linear infinite;
    -moz-animation: rotate360 1s linear infinite;
    animation: rotate360 1s linear infinite;
}
@-webkit-keyframes rotate360{
    0%{transform:rotate(0deg);}
    100%{transform: rotate(-360deg)}
}
.z5-txt{
    margin-top: 25px;
    font:14px/30px "微软雅黑";
    color: #666;
}
.more{
    display: block;
    width: 145px;
    text-align: center;
    font:14px/38px "微软雅黑";
    color: #000;
    border:1px solid #000;
    margin:0 auto;
    margin-top: 40px;
}

/*首页新闻*/
.news{
    margin-top: 46px;
	background:#e5e5e5;
}
.news .content{
    margin-top: 30px;
}

.slideBox{ width:580px; height:310px; overflow:hidden; position:relative; float: left; }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f00; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle;position: relative; }
        .slideBox .bd img{ width:580px; height:310px; display:block;  }

        .slideBox .bd li .rsb{
            height: 100px;
            background-color: rgba(0,0,0,.5);
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        .new-img{
            float: left;
            width: 120px!important;
            height: 100px!important;
        }
        .nei-xin{
            width: 304px;
            float: right;
            padding-right: 115px;
            padding-top: 10px;
        }
        .nei-xin a{
            color:#fff;
            background: url(../images/d.png) no-repeat left center;
            padding-left: 23px;
            font-size: 14px;
        }
        .nei-xin p{
            color: #fff;
            line-height: 26px;
        }
        a.morer{
            color: #22c750!important;
            font-size: 12px!important;
            background: none;
            padding: 0
        }
        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; right:30px; bottom:16px; display:block; width:30px; height:30px; background:url(../images/nsArr.png) left  no-repeat; filter:alpha(opacity=50); }
        .slideBox .next{ left:auto; right:0%; background:url(../images/nsArr.png) right; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.news-right{
    width: 580px;
}

.qsb{
    margin-top: 40px;
}
.hang{
    width: 370px;

}
.tt1{
    font-size: 16px;
    color: #505050;
    padding-bottom: 12px;
}

.news_listt{}
.news_listt li{line-height:27px;position:relative;background: #efefef;padding:8px 28px 9px 8px;box-sizing:border-box;margin-bottom: 10px;}
.news_listt li a{line-height:27px;color:#2d2c2c;font-size: 14px;}
.news_listt li a:hover{text-decoration:none;color:#0623bb;}
.news_listt li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_listt li:last-child{
    margin: 0
}
.img-news{
    width: 120px;
    height: 80px;
    overflow: hidden;
}
.nei-news{
    width: 400px;
}

.news_listt1{padding:10px 0;}
.news_listt1 li{line-height:30px;position:relative;}
.news_listt1 li a{line-height:30px;color:#666;font-size: 12px;font-weight: normal;background: url(../images/dian.jpg) no-repeat left center;padding-left:25px;}
.news_listt1 li a:hover{text-decoration:none;color:#00609d;}
.news_listt1 li span{color:#666666;z-index:0;line-height:30px;position:absolute;right:0px;top:0px;font-size: 12px;}



.news_list1{padding-top: 14px;}
.news_list1 li{ float:left; width:22%; margin:10px 0.5%; background:#ffffff; padding:10px 1%; color:#000000; font-size:18px;}
.news_list1 li a{line-height:40px; color:#000000; font-size:15px; display:block;}
.news_list1 li p{ color:#666; font-size:12px; margin-top:20px;}
.news_list1 li img{ display:block; width:100%; margin-bottom:20px;}
.news_list1 li span{ font-size:12px; color:#999;}


/*友情链接*/
.link{
    margin-top: 72px;
    border-top:8px solid #000000;
    background: #333333;
    min-height: 103px;
}
.f_link{width:1200px;margin:0 auto;padding-top: 34px;color: #fff;}
.f_link a{
    color: #fff;
}


/*页面底部*/
#foot{
    background: url(../images/foot.jpg) no-repeat center #24252a;
    /*height: 339px;*/
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color:#ffffff;}
#footer a{color:#bfbfb1;}
#footer a:hover{color:#000000;text-decoration:none;}
#footer li{text-align:left; width:35%; margin:10px 1%; float:left; }
#footer li:nth-child(2){text-align:left; width:45%; margin:10px 1%; float:left; }
#footer li:nth-child(3){text-align:left; width:13%; margin:10px 1%; float:left; }
#footer li h1{ font-size:24px;line-height:55px; }
#footer li p{display:block;line-height:30px;color:#bfbfb1;font-size: 16px;}
#footer li a{ line-height:30px;font-size: 16px; color:#bfbfb1;}
.nav_foot li a:hover{color:#fff;text-decoration:none;}
.nav_foot .sec{color:#fff;z-index:9999;text-align: left;text-indent: 86px;}
.nav_foot .sec a{color:#fff;line-height:28px;font-size: 12px;}
.nav_foot .sec a:hover{text-decoration:none;}
.copyright{text-align:center;line-height:2;padding-top: 10px;padding-bottom: 10px;}
.foot-right{
    width: 258px;
}
.er{
    padding-top: 10px;
    text-align: left;
    font-size: 12px;
}
.er img{padding-right:21px;}
.qq{padding-top: 35px;text-align: left;font-size: 16px;}
.qq img{padding-right:21px;}

.rexian{padding-top:29px;text-align: left;font-size: 16px;}
.rexian img{padding-right:21px;}