/*头部样式*/
.top{border-bottom: 1px solid #e1e1e1;font:14px/32px "微软雅黑";color: #333;}
.k1 a{color: #333;}
#header{width:1200px;margin:0 auto;overflow: hidden;background: url(../images/head.png) center bottom no-repeat;margin-top: -15px;}
.logo{float:left;line-height: 120px;width: 636px;}
.k2{padding-left: 86px;margin-top:25px;font:30px/1.2 "微软雅黑";color: #000;background: url(../images/tel.png) left center no-repeat;}



/*热门关键词*/
.search{padding: 12px 0;box-shadow: 0 3px 8px rgba(0,0,0,.2);}
.hotSearch{float:left;font:14px/31px "微软雅黑";color: #333;}
.hotSearch a{margin-right:10px;font-size: 12px;color: #333;}


/*搜索*/
#formsearch{font-size: 0;width: 300px;border:1px solid #cacaca;float: right;}
#formsearch input{background:none;border:none;line-height:29px;height:29px;outline: none;}
#formsearch input#keyword{padding-left:13px;color:#666;width:245px;}
#formsearch input#s_btn{width:41px;background:url(../images/ss.png) center top no-repeat;cursor:pointer;font-size: 0;}

/*主体样式*/
#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{margin-top: 0px;padding:15px 0;border-top: 1px solid #dde2e2;font:14px/47px "微软雅黑";}
.f_link a{margin-left: 10px;}

/*页面底部*/
#footer{border-top: 13px solid #048578;background-color: #3c3c3c;color: #fff;padding-top: 30px;padding-bottom:50px;}
#footer a{color: #fff;}
.fNav{margin-left: 18px;width: 80px;}
#footer dt{font:16px/1 "微软雅黑";margin-bottom: 15px;}
#footer dd{font:14px/24px "微软雅黑";}
.fLx{margin-left: 90px;width: 270px;}
.fMes{width: 270px;margin-left: 55px;}
.fMes input,.fMes textarea{display: block;border:none;width: 270px;height: 35px;margin-bottom: 10px;font:14px/35px "微软雅黑";color: #333;text-indent: 20px;}
.fMes textarea{height: 80px;}
.fMes input[type="submit"]{text-indent: 0;background-color: #048578;color: #fff;font-size: 16px;margin-top: 15px;cursor: pointer;outline: none;}
.fMes input#checkcode{float: left;}
.fCode{margin-top: 10px;width: 310px;}

.copyright{text-align:center;padding:5px 0;background-color: #2b2b2b;font:12px/20px "微软雅黑";color: #fff;}
.copyright a{color: #fff;}
.Top{position: fixed;z-index: 50;bottom:200px;right: 10%;cursor: pointer;}

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

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

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

.left .box h3 {line-height: 50px;padding-left: 34px;background: #009293;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:100%;}
.n_banner img{max-width:100%; height:auto !important;width:auto !important;}
.wrapper {margin: 0 auto; position: relative; height:648px;left: 50%;margin-left: -960px;width: 1920px;}
.family_x{position:absolute;right:400px;top:520px;width:200px;z-index:9999;}
.family_x ul{}
.family_x ul li{width:100px;float:left;height:22px;line-height:22px;}
.family_x ul li a{font:bold 14px/22px "微乳雅黑";color:#bcbcbc;display:block;padding-left:30px;}
.family_x ul li a:visited{color:#bcbcbc;}
.family_x ul li a:hover{text-decoration:none;color:#FFCC00;}
.family_x ul li.fam_01{background:url(../images/zg.png) no-repeat 0px 50%;}
.family_x ul li.fam_02{background:url(../images/yw.png) no-repeat 0px 50%;}


.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:bold 30px/1 "微软雅黑";color: #00786c;background: url(../images/blk.png) center 14px no-repeat;height: 90px;}
.black span{display: block;font:16px/40px "微软雅黑";color: #aaabab;}

/*white*/
.white{text-align: center;font:bold 30px/1 "微软雅黑";color: #fff;background: url(../images/blk.png) center 14px no-repeat;height: 90px;}
.white span{display: block;font:16px/40px "微软雅黑";color: #fff;}


/*z1*/
.z1{margin-top: 20px;height: 285px;background: url(../images/z1.png) center bottom no-repeat;}
.z1Box{margin-top: 28px;position: relative;}
.z1Box .bd{width: 1135px;margin:0 auto;overflow: hidden;}
.z1Box .bd ul li{float: left;margin-right: 19px;}
.z1Box .bd ul li img{width: 173px;height: 127px;}
.z1Box .prev,.z1Box .next{position: absolute;top: 37px;cursor: pointer;}
.z1Box .prev{left: 0;}
.z1Box .next{right: 0;transform:scale(-1);}

/*z2*/
.z2{padding-top: 27px;}
.z2L{width: 220px;}
.z2L ul{width: 205px;margin: 0 auto;margin-top: 10px;}
.z2L ul li{margin-bottom: 2px;}
.z2L ul li>a{display: block;text-align: center;font:14px/30px "微软雅黑";color: #fff;background-color: #00786c;}
.z2L ul li dl{border-top: 1px dashed #dadada;margin-top: 2px;}
.z2L ul li dl dd a{display: block;text-align: center;font:14px/35px "微软雅黑";color: #333;background: url(../images/z2Lli.jpg) center;border-bottom: 1px dashed #dadada}
.z2R{width: 965px;}
.z2R .hd{overflow: hidden;border-bottom: 1px solid #d2d5d7;}
.z2R .hd li{float: left;margin-left: 8px;width: 142px;height: 39px;text-align: center;font:18px/39px "微软雅黑";color: #fff;background: url(../images/z2Rli.png);}
.z2R .hd li.on{background: url(../images/z2RliOn.png);}
.z2R .hd a{float: right;font:14px/39px "微软雅黑";}
.z2R .bd{margin-top: 20px;}
.z2R .bd ul{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;justify-content:space-between;margin-bottom: 15px;flex-wrap:wrap;}
.z2R .bd ul li{padding:12px 18px 13px 13px;background-color: #e9eaea;width: 440px;margin-bottom: 15px;}
.z2R .bd ul li img{width: 208px;height: 162px;float: left;border:1px solid #e0dcdc;}
.z2R .bd ul li div{width: 208px;float: right;}
.z2R .bd ul li div h3{margin-top: 10px;font:14px/24px "微软雅黑";}
.z2R .bd ul li div p{font:12px/2 "微软雅黑";color: #333;}

/*z3*/
.z3{margin-top: 4px;padding-top: 35px;background: url(../images/z3.jpg) center top no-repeat;height: 635px;}
.z3 ul{margin-top: 55px;}
.z3 ul li{float: left;width: 410px;color: #fff;margin-bottom: 30px;}
.z3 ul li h3{font:18px/40px "微软雅黑";padding-bottom: 15px;border-bottom: 1px solid #fff;white-space: nowrap;}
.z3 ul li:nth-child(2n-1) h3:before{content: attr(wz);display: inline-block;width: 41px;margin-right: 10px;text-indent: 15px;font:30px/45px Arial;color: #006b6c;background: url(../images/z3Li.png) no-repeat;}
.z3 ul li p{font:12px/2 "宋体";margin-top: 13px;}
.z3 ul li:nth-child(2n){float: right;}
.z3 ul li:nth-child(2n) h3{text-align: right;}
.z3 ul li:nth-child(2n) h3:after{content: attr(wz);display: inline-block;width: 41px;margin-left: 10px;text-indent: 15px;font:30px/45px Arial;color: #006b6c;background: url(../images/z3Li.png) no-repeat;text-align: left;}
.ys{position: absolute;left:calc(50% - 174px);top: 150px;}

/*z4*/
.z4{margin-top: 20px;}
.z4Box{margin-top: 29px;}
.z4L{width: 560px;}
.z4R{width: 605px;font:14px/30px "微软雅黑";}
.z4R h2{font:bold 42px/1 "微软雅黑";text-align: center;color: #005f60;margin-bottom: 25px;}
.z4R a{color: #006768;}

/*z5*/
.z5{margin-top: 30px;}
.z5 .hd{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.z5 .hd li{width: 110px;text-align: center;font:16px/48px "微软雅黑";color: #fff;background-color: #00786c;position: relative;}
.z5 .hd li.on{background-color: #f48902;}
.z5 .hd li.on:after{content: "";position: absolute;border:12px solid transparent;border-top: 10px solid #f48902;top: 100%;left:calc(50% - 12px);}
.z5Wrap{margin-top: 25px;position: relative;}
.z5Inner .bd{width: 1128px;margin:0 auto;}
.z5Inner .bd li{float: left;margin-right: 10px;padding:8px;background-color: #e0dede;width: 258px;}
.z5Inner .bd li img{width: 258px;height: 207px;}
.z5Inner .bd li h3{text-align: center;font:16px/30px "微软雅黑";}
.z5Inner .z5Prev,.z5Inner .z5Next{position: absolute;top: 70px;cursor: pointer;}
.z5Inner .z5Prev{left: 0;}
.z5Inner .z5Next{right: 0;transform:scale(-1);}
.z5Inner .bd li:hover{background-color: #00786c;}
.z5Inner .bd li:hover h3{color: #fff;}

/*z6*/
.z6{margin-top: 20px;padding-top: 35px;background: url(../images/z6.jpg) center top no-repeat;height: 650px;}
.z6Box{margin-top: 40px;display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;flex-wrap:wrap;}
.z6Box dl{width: 600px;overflow: hidden;background-color: #0ec0bc;display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;}
.z6Box dl dt{width: 360px;}
.z6Box dl dd{width: 240px;box-sizing:border-box;padding:48px 36px 0 23px;color: #fff;position: relative;}
.z6Box dl:nth-child(1) dd:before,.z6Box dl:nth-child(2) dd:before{content: "";position: absolute;border:7px solid transparent;border-right: 7px solid #0ec0bc;right: 100%;top:calc(50% - 7px);}
.z6Box dl dd h3{font:19px/1 "微软雅黑";}
.z6Box dl dd p{margin-top: 10px;font:14px/24px "微软雅黑";}

.z6Box dl:nth-child(3),.z6Box dl:nth-child(4){flex-direction:row-reverse;}
.z6Box dl:nth-child(3) dd:after,.z6Box dl:nth-child(4) dd:after{content: "";position: absolute;border:7px solid transparent;border-left: 7px solid #0ec0bc;left: 100%;top:calc(50% - 7px);}
.z6Box dl:hover{background-color: #fc8108;}
.z6Box dl:hover dd:before{border-right-color: #fc8108;}
.z6Box dl:hover dd:after{border-left-color: #fc8108;}

/*z7*/
.z7{margin-top: 19px;}
.z7Box{margin-top: 29px;}
.z7Box ul li{float: left;margin-right: 20px;}
.z7Box ul li img{width: 283px;height: 220px;border:1px solid #e1dddd;}
.z7Box ul li h3{text-align: center;font:14px/46px "微软雅黑";background-color: #dde2e2;}
.z7Box ul li:hover img{border-color: #00786c;}
.z7Box ul li:hover h3{background-color: #00786c;color: #fff;}

/*z8*/
.z8{margin-top: 30px;padding-top: 48px;padding-bottom: 30px;background-color: #dde2e2;}
.z8L{width: 438px;}
.z8Tit{height: 40px;background: url(../images/z8Tit.jpg) left no-repeat;padding-left: 10px;padding-top: 20px;}
.z8Tit h1{width: 150px;text-align: center;font:20px/40px "微软雅黑";color: #fff;background: url(../images/z8TitH.png) center top no-repeat;display: inline-block;}
.z8Tit a{float: right;font:14px/24px "微软雅黑";color: #fff;margin-right: 15px;}
.z8B{padding-top: 15px;background-color: #fff;padding-bottom: 28px;}
.z8B ul li{width: 400px;margin:0 auto;padding:10px 0;border-bottom: 1px solid #e2e4e4;}
.z8B ul li h3{padding-left: 55px;font:14px/32px "微软雅黑";position: relative;}
.z8B ul li h3:before{content: "问";position: absolute;width: 32px;height: 32px;background-color: #00786c;text-align: center;font:14px/32px "微软雅黑";color: #fff;left: 6px;top: 0;border-radius: 100%;}
.z8B ul li p{padding-left: 55px;font:14px/18px "微软雅黑";position: relative;color: #333;margin-top: 10px;height: 40px;}
.z8B ul li p:before{content: "答";position: absolute;width: 32px;height: 32px;background-color: #fc8108;text-align: center;font:14px/32px "微软雅黑";color: #fff;left: 6px;top: 0;border-radius: 100%;}

.z8R{width: 726px;background-color: #fff;height: 515px;}
.z8Tit h1.on{background: url(../images/z8TitHOn.png) center top no-repeat;}
.z8Wrap{width: 690px;margin:0 auto;margin-top: 30px;}
.z8Inner dl{overflow: hidden;}
.z8Inner dl dt{float: left;}
.z8Inner dl dd{float: right;width: 315px;}
.z8Inner dl dd h3{font:18px/2 "微软雅黑";color: #585858;}
.z8Inner dl dd p{font:14px/2 "微软雅黑";color: #585858;height: 120px;}
.z8Inner dl dd span{display: block;width: 100px;text-align: center;font:12px/30px "宋体";color: #585858;background-color: #dcdede;margin-top: 10px;}
.z8Inner ul{margin-top: 10px;display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;flex-wrap:wrap;justify-content:space-between;}
.z8Inner ul li{width: 335px;}
.z8Inner ul li a{padding-left: 15px;display: block;font:12px/30px "宋体";color: #585858;background: url(../images/z8Arr.png) left center no-repeat;}
.z8Inner ul li a span{float: right;}
