@charset "UTF-8";
/*!
Date:2017-06-20
*/
#map img {
    max-width: none;
    max-height: none;
}
/*轮播*/
.com-slider {
    position: relative;
}
.com-slider .hd {
    margin-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.com-slider .hd ul li {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: #ededed;
    border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.com-slider .hd.hd2 {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
}
.com-slider .hd ul li.on {
    background-color: #bb3e46;
    border-color: #bb3e46;
}
.com-slider .com-btn {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: -25px;
    background: rgba(255,255,255,0.6);
    font-size: 24px;
    font-family: serif,"宋体";
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.com-slider .com-btn:hover {
    background: rgba(255,255,255,0.8);
    width: 50px;
}
.com-slider .com-btn.next {
    right: 0;
}

.com-block-list li {
    float: left;
    width: 286px;
    height: 368px;
    background: #fff;
    text-align: center;
    padding: 65px 40px 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.com-block-list li:hover {
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
    box-shadow:0 0 30px rgba(0,0,0,0.2);
}
.com-block-list li ~ li {
    margin-left: 18px;
}
.com-block-list li .tit {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #bb3e46;
}
.com-block-list li .des {
    line-height: 1.75;
}

/*效果一*/
.xg-xm li,
.xg-xm-2 li {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.xg-xm li:hover {
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
}
.xg-xm-2 li:hover {
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
    box-shadow:0 0 30px rgba(0,0,0,0.2);
}

/* ====== 分页 ====== */
.pages-wrap{height: 36px; text-align: center; line-height: 36px;margin-top: 50px;margin-bottom: 80px;}
.pages-wrap .pages a,
.pages-wrap .pages span{display: inline-block; margin: 0 5px; width: 36px; height: 36px; color: #999; font-size: 14px; font-family: "sans-serif","宋体"; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s;}
.pages-wrap .pages .prev,
.pages-wrap .pages .prev_disabled,
.pages-wrap .pages .next,
.pages-wrap .pages .next_disabled{background-color: #EAEAEA; color: #666;}
.pages-wrap .pages .pre:hover,
.pages-wrap .pages .next:hover{background-color: #bb3e46; color: #fff;}
.pages-wrap .pages .current,
.pages-wrap .pages a:hover{background-color: #bb3e46; color: #fff;}
.pages-wrap .pages a.prev:before,
.pages-wrap .pages a.prev_disabled:before{content:"<";}
.pages-wrap .pages a.next:before,
.pages-wrap .pages a.next_disabled:before{content:">";}


/* ====== 通用面包屑 ====== */
.cate-position{height: 50px;color: #999; line-height: 50px;}
.cate-position .icon-pos {width: 20px;height: 20px;background: url(../images/icon_home.png) no-repeat center 0; background-size: contain; margin-right: 10px;}
.cate-position .ep{padding: 0 5px;}
.cate-position a{color: #999;}
.cate-position a:hover{color: #BB3E46;}
.cate-position-detail {
    height: 80px;
    line-height: 80px;
}

/* ====== 产品详情 ====== */
.product-detail{
    padding: 50px 0 20px;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 2;
}
.product-detail-header{padding-bottom: 50px; background-color: #fff;}
.product-zoom{float: left;height: 460px;overflow: hidden;}
/*产品左侧*/
/*.prodcut-albums-box{position: relative; width: 600px;}*/
.prodcut-albums-box .arrow-btn{position: absolute; top: 180px; z-index: 10; width: 48px; height: 48px; background-color: #eee; background-repeat: no-repeat;color:#999;text-align: center;font-weight: bold;font-size: 20px;font-family: "宋体";line-height: 48px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.prodcut-albums-box .arrow-btn:hover{background-color: #ccc;}
.prodcut-albums-box .prev{left: 20px; background-position: 0 0;}
.prodcut-albums-box .next{right: 20px; background-position: 0 -50px;}
.prodcut-albums-box .bd{overflow: hidden; width: 460px; height: 460px; border: 1px solid #eee;}
.prodcut-albums-box .bd ul li{float: left; width: 460px; height: 460px; background-color: #fff; text-align: center; line-height: 460px;}
.prodcut-albums-box .hd{ text-align: center;width: 80px;margin-left: 18px;}
.prodcut-albums-box .hd ul li{display: inline-block; width: 80px; height: 80px; margin-bottom: 14px; border: 1px solid #fff; background-color: #fff; font-size: 0; line-height: 78px; cursor: pointer; border: 1px solid #EEEEEE;}
.prodcut-albums-box .hd ul li img{max-width: 100%; vertical-align: middle;}
.prodcut-albums-box .hd ul li.on{border-color: #F19F3F; }
.product-detail-header .product-des{float: right; width: 47.5%;}
.product-detail-header .product-des h2.tit{color: #333; font-size: 32px;font-weight: 600;margin-bottom: 2px;}
.product-detail-header .product-des .tip{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; font-size: 16px; line-height: 2;}
.product-detail-header .p-desc{margin-top: 20px; padding: 8px 18px; color: #444; font-size: 14px; line-height: 32px !important; background: #F6F6F6;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3; line-height:180%;}
.product-detail-header .p-desc p{ padding:5px 0;}
.product-detail-header .p-desc table,
.product-detail-header .p-desc table tr,
.product-detail-header .p-desc table td {
    border: none!important;
}
.product-detail-header .p-desc table td:first-child {
    padding-right: 35px;
    text-align: justify;
    color: #818181;
}
.product-detail-header .p-func {
    margin-top: 15px;
    height: 38px;
    line-height: 38px;
}
.product-detail-header .p-func .ico-img {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 38px;
    height: 39px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-detail-header .p-func .ico-img i {
    margin-right: 5px;
    vertical-align: top;
}
.product-detail-header .p-func .ico-img em {
    display: inline-block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-detail-header .p-func .ico-img:hover {
    width: auto;
}
.product-detail-header .p-func img {
    width: 38px;
}
.product-detail-header .product-des .subcat li{position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 128px; height: 44px; border: 1px solid #e4e4e4; text-align: center; line-height: 44px; cursor: pointer;}
.product-detail-header .product-des .subcat li a{display: block;}
.product-detail-header .product-des .subcat li.on,
.product-detail-header .product-des .subcat li:hover{border-color: #39A6E8;}
.product-detail-header .product-des .subcat li.on:before{position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; content: url(../images/p-on.png); line-height: 15px;}
.product-detail-header .product-des .iso{margin-top: 5px; height: 36px; line-height: 36px;}
.product-detail-header .product-des .iso .tit{float: left; margin-right: 20px; font-size: 16px;}
.product-detail-header .product-des .zixun-box{margin-top: 32px; height: 54px;}
.product-detail-header .product-des .zx{display: inline-block; padding: 0 20px; height: 42px;text-align: center; font-size: 16px; line-height: 42px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;border-radius: 3px;border-radius: 3px;}
.product-detail-header .product-des .zx-qq {
    color: #fff;
    background: #074488;
}
.product-detail-header .product-des .zx-mall {
    color: #F19F3F;
    border: 1px solid #F19F3F;
}
.product-detail-header .product-des .zx .ico {
    margin-right: 18px;
}
.product-detail-header .product-des .zx-qq .ico {
    width: 25px;
    height: 24px;
    background: url(../images/icon_qq.png) no-repeat;
}
.product-detail-header .product-des .zx-mall .ico {
    width: 28px;
    height: 24px;
    background: url(../images/icon_mall.png) no-repeat;
}
.product-detail-header .product-des .zx-dt {
    padding: 0;
    width: 48px;
    height: 48px;
    background: url(../images/icon_dt.png) no-repeat center;
    border: 1px solid #ccc;
}
.product-detail-header .product-des .zx:hover{opacity: .9; filter: alpha(opacity=90);}
.product-detail-header .product-des .other{display: inline-block;margin: 0 10px; width: 130px; height: 48px; background: #ddd; color: #666; text-align: center; font-size: 14px; line-height: 48px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.product-detail-header .product-des .other:hover{opacity: .8; filter: alpha(opacity=80);}
.p-hotline{display: block;padding: 20px 0;color:#999;font-size: 16px;}
.p-hotline span{color:#333;font-size: 24px;}
.product-detail-item{padding-left: 1px; z-index: 999; height: 55px;background: #f2f2f2; text-align: center; line-height: 55px;}
.product-detail-item li{position: relative; float: left; width: 132px; font-size: 15px; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.product-detail-item li.on:before{content: ""; position: absolute; top: 0; left: 0; width: 100%;border-top: 2px solid #074488;}

/*.product-detail-item li:hover,*/
.product-detail-item li.on{color: #074488;background: #fff;}
.product-intro{float: left; width: 90%; padding: 0 20px; box-sizing:border-box;}




.product-detail .bd{height: auto!important;}
.product-detail .bd .item{position: static!important; }
.product-detail .bd .item ~ .item{display: none;}
.product-intro .p-cont{line-height: 2;}
.product-intro .p-cont li{list-style: disc;}
.product-detail .tit .p-tit{color: #333; font-weight: 400; font-size: 18px;}
.product-detail .tit .p-tit span{color: #999; font-size: 14px;}
.product-intro .tit .p-tit{line-height: 54px;}
.product-spec .tit .p-tit{line-height: 74px;}
.product-detail table{width: 100%; font-size: 14px; line-height: 2.85; text-align: center; margin-top: 16px; overflow: hidden;}
.product-detail table tr:first-child{font-weight: 600; background: #f5f8fb;}
.product-detail table tr td{border:1px solid #333; padding: 0 8px;}
.product-detail table tr td p{padding:0; margin:0;}
.product-spec .spec-cont .firstRow th{font-weight: 400;}

.product-spec .spec-cont table{width: 100%!important; border-top:1px solid #333;border-left:1px solid #333;}
.product-spec .spec-cont table td,.product-spec .spec-cont table th{border-right:1px solid #333;border-bottom:1px solid #333;}
.back-bar{margin-top: 20px; padding-top: 20px; border-top: 1px dotted #e4e4e4;}
.back-btn-left{float: left; padding: 6px 15px; border: 1px solid #e4e4e4; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.back-btn-left:hover{border-color: #39A6E8; background-color: #39A6E8; color: #fff;}
.back-btn-right{float: right; display: none;}
/*其他*/
.gr-page-other{margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.gr-product-content .gr-page-other{border-color: #E4EAEC;}
.gr-page-other p{line-height: 26px;}
.gr-back-btn{margin-top: 6px; width: 125px; height: 40px; background-color: #353535; color: #fff!important; text-align: center; font-size: 14px; line-height: 40px;}
/*关联案例*/
.relate-project .p-title{padding-top: 20px; padding-bottom: 20px; font-size: 16px;}
.relate-project ul{margin-right: -5px; margin-left: -5px;}
.relate-project ul li{float: left; padding: 0 5px; width: 50%; text-align: center;}
.relate-project ul li .pic{display: block; overflow: hidden; width: 100%; height: 100%; /* background-color: #000; */}
.relate-project ul li .pic img{width: 100%; opacity: 0.93; filter: alpha(opacity=93);}
.relate-project ul li .pic img:hover{opacity: 0.90; filter: alpha(opacity=90);}
.relate-project ul li .tit{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
/*推荐产品*/
.product-tj {
    border: 1px solid #eee;
}
.product-tj .b-tit {
    font-size: 20px; font-weight: bold;
    color: #444;
    padding-top: 25px;
    padding-bottom: 25px;
}

/* ====== 客服 ====== */
.qqkefu{position:fixed;right:0;bottom:40%;z-index:888;width:53px;}
.qqkefu ul li{position:relative;float:right;margin-bottom:1px;height:47px;background:#757575;font-size:14px;line-height:47px;opacity:.9;cursor:pointer;}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#074488;}
.qqkefu ul li.top{position:relative;width:53px;background:#074488 url(../images/kf/top_icon.png) no-repeat center;color:#1c1c1c;text-align:center;font-weight:800;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.qqkefu ul li.top:hover{background-color:#1462b9;}
.qqkefu ul li b{float:left;display:block;overflow:hidden;width:53px;height:47px;}
.qqkefu ul li b.a{background:url(../images/kf/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../images/kf/czx3.png) no-repeat center center;}
.qqkefu ul li b.d{background:url(../images/kf/bdsq.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../images/kf/czx5.png) no-repeat center center;}
.qqkefu ul li b.e{background:url(../images/kf/icon_kf_tel.png) no-repeat center center;}
.qqkefu ul li b.lxb{background:url(../images/kf/phone0.png) no-repeat center center;}
.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;border:1px solid #CCC;background:#FFF;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#000;text-align:center;font-size:12px;line-height:20px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-23px;left: -153px;height:70px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:12px;margin-bottom:6px;width:100%;color:#074488;font-weight:600;font-size:18px;}


/* ====== 百度分享修复 ====== */
.jiathis_style .jiathis_counter.jiathis_bubble_style{box-sizing: content-box;}

/*lay*/
.layui-layer-page .layui-layer-content {
    overflow: hidden!important;
}


/*新产品效果*/
.prodPic{width: 47.5%;}
.prodPic .big{width:100%; position:relative;z-index:1;border:1px solid #e3e3e3;}
.prodPic .big a{width:100%; background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big img{vertical-align:middle;max-width:100%;max-height:100%;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{
    overflow: hidden;
    position: relative;
    margin-top: 1px;
}
.prodPic .list .thumb ul li{background:none;width:75px;height:75px;position:relative;}
.prodPic .list .thumb ul li ~ li {margin-top: 8px;}
.prodPic .list .thumb ul li a{display:block;width:75px;height:75px;border:1px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#074488;}



			
.list-with-line li:before { position: absolute; left: -14px; top: 50%; margin-top: -8px; display: block; content: ""; width: 10px; height: 10px; border-radius: 10px; background: #999;}
.list-with-line li{font-size: 14px; position: relative; top: -7px; margin-top: 20px;}
.list-with-line{padding: 0; margin-top: 12px; position: relative; margin: -20px 0;}
.list-with-line a{padding-left: 8px;}