@charset "utf-8";
@font-face{
    font-family: 'bold';
    src: url('../font/Bold.otf');
}
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr ,dl, dt, dd,{margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}

.none{
    display: none;
}
.float-l{float:left;width:45%}
a:link{
    text-decoration:none; color: #757373;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #757373;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #00a596;text-decoration: none;
}
a:active{
    text-decoration:none; color: #757373;text-decoration: none;
}
.i-head{
    background: #fff;position:relative;
}
body {
    font-family: 'bold';
    font-size: 14px;
    color: #272727;
    background-color:#f5f5f5;
    overflow-x:hidden ;
}
.green1{background: #c8d6d5;
    font-weight: bold;}
.col-7{
    color: #7f7f7f;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fl-l{
    float: left;
}
.banner{
    width: 100%;overflow: hidden;
}
.head {
    max-width: 1400px;margin: 0px auto;min-width: 1200px;position:relative
}
.head .head-left{
    float: left;width: 28%;margin-top: 25px;
}
.head .head-center{
    float: left;width: 47%;
}
.head .head-center ul li{
    float: left;padding: 0px 15px;
}
.head .head-center ul li a{line-height:100px}
.head .head-right{
    float: left;width: 25%;background: #f5f5f5;height: 100px;z-index: 1000;
    position: relative;
}
.n-left-top{
    text-align: center;padding: 10px;;border-radius: 5px 5px 0 0;
}
.n-left{margin-top: 20px;}
.n-left-top i{
    width: 20px;height: 19px;background: url("../image/n-pro.png") no-repeat;display: inline-block;vertical-align: middle;
}
.n-left-top .tel{
    width: 22px;height: 22px;background: url("../image/l-tel.png") no-repeat;display: inline-block;vertical-align: middle;
}
.n-left-top span{
    vertical-align: middle;margin-left: 10px;font-size: 16px;
}
.n-left-guider{
    
       cursor: pointer;
    background: #f7f8fa;
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    height: 49px;
    line-height: 49px;
    padding: 0 8px;
}
.n-left .none{background: #f1f7f6;    padding: 5px 0;border-bottom: 1px solid #c2dedc;}
.n-left .none li:hover{background: url(../image/pic_prodTwoBg.png) center no-repeat;
    color: #fff;
    font-weight: bold;
    }
.n-left .none li:hover a{ color: #fff;}
.pro-right-list-hold{width: 960px;
    float: right;}
.n-news-list-hold-shop{}
.n-news-list-hold-shop-img{   margin:0  20px 20px 20px;
    width: 200px;
    float: left;}
.n-news-list-hold-shop-img img{    width: 100%;
    border: 1px solid #ddd;
}
.n-news-list-hold-shop-img-text h3{margin: 30px 0 10px 0;}
.n-news-list-hold-shop-list{    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    margin-left: 30px;}
.n-news-list-hold-shop-list p{position: relative;}
.n-news-list-hold-shop-list img{position: absolute;
    left: 170px;
    top: 0px;
    width: 200px;
    z-index: 1000;display:none;border: 1px solid #ddd;}
.n-news-list-hold-shop-list p:hover img{display:block}
.n-news-list-hold-shop-li{
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
}
.n-news-list-hold-shop-li ul li{
   float: left;width: 46%;    position: relative;padding: 0 2%;
}
.n-news-list-hold-shop-li ul li i{
    width: 2px;
    height: 2px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    background: url(../image/xq1.jpg) left center no-repeat;
}
.n-news-list-hold-shop-li ul li .n-news-list-hold-shop-list a {
    vertical-align: middle;
}
.n-news-list-hold-shop-li a{
    color: #666;
}
.n-left-guider i{
    width: 18px;height: 18px;background: url("../image/right.png") no-repeat;display: inline-block;vertical-align: middle;margin-left: 10px;
}
.n-left-guider .margin-left-50{
    margin-left: 50px;
}
.n-left-guider .fangan-right{    position: absolute;
    left: 10px;
    top: 16px;background-size: 100% 100%;}
.n-left-guider:hover .fangan-right{
    background: url("../image/right1.png") no-repeat;background-size: 100% 100%;
}
.n-left-guider:hover{
background: #EBECEC;
}
.left-contact{background: #f1f7f6;    margin-top: 20px;}
.n-left-guider .down{
    cursor: pointer;

    background: url(../image/off.gif) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    left: 5px;
    top: 21px;

}
.n-left-guider span{margin-left: 30px;}
.n-left-guider  .up{
    background: url(../image/on.gif) no-repeat;

}
.fangan-frist{
    overflow: hidden;margin: 40px 0;border-bottom: 1px dashed #ddd;padding-bottom: 30px;
}
.fangan-frist-text{
    float: left;width: 48%;padding: 0 1%;
}
.fangan-frist-text h3{
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 24px;
    color: #00a596;
    margin-top: 20px;

}
.fangan-frist-text .xian{
    display: block;
    width: 48px;
    height: 2px;
    background: #DBDBDB;
}
.fangan-frist-text-con{
    font-size: 15px;
    padding: 4.4% 60px 0 0;
    line-height: 30px;
}
.fangan-frist-img{
    float: right;width: 50%;
}
.fangan-frist-img img{
    width: 100%;
}
.n-left{
    width: 210px;float: left; ;padding-bottom: 20px;margin-right:10px
}
.n-left img{
    width:100%
}
/*.n-left-top{
    width: 200px;height: 54px;background: url("../image/cp_bt_05.png") no-repeat;line-height: 60px;text-align: center;color: #fff;font-size: 18px;
}*/
.n-left ul li{
    padding: 0px 0px 0px 20px;height:40px;line-height:40px
}
.n-left ul li a{
    
}
.n-about-us{
    background: #d40010;text-align: center;padding: 15px 0;color: #fff;font-size: 18px;
}
.n-left p{
    padding: 5px 10px;
}

.n-pro-head{

}
.n-pro-head span{
    font-size: 18px;font-weight: bold;
}
.n-pro-head  a{
    padding: 0 5px;
}
.lange{
    line-height: 80px;float: left;padding: 10px 20px;
}
.lange img{
    vertical-align: middle;margin-right: 10px;
}
.input{
    float: right;margin: 35px 10px;position: relative;
}
.input input{
    padding: 5px 10px;border-radius: 15px;outline: none;border: 1px solid #ddd;
}
.input  button{
    position: absolute;
    right: 10px;
    background: url(../image/fd.png);
    width: 14px;
    height: 14px;
    display: inline-block;
    top: 6px;
    cursor: pointer;
    border: 0px;
}
.n-pro-shop-guider{
   
}
.n-pro-shop-guider ul li{
   float: left;
    width: 186px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: url(../image/xingzhuang1.png) center;
    padding-left: 3px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
 
    margin-right: 5px;
  
}
.n-pro-shop-guider ul li .i1{    background: url(../image/no1.png)no-repeat;}
.n-pro-shop-guider ul .on .i1{    background: url(../image/qaq1.png)no-repeat;}

.n-pro-shop-guider ul li .i2{    background: url(../image/no2.png)no-repeat;}
.n-pro-shop-guider ul .on .i2{    background: url(../image/qaq2.png)no-repeat;}

.n-pro-shop-guider ul li .i3{    background: url(../image/qwq.png)no-repeat;}
.n-pro-shop-guider ul .on .i3{    background: url(../image/qaq4.png)no-repeat;}

.n-pro-shop-guider ul li i{  width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-right: 15px;background-size:100% 100%;}
.n-pro-shop-guider ul .on{
       color: #fff;
    position: relative;
    background: url(../image/xingzhuang.png)no-repeat center center;
}
/*搜索页*/

.search {

    padding:0px 20px;

}

.search ul li{

    border-bottom: 1px dashed #ddd;padding: 15px 0px;

}

.search ul li p{

    font-size:16px

}

.search ul li .search-bom{

    margin-top: 5px;color:#333;

}

.n-pro-shop-con{
    padding: 30px;    border: 1px solid #e7f0f4;
}
.n-pro-shop-con ul li{
    display: none;
}
.n-pro-shop-con ul .show{
    display: block;
}
.n-left  .show{
    display: block;
}
.n-pro-shop-guider {
    overflow: hidden;
}
.n-left  .none{
    display: none;
}
.n-pro-shop-guider-zhinan{
    background: #eeeeee;
    border-bottom: 1px solid #dddddd;
    line-height: 40px;
    height: 40px;
}
.n-pro-shop-guider-zhinan ul li{
    float: left;
    color: #333333;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    width: 10%;
    text-align: center;
    border-right: 1px solid #dddddd;
    cursor: pointer;
    position: relative;
}
.n-pro-shop-guider-zhinan ul .on{
    background: #fff;
    border-top: 2px solid #3d7fc1;
    color: #3d7fc1;
    font-weight: bolder
}
.n-pro-shop-con-zhinan{
    padding: 30px;
}
.n-pro-shop-con-zhinan ul li{
    display: none;
}
.n-pro-shop-con-zhinan ul .show{
    display: block;
}
.about{
;padding: 50px 0;height: 300px;position: relative;
}
.about .about-bg{
    position: absolute;left: 0px;top:0px;width: 55%;height: 350px;background: #00a596;z-index: -1;min-width: 600px;
}
.about-bg1{
    position: absolute;right: 0px;top:0px;width:45%;height: 350px;background: url("../image/about-bg.jpg") no-repeat center;z-index: -1;background-size: cover;min-width: 600px;
}
.about-hold{
    max-width: 1400px;margin: 0 auto;overflow: hidden;min-width: 1200px;
}
.about-hold .about-left{
    float: left;width: 60%;overflow: hidden;color: #fff;
}
.about-right{
    float: left;width: 40%;overflow: hidden;
}
.about-hold .about-left ul li{
    float: left;width: 50%;margin: 4% 0;overflow: hidden;line-height: 27px;
}
.about-hold .about-left ul li .about-l-img{
    float: left;width: 50px;margin-right: 10px;margin-top: 5px;
}
.about-en{
    color: #00a596;font-size: 18px;font-weight: bold;margin-left: 40px;
}
.about-right h2{
    margin:10px 40px;letter-spacing: 2px;font-size: 26px;
}
.about-right  .xian{
    width: 60px;height: 2px;background: #00a596;margin-left: 40px;
}
.about-con{
    margin-left: 40px;line-height: 30px;margin-top: 10px;margin-bottom: 10px;color: #666;
}
.about-right  a{
    margin-left: 40px;color: #00a596;
}
.pro{
    max-width: 1000px;margin: 20px auto;
}
.pro .pro-hold .pro-tit{
    text-align: center;
}
.pro-list{
    overflow: hidden;margin: 40px 0;
}
.pro-list .pro-left{
    float: left;margin-right: 120px;
}
.pro-right h2{
    color:#00a596;margin: 40px 0 20px 0;
}
.pro-right h3{
    line-height: 30px;
}
.pro-list .xian{
    width: 400px;height: 1px;background: #00a596;display: inline-block;margin-top: 30px;
}
.pro-right-con{
    line-height: 40px;margin-top: 30px;
}
.pro-right-con img{
    vertical-align: middle;margin-right: 8px;
}
.pro-more{
    width: 120px;height: 35px;border: 1px solid #00a596;border-radius: 5px;display: inline-block;text-align: center;margin: 20px 0;color: #00a596;line-height: 35px;
}
.lingyu{
    position: relative;height: 650px;width: 100%;
}
.lingyu-list{
    height: 650px;width: 100%;
}
.lingyu-list .bg{
    display: none;
}
.lingyu-list .bg1{
    background: url("../image/bg3.jpg") no-repeat  center;background-size: cover;width: 100%;height: 100%;
}
.lingyu-list .bg2{
    background: url("../image/bg2.jpg") no-repeat  center;background-size: cover;width: 100%;height: 100%;
}
.lingyu-list .bg3{
    background: url("../image/bg1.jpg") no-repeat  center;background-size: cover;width: 100%;height: 100%;
}
.lingyu-list .bg4{
    background: url("../image/bg4.jpg") no-repeat  center;background-size: cover;width: 100%;height: 100%;
}
.lingyu-list .bg5{
    background: url("../image/bg5.jpg") no-repeat  center;background-size: cover;width: 100%;height: 100%;
}
.lingyu-hold{
    max-width: 1400px;margin: 40px auto; color: #fff;min-width: 1200px;
}
.lingyu-hold h2{
    padding-top: 100px;letter-spacing: 2px;font-size: 26px;
}
.lingyu-hold  .lingyu-con{
    width: 600px;margin: 15px 0;line-height: 27px;
}
.lingyu-more{
    width: 120px;height: 35px;border: 1px solid #fff;border-radius: 5px;display: inline-block;text-align: center;margin: 20px 0;color: #fff;line-height: 35px;
}
.lingyu-hold-list{
    position: absolute;width: 100%;height: 160px;background: rgba(0, 0, 0, 0.3);;bottom: 0px;
}
.lingyu-hold-list .lingyu-hold-list-con{
    max-width: 1400px;margin: 0 auto;overflow: hidden;min-width: 1200px;
}
.lingyu-hold-list .lingyu-hold-list-con ul li{
    float: left;width: 19.5%;text-align: center;height:160px ;border-right: 1px solid #fff;color: #fff;
}
.lingyu-hold-list .lingyu-hold-list-con ul li a{
    color: #fff;
}
.lingyu-hold-list .lingyu-hold-list-con ul li img{
    margin: 20px 0 20px 0;
}
.lingyu-hold-list .lingyu-hold-list-con ul   .on {
    background: rgba(22, 154, 142, 0.8);
}
.jiejue{
    max-width: 1400px;margin: 60px auto;min-width: 1200px;
}
.jiejue .jiejue-tit{
    text-align: center;margin: 20px 0;
}
.jiejue-list{
    margin: 40px 0;position: relative;z-index: 100;
}
.jiejue-list ul li{
    float: left;width: 11.111%;text-align: center;line-height: 30px;margin: 40px 0;color: #00a596;
}
.jiejue-list ul li a{
    color: #00a596;
}
.jiejue-list ul li img{
    height: 40px;
}
.jiejue-down{
    position: absolute;width: 100%;top:140px;left: 0px;z-index: 100;background: #fff;height: 430px;border: 1px solid #ddd;border-top:0px
}
.jiejue-hold-h{
    overflow: hidden;
}
.jiejue-hold-left{
    float: left;width: 48%;position:relative;
}
.jiejue-hold-left img{
    width: 100%;margin-bottom: 10px;
}
.jiejue-hold-left h3{
    line-height: 40px;
}
.jiejue-hold-right{
    width: 48%;float: right;
}
.jiejue-hold-right ul li{
    background: #fff;overflow: hidden;margin: 10px 0;padding: 10px ;line-height: 24px;border:1px solid #ddd
}
.jiejue-hold-right ul li h3{
    margin-bottom: 5px;
}
.jiejue-hold-right ul li:hover h3{
    color: #00a596;
}
.jiejue-hold-right-img{
    float: left;
    margin-right: 15px;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}
.jiejue-hold-right-img img{width:85px;height:85px}
.jiejue-hold-right-con p{color:#666}
.news{
    max-width: 1400px;margin: 60px auto;min-width: 1200px;
}
.news-tit{
    text-align: center;
}
.news-left{
    float: left;width: 48%;margin: 40px 0;
}
.news-left img{
    width: 240px;height: 140px;
}
.news-left ul li{
    margin: 10px 0;overflow: hidden;
}
.news-left ul li .news-left-img{
    float: left;position: relative;margin-right: 15px;
}
.news-left ul li .news-left-img p{
    position: absolute;bottom: 10px;right: 10px;width: 100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #00a596;
}
.news-left ul li .news-left-con{
    line-height: 24px;    border-bottom: 1px solid #ddd;
    padding-bottom: 24px;
}
.news-left ul li .news-left-con h3{
    margin: 10px 0;
}
.news-left ul li .news-left-con p{color:#666}
.news-right {
    width: 48%;
    float: right;
    margin: 40px 0;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.news-right p{color:#666}
.news-right img{
    width: 100%;
}
.news-right  h3{
    margin: 16px 0;
}
.news-more{
    width: 140px;height: 40px;line-height: 40px;color: #fff;background: #00a596;text-align: center;float: right;border-radius: 5px;
}
.fff{
    background: #fff;border: 1px solid #ddd;border-bottom: 0px;
}
.jiejue-down{display:none}
.footer{
    margin: 40px 0 0 0;
}
.footer .xian{
    width: 100%;
}
.footer-hold{
    max-width: 1400px;margin: 40px auto;overflow: hidden;min-width: 1200px;
}
.footer-left{
    width: 1000px;float: left;
}
.footer-left ul li{
    float: left;width: 25%;line-height: 30px;
}
.footer-left-img{
    float: left;margin-right: 15px;
}
.footer-left-img-con{
    float: left;
}
.footer-left-img-con a{color:#666}
.footer-bom{
;border-top: 1px solid #ddd;padding: 15px 0;overflow: hidden;max-width:1400px;margin:0 auto;min-width:1200px;
}
.bshare-custom{
    float: right;
}
.i-head-bg{
    background: #f5f5f5;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30%;
}
/* 侧边悬浮导航 */.right_nav {right:0;bottom:150px;position:fixed;text-align:left;overflow:hidden;z-index:999;}
.right_nav li {background:#00a596;margin:4px 0;padding:10px;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer;position:relative;right:-70px;}
.right_nav li .iconBox {text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.right_nav li img {width:30px;height:30px;}
.right_nav li h4 {color:#fff;font-size:14px;margin:2px 0;margin-left:15px;}
.right_nav li:hover {background:#00a596}
.right_nav li .hideBox {display:none;position:absolute;right:120px;padding:10px;padding-right:15px;top:-10px;z-index:999;width: 180px}
.right_nav li .hideBox .hb {border:1px solid #ccc;background-color:#fff;padding:10px 20px;border-top:2px solid #00a596;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.right_nav li .hideBox .hb h5 {padding:5px 0;border-bottom:2px solid #ccc;color:#00a596;font-size:16px;font-weight:400;display:block;white-space:nowrap;}
.right_nav li .hideBox .hb p {margin-top:5px;font-size:18px;font-weight:700;}
.right_nav li .hideBox .hb .qqtalk {margin-top:10px;}
.right_nav li .hideBox .hb .qqtalk a {display:flex;align-items:center}
.right_nav li .hideBox .hb .qqtalk img {width:25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p {font-size:14px;font-weight:400;white-space:nowrap;margin-top:-5px;margin-left:5px;}
.right_nav li:nth-child(3) .hideBox img {width:140px;height:140px;margin-top:10px;}

.jiejue-hold-left .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: right;
    z-index: 100;
}
.jiejue-hold-left .flex-control-paging li a{ text-align: center;}
.flex-control-paging li a.flex-active{    background:#00a596}
.current1 a{
color:#fff
}
.head .head-center ul li:hover{background:#00a596;}
.head .head-center ul li:hover a{color:#fff}
.head .head-center ul li:hover>.subnav{display:block}
.current1{background: url(../image/pic_prodTwoBg.png) center no-repeat;
    color: #fff;
    font-weight: bold; }

.column{line-height: 50px;
    background: url(../image/pic_MenuTopBg.png);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 0 75px 0 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;background-size:100% 100%}
.column a{color:#fff}
 .subnav {position: absolute;top: 100px;left: 0;background:rgba(0, 165, 150, 0.8);;padding: 16px 0 16px 31%;; display: none; z-index:1000}
  .subnav .max-width { max-width: 860px; margin: 0 auto; }
 .head .head-center ul li .subnav a { display: inline-block; color: #fff; ; width: 20%; text-align: left;line-height: 50px;  }
  .subnav a:hover { color: #fff; }
  .subnav a i { margin-left: 10px; display: inline-block; width: 9px; height: 9px; border-right: 1px solid #c1e9eb; border-top: 1px solid #c1e9eb; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }
.subnav .max-width {
   width: 860px;
    margin: 0 auto;
}
dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.product-nav { padding: 35px 10% 35px 15%; }
  .product-nav dl { float: left;
    width: 45%;
    padding: 0 0px;
    margin-bottom: 20px;
    margin-left: 20px; }
  .product-nav dl dt { color: #c1e9eb; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #c1e9eb; }
  .product-nav dl dt a { padding: 0;display:block;width:auto;}
  .product-nav dl dd { padding-top: 8px; display: block; padding-left: 0; }
  .product-nav dl dd a { width: 32%; padding: 5px 0 5px 10px; font-size: 14px; position: relative;white-space:nowrap; }
  .product-nav dl dd a:before { content: ""; position: absolute; width: 4px; height: 4px; display: block; left: 0; top: 18px; background: #c1e9eb; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
  .product-nav dl dd a:hover { color: #fff; }
  .product-nav dl:nth-child(2n+1) { clear: left; }
.head .head-center ul li .product-nav a{width:40%}
.product-nav dl dt:after {
   
}
.head .head-center ul li .product-nav a{line-height:30px}
.key-word{height:260px}
.yuyan{    position: absolute;
    width: 150px;
    height: 150px;
    background: #f5f5f5;
    left: 0px;
    padding: 0px 0px 0px 30px;display:none}

.lange:hover .yuyan{   display:block
    
   }
.sliderbar-container{
margin-left: -250px;
    width: 450px;
    top: 300px;
    border: 1px solid rgb(0, 165, 150);
    position: fixed;
    font-family: "Microsoft Yahei";
    z-index: 9999;
    background-color: rgb(255, 255, 255);
    left: 50%;
    border-radius: 15px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
.close{position: absolute;
    right: 20px;}
.sliderbar-container .title{
font-weight: bold;
    padding: 10px 25px;
    font-size: 18px;
    display: block;
    background-color: rgb(0, 165, 150);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-family: "Microsoft Yahei";
    border-radius: 15px 15px 0 0;

}
.wz{    font-size: 15px;
    margin: 10px;
    line-height: 23px;
    padding: 10px 20px 40px 20px;}