@charset "utf-8";



.fancybox-close{ top: 0px;right: 0px;}
.w-is-p{ display: block;}
.w-is-m{ display: none;}




/* 内页 */
.w-g-cate-bg{background: #f5f5f5;width: 100%;border-bottom: 1px solid #eee;}
.w-g-cate{text-align: center;}
.w-g-cate .sp{display: inline-block;}
.w-g-cate .sp>a{ display: inline-block;height: 60px;line-height: 60px;font-size: 16px;margin:0 26px;position: relative;}
.w-g-cate .sp>a.cur:before{content: '';background: #007981;height:3px;position: absolute;bottom:0;width: 100%;}

.w-g-wrapper-bg{width: 100%;background: #fff;padding: 30px 0 100px 0;}
.w-g-wrapper{width: 1320px;margin: 0 auto;}
.w-side{float:left;background: #fff;width:240px;margin-right:-240px;position:relative;}
.w-main{float:right;width:100%;  }
.w-mainc{margin-left:255px;background: #fff; }

.w-g-wrapper-100 .w-side{ display: none;}
.w-g-wrapper-100 .w-main .w-mainc{margin: 0;}

.w-side .h3t{ padding-left:20px; color:#fff;
    background: url(../images/categories.png) no-repeat 210px center #007981;


}
.w-side .h3t h3{font-weight:normal;font-size:16px;line-height: 55px;}

.w-mainc .h3t{ line-height: 55px;height: 55px;border-bottom: 1px solid #dbdbdb; position: relative;margin:0 15px}
.w-mainc .h3t h2{font-weight:normal;font-size:16px;border-bottom: 1px solid #007981;line-height: 55px; position: absolute;left:0;bottom:-1px }
.w-mainc .h3t .w-rt{ padding-right: 10px;font-size: 14px;color:#777}
.w-mainc .h3t .w-rt a{color:#777}
.w-mainc .h3t .w-rt .sep{ font-family: simsun; padding: 0 10px;}


.w-side-ul{ background: #F7F9FA}
.w-side-ul .i-1{width:100%; overflow: hidden;}
.w-side-ul .i-1 a{ display: block; padding-left:40px; border: 1px solid #ececec;border-top:none; height: 50px;line-height: 50px;font-size: 14px;color:#333;
    overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
    background: url(../images/c5.png) no-repeat 17px center;}
.w-side-ul .i-1 a:hover{border-left:3px solid #007981;color:#007981}
.w-side-ul .i-1 a.cur{border-left:3px solid #007981;color:#007981;font-weight: bold}

.w-side-ul .i-2{width:100%; overflow: hidden;}
.w-side-ul .i-2 a{ display: block; padding-left:60px; border: 1px solid #ececec;border-top:none; height: 40px;line-height: 40px;font-size: 13px;color:#333;
    overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
    background: url(../images/li03.png) no-repeat 44px center #f3f3f3;  border-bottom: 1px solid #e3e3e3;}
.w-side-ul .i-2 a:hover{border-left:3px solid #007981;color:#007981}
.w-side-ul .i-2 a.cur{border-left:3px solid #007981;color:#007981;font-weight: bold}


.w-side  .scon{border:1px solid #ececec;background: #F7F9FA;padding:10px;line-height: 1.8;font-size: 14px}
.w-side  .scon img{max-width: 100%;}
.w-side  .scon p{}

/* 上图下文 列表 */
.w-list{padding:15px;}
.w-list ul{}
.w-list li{float:left;width:33.333%;padding: 10px ;}
.w-list .img{overflow: hidden}
.w-list .img img{width: 100%;}
.w-list .item{border:1px solid #d5d5d5; background: #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list .txt{}
.w-list .title{ width: 100%; height: 55px;line-height: 55px;font-size: 15px;text-align: center;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.w-list .subtitle{}
.w-list .item:hover{
    -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
    border:1px solid #ddd;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.w-list-x4 li{float:left;width:25%;padding: 12px ;}

/* 左图右文 列表  */
.w-list-news{padding:0;}
.w-list-news ul{ }
.w-list-news li{float:left; padding: 15px;width: 100%;

}
.w-list-news-x2 li{width:50%;padding: 12px ;}

.w-list-news li:hover h3 a{color:#007981;}
.w-list-news .item{
    padding: 15px ;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list-news .item:hover{
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.w-list-news .img{float:left;width:24%; }
.w-list-news .img img{width: 100%;border-radius: 3px;}
.w-list-news .txt{float:left; width:76%; padding:3px 0 0 22px;box-sizing: border-box; }
.w-list-news h3{width:100%;height: 20px;line-height:18px;font-size: 18px;  }
.w-list-news h3 a{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list-news p{width:100%;  font-size: 14px;height: 50px;line-height: 25px;color: #888;overflow: hidden;margin-top: 8px;}
.w-list-news .date{color:#999;margin-top:15px;font-size:13px;}
.w-list-news .btn{margin-top:10px; }
.w-list-news .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px;
    border:1px solid #007981; color:#007981;
    transition: background-color 0.5s linear 0s;
}
.w-list-news .btn a:hover{
    color: rgb(255, 255, 255);
    background-color: #007981;
    border-color: #007981;
}
.w-list-news .noimg .txt{width:100%;padding:3px 0 0 0px;}



.w-list-news-li{padding:10px  20px;}
.w-list-news-li li{line-height: 44px;border-bottom:1px dashed #ddd; }
.w-list-news-li li a{width: 70%; height:44px ;line-height:44px; display: block;float:left; background: url(../images/li03.png) no-repeat left center;padding-left:15px;font-size: 14px;
    overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list-news-li li:hover a{color:#007981;}
.w-list-news-li li span{float:right;color:#666;}



.w-list-rec{}
.w-list-rec{padding:15px 20px 0 20px;}
.w-list-rec ul{ }
.w-list-rec li{float:left; padding: 30px 20px;width: 100%;}
.w-list-rec li:hover h3 a{color:#007981;}
.w-list-rec .item{
    padding: 12px ;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list-rec .item:hover{
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.w-list-rec h3{width:100%;height: 20px;line-height:18px;font-size: 18px;  }
.w-list-rec h3 a{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list-rec p{width:100%;  font-size: 15px;height: 25px;line-height: 25px;color: #888;overflow: hidden;margin-top: 12px;}
.w-list-rec p span{padding:0 12px}
.w-list-rec .txt{float:left;width: 80%}
.w-list-rec .btn{float:right;width: 20%; text-align: right}
.w-list-rec .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px;
    border:1px solid #007981; color:#007981;
    transition: background-color 0.5s linear 0s;
}
.w-list-rec .btn a:hover{
    color: rgb(255, 255, 255);
    background-color: #007981;
    border-color: #007981;
}




.w-content-title{padding-top:30px;text-align:center;line-height: 1.5}
.w-content-title h1{font-size: 38px;font-weight:normal;padding:0 20px 0 20px;}
.w-content-date{border-bottom:1px solid #eee;text-align:center;padding:15px 0;color:#999;font-size:15px;margin: 0 20px}

.w-content{padding:25px 20px;min-height: 100px; }
/* .w-content p{margin-bottom:10px;line-height: 1.8em; }
.w-content img{max-width: 100%;} */

/* 产品详情 */
.w-g-wrapper-100 .proimg-group{width: 540px;margin-left: 30px}
.w-g-wrapper-100 .protitle-info{width: 540px;margin-left: 50px}
.w-g-wrapper-100 .protitle-info .contel{width: 450px;}
.w-g-wrapper-100 .protitle-info h1{font-size: 26px;}

.w-product-hd{padding-top:30px;}
.proimg-group{width: 380px;float:left;margin-left: 15px}
.proimg-group .proimg{border:1px solid #ddd;}
.proimg-group .proimg img{width: 100%;}
.proimg-group .swiper_pro_wrap{position: relative;padding:0 35px;margin-top: 15px; overflow: hidden}
.proimg-group .swiper_pro{}
.proimg-group .swiper_pro .swiper-slide{float:left; width: 33.333%}
.proimg-group .swiper_pro .swiper-slide img{width: 100%;border: 2px solid #fff;}
.proimg-group .swiper_pro .swiper-slide.hover img{border:2px solid  #d81e06;}
.proimg-group .pro-prev,
.proimg-group .pro-next{width: 25px;height: 100px; cursor: pointer;position: absolute; z-index: 20}
.proimg-group .pro-prev{  left:0;top:0;background: url(../images/j351.png) no-repeat center center}
.proimg-group .pro-next{ right:0;top:0;background: url(../images/j352.png) no-repeat center center}
.proimg-group .pro-prev.swiper-button-disabled,
.proimg-group .pro-next.swiper-button-disabled{opacity: .4}

.protitle-info{width: 400px;float:left;margin-left: 30px}
.protitle-info h1{font-size: 22px;line-height: 1.3;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 20px}
.protitle-info .con{margin-top: 25px;font-size: 15px;color:#555;line-height: 2}

.protitle-info .contel{width: 400px;margin-top: 25px}
.protitle-info .contel dl{
    /*border:1px solid #bbb;border-radius: 3px;*/
    padding:14px 0; border-top:1px solid #ddd;
}
.protitle-info .contel .iit{padding-bottom:6px;font-size: 20px;color:#444;font-weight: bold;}
.protitle-info .contel .ii1,
.protitle-info .contel .ii2{ display: inline-block;font-weight: bold;font-size: 21px;color:#007981;}
.protitle-info .contel .ii2{padding-left:35px;}
.protitle-info .contel dt{float:left;padding:0 13px; display: none}
.protitle-info .contel dt img{width: 48px}
.protitle-info .contel dd{float:left;}
.protitle-info .btn1{margin-top:20px;}
.protitle-info .btn1 a{ display:block;width:130px;height:42px;line-height:42px;color:#fff;background:#007981; text-align: center;font-size:15px; }

.w-pro-ht{ border-bottom:1px solid #ccc; height:36px;font-size: 17px;   position: relative;margin:30px 15px 0 15px}
.w-pro-ht span{ display: block;position: absolute;z-index: 1;left:0;bottom:-1px;height:36px;border-bottom:2px solid #007981;color:#333; }


/*图片放大镜样式*/
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;z-index:10;background:#ffffff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);border:1px solid #ddd; width:150px !important;height:150px !important; cursor: move }




/* 分页 */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}

.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}

.pagination>li>a:focus,
.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#333;background-color:#eee;border-color:#ddd}

.pagination>.active>a,
.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#333;border-color:#333}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.pagination-lg>li>a,
.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}

.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,
.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}

.pager .next>a,
.pager .next>span{float:right}
.pager .previous>a,
.pager .previous>span{float:left}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}





/* 1680 1600 */
@media screen and (max-width:1680px){}

/* 1440 1366*/
@media screen and (max-width:1440px){}

/* 1280 */
@media screen and (max-width:1280px){}

/* wap 1024 ipad 768 */
@media screen and (max-width:768px){


}

/* 横屏*/
@media  only screen
and (orientation: landscape)
{
    /*  横屏时，显示   为了更好的使用体验，请您使用竖屏浏览 */
    /*body{background: red;}*/
}


.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#1C4692;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:10px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; color:#333}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:14px;color:#93959c;}