/*头部样式*/
.top{background-color: #f7f6f6;height: 40px;font:15px/40px "微软雅黑";color: #000;}
.k1 a{color: #000;}
#header{width:1200px;margin:0 auto;overflow: hidden;}
.logo{float:left;width: 333px;line-height: 127px;}
.topLink{float:right;width: 690px;}
.k2{padding-left: 70px;margin-top: 26px;font:bold 30px/36px "微软雅黑";color: #f3a608;background: url(../images/tel.png) left center no-repeat;}


/*热门关键词*/
.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:257px;float:left;font-size: 0;}
#formsearch input{background:none;border:none;line-height:38px;height:38px;outline: none;margin-top: 45px;}
#formsearch input#keyword{padding-left:10px;color:#272636;width:190px;border:1px solid #aaa;border-right: none;}
#formsearch input#s_btn{width:54px;cursor:pointer;height: 40px;font-size: 0;background: url(../images/ss.png) center no-repeat #005daa;}

/*主体样式*/
#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;}





/*友情链接*/
.f_link{width:1200px;margin:0 auto;line-height:30px;padding:20px 0;padding-left: 35px;background: url(../images/yl.png) left 18px no-repeat;font-size: 15px;}
.f_link a{margin-right: 10px;}

/*页面底部*/
#footer{padding-top:25px;color:#fff;border-top: 17px solid #f3a508;background-color: #005daa;}
#footer a{color:#fff;}
.fcode{width: 385px;margin-top: 10px;}
.fLx{padding-left: 48px;width: 357px;position: relative;}
.fLx:before{content: "";position: absolute;height: 100px;width: 1px;background-color: #fff;top: 30px;left: 0;}
.fLx:after{content: "";position: absolute;height: 100px;width: 1px;background-color: #fff;top: 30px;right: 0;}
.fLx h1{font:bold 20px/2 "微软雅黑";}
.fLx h1:after{content: "";display: block;width: 190px;height: 3px;background-color: #fff;}
.fT{font:15px/25px "微软雅黑";margin-top: 15px;}
.nav_foot{margin-right: 90px;width: 215px;font:15px/36px "微软雅黑";margin-top: 10px;}
.nav_foot>p{display: flex;justify-content:space-between;}

.copyright{text-align:center;margin-top: 20px;font:15px/1.5 "微软雅黑";border-top: 1px solid #fff;padding:10px;}


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

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

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

.left .box h3 {line-height: 50px;padding-left: 34px;background: #3480ce;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: #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: 460px;}

.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;}

/*z1*/
.z1{margin-top: 65px;}
.z1L{width: 610px;}
.z1R{width: 545px;padding-left: 35px;height: 360px;box-shadow: 5px 5px 10px rgba(195,195,195,.23);}
.z1R h1{font:40px/55px Georgia;color: #f3a508;}
.z1R h1 span{display: block;font:bold 30px/1 "微软雅黑";color: #005daa;}
.z1T{margin-top: 15px;font:15px/1.8 "微软雅黑";color: #000;width: 500px;}
.z1R a.more{display: block;margin-top: 20px;width: 84px;height: 35px;text-align: center;font:15px/35px "微软雅黑";color: #005daa;border:1px solid #005daa;border-radius: 5px;}
.z1R a.more:hover{color: #fff;background:#005daa;}

/*black*/
.black{text-align: center;font:30px/1 Georgia;color: #f3a508;}
.black span{display: block;font:bold 30px/2 "微软雅黑";color: #005daa;}
.black+p{text-align: center;font:15px/1.5 "微软雅黑";color: #000;}

/*z2*/
.z2{margin-top: 55px;}
.z2Box{margin-top: 20px;}
.z2L{width: 292px;}
.z2L h2{text-align: center;height: 192px;background: url(../images/z2lh.png) center;box-sizing:border-box;padding-top: 40px;font:30px/1 "微软雅黑";color: #fff;}
.z2L h2 span{display: block;font:20px/44px "微软雅黑";}
.z2L h2 b{display: block;width: 243px;margin:0 auto;border-top: 1px solid #fff;font:15px/48px "微软雅黑";}
.z2L ul{border:3px solid #005daa;border-top: none;height: 540px;margin-top: -3px;padding-top: 14px;box-sizing:border-box;}
.z2L ul li{width: 279px;height: 59px;margin:0 auto;text-align: center;background: url(../images/proli.png) center no-repeat;margin-bottom: 5px;}
.z2L ul li a{display: block;font:19px/59px "微软雅黑";color: #fff;}
.z2L ul li:hover{background-image: url(../images/prolion.png);}
.z2R{width: 870px;}
.z2R li{float: left;margin-right: 30px;margin-bottom: 27px;position: relative;}
.z2R li:nth-child(2n){margin-right: 0;}
.z2R li img{width: 420px;height: 352px;}
.z2R li h3{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(../images/proh.png) center no-repeat rgba(0,0,0,.4);text-align: center;z-index: 5;font:18px/406px "微软雅黑";color: #fff;opacity: 0;transition:.5s;}
.z2R li:hover h3{opacity: 1;}

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

/*z3*/
.z3{margin-top: 60px;height: 495px;}
.ad{width: 355px;position: absolute;}
.ad h1{font:bold 22px/50px "微软雅黑";color: #005daa;position: relative;}
.ad h1:before{content: "01";font:bold 34px/40px Arial;margin-right: 15px;}
.ad h1:after{content: "";position: absolute;width: 30px;height: 4px;background-color: #005daa;left: 55px;top: 0;}
.z3T{font:15px/25px "微软雅黑";color: #000;}
.ad1{top: 70px;}
.ad2{top: 305px;}
.ad2 h1:before{content: "02"}
.ad3{top: 75px;right: 0;}
.ad3 h1:before{content: "03"}
.ad4{top: 300px;right: 0;}
.ad4 h1:before{content: "04"}
.mg{position: absolute;left: 335px;top: 0;}

/*z4*/
.z4{margin-top: 60px;padding-top: 60px;background: url(../images/z4.png) center top no-repeat;}
.white{text-align: center;font:28px/1 "微软雅黑";color: #f3a508;}
.white span{display: block;font:bold 30px/60px "微软雅黑";color: #fff;}
.white+p{text-align: center;font:15px/1.5 "微软雅黑";color: #fff;}
.z4 ul{margin-top: 60px;}
.z4 ul li{float: left;position: relative;}
.z4 ul li+li{float: right;}
.z4 ul li img{width: 585px;height: 456px;}
.z4 ul li h3{font:22px/78px "微软雅黑";color: #2a2a2b;border-bottom: 1px solid #2a2a2b;}
.z4 ul li h3 span{float: right;width: 77px;height: 30px;background-color: #005daa;color: #fff;font:15px/30px "微软雅黑";text-align: center;border-radius: 5px;margin-top: 24px;}
.z4 ul li a:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 79px;background: url(../images/z4li.png) center rgba(0,0,0,.4);opacity: 0;transition:.5s;}
.z4 ul li:hover a:after{opacity: 1;}
.z4 ul li h3 span:hover{background:#f3a508;}

/*z5*/
.z5{margin-top: 60px;}
.z5 .prev,.z5 .next{position: absolute;cursor: pointer;top:calc(50% - 25px);}
.z5 .next{right: 0;transform:scale(-1);}
.z5 .bd{width: 1020px;margin:0 auto;overflow: hidden;}
.z5 .bd li{float: left;margin-right: 30px;}
.z5 .bd li img{width: 321px;height: 240px;}

/*z6*/
.z6{margin-top: 68px;padding-top: 40px;background-color: #f3f3f3;padding-bottom:40px;}
.z6Box{margin-top: 15px;}
.z6Box .hd{overflow: hidden;}
.z6Box .hd li{float: left;width: 108px;height: 43px;text-align: center;font:18px/43px "微软雅黑";border:1px solid #5d5d5d;margin-right: 25px;border-radius: 5px;}
.z6Box .hd li a{color: #5d5d5d;}
.z6Box .hd li.on{border-color: #005daa;}
.z6Box .hd li.on a{color: #005daa;}
.z6Wrap{margin-top: 25px;}
.z6Inner li{float: left;margin-right: 30px;background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);height: 535px;margin-bottom: 10px;width: 379px;}
.z6Inner li img{width: 379px;height: 282px;}
.z6Inner li h3{font:bold 18px/40px "微软雅黑";color: #005daa;margin-top: 10px;text-indent: 15px;}
.z6Inner li h4{font:14px/2 "微软雅黑";color: #a4a4a4;text-indent: 15px;}
.z6Inner li p{width: 345px;margin:0 auto;font:15px/25px "微软雅黑";color: #000;margin-top: 10px;}
.z6Inner li span{display: block;width: 90px;height: 34px;text-align: center;font:15px/34px "微软雅黑";color: #fff;background-color: #005daa;border-radius: 5px;margin-top: 15px;margin-left: 15px;}
.z6Inner li span:hover{background:#f3a508;}
.z6Inner .z6Prev,.z6Inner .z6Next{display: block;width: 19px;height: 29px;background: url(../images/z6arr.png);position: absolute;top:10px;}
.z6Inner .z6Prev{right: 40px;}
.z6Inner .z6Next{right: 0;transform:scale(-1);}
.z6Inner .z6Prev:hover,.z6Inner .z6Next:hover{background: url(../images/z6arron.png);}