.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.product_class{margin-top: 30px;}
.cattop{height: 30px;background: url(../images/bj.jpg) repeat-x center;text-align: center;}
.cattop span{display: inline-block;background: #fff;padding: 0 20px;height: 30px;line-height: 30px;color: #0270ab;font-size: 30px;}

.index_cattop{margin-top: 60px;}
.catelist{font-size: 0;text-align: center;}
.catelist li{width: 20%;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: top;margin: 1.5%;position: relative;}
.catelist li .catename{width: 70%;position: absolute;left: 50%;transform: translateX(-50%);top: 70%;text-align: center;color: #606060;font-size: 16px;word-wrap: break-word;line-height: 1.5;}

.hot_prowd{text-align: center;padding: 20px 0;color: #878787;font-size: 12px;line-height: 2;}
.rock_wrap{margin: 30px 0 60px;}
.gdlist a{width: 100%;display: block;}
.gdlist a img{border: 1px solid #ccc;border-bottom: none;}
.gdlist a:hover img{border-color: #0076b4;}
.gdlist a .brand_title{height: 44px;line-height: 44px;text-align: center;color: #fff;font-size: 14px;background: #0076b4;border: 1px solid #0076b4;}

.bx-wrapper{position: relative;}
.bx-wrapper .bx-controls-direction a{position: absolute;outline: 0;width: 34px;height: 34px;z-index: 1;top: 50%;text-indent: -999px;overflow: hidden;transform: translateY(-50%);}
.bx-wrapper .bx-controls-direction a.disabled{display: none;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{background: url(../images/slider-arrow1.png) no-repeat;}
.bx-wrapper .bx-prev{left: -40px;background-position: 0 0;}
.bx-wrapper .bx-next{right: -40px;background-position: -52px 0;}

.i_block{display: none;}

@media(max-width: 1020px){
    .i_none{display: none;}
    .i_block{display: block;}
    .cattop span{padding: 0 10px;font-size: 20px;}
    .index_cattop{margin-top: 30px;}
    .catelist li{width: 48%;margin: 1%;}
    .catelist li .catename{width: 100%;font-size: 12px;}
    .rock_wrap{margin: 30px 0;}

    .bx-wrapper .bx-prev{left: 0;}
    .bx-wrapper .bx-next{right: 0;}
}
/*产品分类 end*/

/*产品中心*/
.product_padding{margin: 30px 0;}
.client_list{font-size: 0;}
.client_list_l{width: 20%;}

.client_list_r{width: 78%;border: 1px solid #ccc;}

.customer{height: 30px;line-height: 30px;padding: 0 10px;border-bottom: 1px solid #28acee;}
.customer_title{font-size: 12px;color: #28acee;font-weight: bold;}
.customer_position li{display: inline-block;vertical-align: middle;font-size: 12px;color: #333;}
.customer_position li>a{font-size: 12px;color: #333;padding: 0 4px;}
.customer_position li>a:hover{color: #6db543;}

.pro_products{padding: 16px;}
.products_center{font-size: 0;}
.products_center li{width: 32%;display: inline-block;vertical-align: top;margin: 0 0.65% 10px;text-align: center;}
.ellipsis_title{font-size: 12px;color: #000;margin-top: 10px;line-height: 2;-webkit-line-clamp: 1;height: 2em;}
.products_center li a img{border: 1px solid #ccc;}
.products_center li a:hover .ellipsis_title{color: #28acee;}
.products_center li a:hover img{border: 1px solid #28acee;}

.info_left{width: 350px;}
.MagicZoomBigImageCont{border:1px solid #ccc;background:#fff;}
.MagicZoomMain{text-align: center!important;width: 92px;}
.MagicZoomMain div{padding: 0px!important;}
.MagicZoomHeader{color:#fff;background:#91b817;text-align:center!important; }
.MagicZoomPup{border:0px solid #aaa;background:#fff;}
.MagicZoomLoading {text-align:center;background:#fff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img{padding-top:3px!important;}
#tsImgS{padding: 0!important;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{margin:0 auto;position:relative;border:1px solid #ccc;font-size:12px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
.MagicZoom{width: 100%!important;}
#tsShopContainer #tsImgS img{border:0px;height: auto!important;}
#tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;width: 84%!important;overflow: hidden;top:10px;left:50%;transform: translateX(-50%); height:52px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:64px;margin: 0 4px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:1px;border:1px solid  #e4e4e4;display:block;height:51px;width: 64px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border-color: #f00;margin:0px;}
img.MagicZoomLoading{width: 16px;height: 16px;}

.bg_left{width: 350px;height: auto;float: left;}
.bg_right{float: left;position: absolute;left: 100%;top: 0;z-index: 99;}
.show{width: 100%;height: auto;margin-bottom: 10px;position: relative;border: 2px solid #E8E8E8;cursor: move;}
.show img{width: 100%;height: 100%;}
.mask{width: 200px;height: 200px;background: #000000;filter: Alpha(opacity=50);opacity: 0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 350px;height: 350px;overflow: hidden;margin-left: 10px;display: none;border: 2px solid #E8E8E8;background: #ffffff;}
.bigshow img{width: 1000px;height: 1000px;}
.smallshow{width: 100%;height: auto;position: relative;}
.smallshow img{width: 100%;border: 2px solid #e8e8e8;box-sizing: border-box;}
.smallshow>.middle_box{margin: 0 24px;width: calc(100% - 48px);overflow: hidden;height: auto;position: relative;}
.smallshow .middle{overflow: hidden;height: auto;}
.smallshow .middle>li{width: 60px;height: auto;float: left;cursor:pointer;padding: 2px;}
.smallshow>p{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 30px;}
.smallshow>.prev:hover,.smallshow>.next:hover{color: #f7b832;}
.smallshow>.prev{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top: 50%;transform: translateY(-50%);left: 0;cursor:pointer;}
.smallshow>.next{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top: 50%;transform: translateY(-50%);right: 0;cursor:pointer;}
.smallshow>.prev.prevnone,.smallshow>.next.nextnone{cursor: not-allowed;}

.info_right{width: calc(100% - 370px);}
.product_name{overflow:hidden;color:#000;font-weight:bold;background:#f0f0f0;padding:10px;font-size:16px;}
.product_times{width: 100%;color: #666;line-height: 2;border-bottom: 1px dashed #ccc;font-size: 12px;padding: 2px 0;}
.pro-buy{margin-top: 14px;}
.pro-buy a{display: inline-block;padding: 8px 20px;color: #fff;background: #28acee;border-radius: 5px;font-size: 14px;}

.product_details{margin-top: 24px;}
.details_nav{background: #f0f0f0;}
.details_nav li{display: inline-block;vertical-align: top;}
.details_nav li a{font-size: 14px;padding: 0 10px;margin-right: 10px;text-align: center;float: left;cursor: pointer;line-height: 32px;background: #d2d2d2;color: #000;font-size: 14px;}
.details_nav li.active a{color: #fff;background: #28acee;}
.desc_top{margin-top: 20px;}
.desc{font-size: 14px;line-height: 2;}

.InputBoxSpan,.InputBoxFont{position: absolute;top: 50%;transform: translateY(-50%);font-size: 12px;}
.InputBoxSpan{left: 0;color: #666;width: 100px;text-align: right;}
.InputBoxFont{right: 0;color: #eb2a2a;width: 20px;text-align: center;}
.p_form .InputBox{width: 100%;height: 30px;float: left;position: relative;border: 1px solid #d2d9e1;margin-bottom: 10px;}
.p_form .InputBox input{display: block;width: 100%;height: 100%;color: #666;border: none;padding: 0 10px;outline: none;font-size: 12px;}
.textareaP{font-size: 12px;color: #666;text-align: center;width: 80px;margin-top: 6px;}
.text_area{border: 1px solid #d2d9e1;color: #666;background: #fff;}
.text_area textarea{width: 100%;height: 100%;color: #666;background: #fff; border: none;min-height: 180px;padding: 10px;outline: none;font-size: 12px;}
.button{text-align: center;margin-top: 10px;padding: 4px 20px;font-size: 14px;border: 1px solid #28acee;background: #28acee;display: inline-block;margin-right: 20px;color: #fff;cursor: pointer;}
.button:hover{background: #fff;color: #28acee;}

.pos-r{position: relative;}
.tab-item ul>li a{width: 100%;display: block;color: #28acee;font-size: 12px;padding: 6px 15px;background: #fafafa;border-bottom: 1px solid #ccc}
.tab-item ul>li:last-child a{border-bottom: none;}
.tab-item ul>li .cat span{display: block;width: 28px;height: 100%;cursor: pointer;position: absolute;top: 0;right: 0;}
.tab-item ul>li .cat span:after{content: "";width: 14px;height: 2px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.tab-item ul>li .cat span:before{content: "";width: 2px;height: 14px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.tab-item ul>li.active .cat span:before{transform: translate(-50%,-50%) rotate(-90deg);}
.tab-item ul>li .navscon{display: none;}
.tab-item ul>li.open .navscon{display: block;}
.tab-item ul>li .navscon>a{display: block;padding-left: 30px;background: #fdfdfd;color: #666;}

@media(min-width: 1021px){
    .mobile span{display: block;padding: 6px 20px;color: #fff;background: #28acee;font-size: 16px;}
    .phone,.about_nav{border: 1px solid #ccc;border-top: none;}
    .phone li a{width: 100%;display: block;color: #28acee;font-size: 12px;padding: 6px 15px;font-weight: bold;background: #fafafa;border-bottom: 1px solid #ccc}
    .phone li:last-child a{border-bottom: none;}
    .panel_nav{padding: 0 10px;}
    .panel_nav li a,.about_nav li a{padding: 6px 10px;display: block; background:#fff;font-size: 12px;font-weight: normal; color: #666;border-bottom: 1px dashed #ccc;}
    .panel_nav li:last-child a,.about_nav li:last-child a{border-bottom: none;}
    .panel_nav li a:hover,.phone li.active a,.about_nav li a:hover,.about_nav li.active a{color: #28acee;}
    .about_nav li a{padding: 6px 20px;}
    .index_none{display: none;}
}

@media(max-width: 1020px){
    .client_list_l{width: 100%;}
    .client_list_r{width: 100%;margin-top: 24px;}
    .products{overflow: hidden;min-height: 200px;}
    .indexnav h3{background: #28acee;text-align: center; color: #fff;padding: 10px 0;font-size: 16px;}
    .indexnav .mobile{display: none;}
    .indexnav{position: relative;}
    .indexnav .phone{display: none;width: 100%;position: absolute;top: 100%;z-index: 999;background: #f1f1f1;}
    .phone li>a{padding: 10px 15px;}
    .panel,.panel-heading{background: #f1f1f1;border-bottom: none;border-radius: 0;margin-bottom: 0;box-shadow: none;border: none;}
    .phone li>a,.panel-heading a{width: 100%;color: #666;display: block;font-size: 14px;}
    .panel .panel_nav li a{width: 100%;display: block; padding: 6px 10px;background:#fff;font-size: 14px;color: #666;}
    .panel-heading:hover,.panel-heading:hover a,.phone li>a:hover,.panel .panel_nav li a:hover{background: #28acee;color: #fff;}
    
    .index_block,.tab-item{display: none;}
    .index_none{display: block;}

    .customer_position{display: none;}
    .pro_products{padding: 10px;}
    .products_center li{width: 48%;margin: 0 1% 8px;}
    .ellipsis_title{color: #000;margin-top: 0;}
    
    .info_left{width: 100%;}
    .info_right{width: 100%;margin-top: 24px;}
}
@media(max-width: 990px){
    .p_form_s{padding: 6px;}
    .p_form .InputBox{margin-bottom: 6px;}
    .MagicZoomPup,.MagicZoomBigImageCont{display: none !important;}

    .button,.bg_left{width: 100%;}
    .mask,.bg_right{display: none !important;}
}
/*产品中心 end*/

/*关于我们*/
.about_us{margin-top: 20px;}
.about_text{border: 1px solid #ccc;border-top: none;padding: 6px;font-size: 12px;color: #666;line-height: 1.8;}
.desc_text{font-size: 12px;line-height: 2;color: #666;}

@media(max-width: 1020px){
    .about_us{display: none;}
}
/*关于我们 end*/

/*新闻资讯*/
.special_new_s{font-size: 0;padding: 10px 0;border-bottom: 1px dashed #dcdcdc;}
.special_new_s:first-child{padding-top: 0;}
.special_left_s,.special_right_s{display: inline-block;vertical-align: middle;}
.special_left_s{width: 14%;overflow: hidden;}
.special_right_s{width: 86%;padding-left: 20px;}

.special_title{font-size: 14px;color: #333;line-height: 2;-webkit-line-clamp: 1;height: 2em;}
.special_time,.special_text{font-size: 12px;color: #666;}
.special_text{line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
.special_new_s a:hover .special_title{color: #28acee;}

.details_title{font-size: 18px;line-height: 2;color: #333;}
.details_time{font-size: 12px;color: #888;}
.desc_text_top{margin: 20px 0;}
.prevnext li,.prevnext li a{font-size: 12px;color: #333;line-height: 2;}
.prevnext li a:hover{color: #28acee;}

@media(max-width: 1020px){
    .special_left_s{display: none;}
    .special_right_s{width: 100%;padding-left: 0;}
}

.desc_title_s{font-size: 20px;font-weight: bold;margin-bottom: 10px;color: #ee1111;}
.contactus{margin-top: 24px;}