/*页面框架结构*/

.SildeBar .homePro{width: 50%;text-align: center;margin: 1% auto;display:block;padding-top: 1.5%;height: 63px;}




/*
 .Floor000881 为demo编号
 */
.Floor000881{margin-top: 40px;}
.Floor000881 .Ititle{background: url(../images/l.png) no-repeat center top;}
.Floor000881 .Ititle a{width: 35px;display: inline-block;border-bottom: 1px solid #ee1c23;}
.Floor000881 .list_copy{ display:none;}
.Floor000881 .bx-viewport{ z-index:1;}
.Floor000881 .list_scroll li{ position: relative; float:left; height: 327px; _display:inline;text-align:center;border-left: 1px solid #e8e8e8;}
.Floor000881 .list_scroll .pic{height: 160px; padding: 0 10px;margin-bottom: 5%;}
.Floor000881 .list_scroll li a{height: 100%;border-bottom: 8px solid #f0efef;box-sizing: border-box;display: inline-block; margin: 0 12px; }
.Floor000881 .list_scroll li .pic img{vertical-align: middle;display: inline-block; max-height: 100%; }
.Floor000881 .list_scroll li h3{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:24px;}
.Floor000881 .list_scroll li p{font-size: 14px;color: #939393;}
.Floor000881 .list_scroll li span{display:none;background: url(../imgs/view.png) no-repeat center;width: 86px;height: 35px;margin-top: 5%;}
.Floor000881 .list_scroll li:hover h3{color: #02b753;}
.Floor000881 .list_scroll li:hover a{border-color: #02b753;}
.Floor000881 .list_scroll li:hover span{display:inline-block;}
.Floor000881 .list_scroll li .new strong{display: inline-block;position: absolute;background: url(../images/new.png) no-repeat center;width: 75px;height: 71px;right: 5px;top: -15px;}
.Floor000881 .bx-wrapper{ position:relative; }
.Floor000881 .bx-pager{ display:none;}
.Floor000881 .bx-controls-direction a.bx-prev{ left:-25px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:-25px; background-position:right center;}
.Floor000881 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10; background-image:url(../imgs/floor000881-btnie8.jpg); background-repeat:repeat; background-position:left center;}
/*.Floor000881 .bx-controls-direction a.bx-prev{ left:-25px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:-25px;}
.Floor000881 .bx-controls-direction a::before,
.Floor000881 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#3099d2; left:0; }
.Floor000881 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;}
.Floor000881 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;}
.Floor000881 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;}
.Floor000881 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;}*/
@media(max-width:1250px){
.Floor000881 .bx-controls-direction a.bx-prev{ left:5px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:5px;}
}

@media(max-width:768px){

.Floor000881{ padding:20px 0; margin-top: 0px;}
.Floor000881 .list_scroll li{padding:0px; height:100%;}
.Floor000881 .list_scroll .pic{margin-bottom: 4%;}
.Floor000881 .list_scroll li span{display:block; margin:5% auto;}
.list_scroll i{  width:55px; height:51px; left:0; margin-top:-20px; background-size:100%;}
}

/*首页*/

/*资讯中心-详细*/
.ncontent{padding-top: 50px;padding-bottom: 40px;}
.info_other{ padding-bottom:20px;margin-top: 35px;}
.info_other span{ display:block; padding:3px 0;}
.info_other span a{ color: #666;}
.info_other span.back a{ display:inline-block;  padding:0px 15px; color:#fff; background-color:#8a0004;}
.info_other .h1{ font-size:14px;margin-bottom: 10px; text-align:left;}
.info_other .h1:hover a{color: #094aae;}
@media (max-width:768px){
.ncontent{padding-top: 35px;}
.SinglePage { padding: 0;}
.About .SinglePage { padding: 30px 0;}
}

/*产品中心*/

.typemenu dl{ display:table; width:100%;border:1px solid #efefef ; margin-top:-1px;}
.typemenu dt,
.typemenu dd{ display:table-cell; vertical-align:middle;}
.typemenu dt{ text-align:center; width:120px;background: #f5f5f5;border-right:1px solid #efefef;font-size: 18px;}
.typemenu dd{ position:relative;}
.typemenu dd .all{ position:absolute; left:15px; top:10px;color: #666; width:54px;line-height: 40px; text-align:center; cursor:pointer;}
.typemenu dd figure{  min-height:60px; padding:10px 0 10px 69px;}
.typemenu dd figure a{ display:inline-block; padding:0 15px; line-height:40px; margin-left:1px; cursor:pointer;}

.typemenu a.aon{ background:#54caf2; color:#fff;}
.typemenu a.no{ border:none; color:#666;}
@media(max-width:768px){
.typemenu .mobile_select{ display:block; height:60px;}
.typemenu dd figure{ display:none; z-index:100; padding-left:0; position:absolute; left:0; top:100%; width:100%; background-color:#fff; border:1px solid #ccc; max-height:150px; overflow:auto;}
.typemenu dd figure a{ display:block; line-height:28px;}
}

.pro_list{ overflow: hidden;}
.pro_list li{width: 33.333333%;height: 316px;float: left;text-align: center;margin-top: 95px;} 
.pro_list .pic{height: 160px;line-height: 160px;padding: 0 10px;margin-bottom: 26px;}
.pro_list .pic img{vertical-align: middle;display: inline-block;width: 255px;max-height: 160px; height: auto;}
.pro_list li h3{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 5px; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_list li p{font-size: 14px;color: #939393;}
.pro_list li a{border-right:1px solid #e9e9e9 ;display: inline-block;width: 100%;height: 237px;}
.pro_list li span{border-bottom: 8px solid #f0f0f0;display: inline-block;width: 80%;height: 8px;margin: 20% auto 0;}
.pro_list li:hover span{border-bottom: 8px solid #54caf2;}

@media(max-width:768px){
.typemenu{ margin: 8% 0 5%;} 
.pro_list li span{width: 90%;}
}
@media(max-width:640px){
.pro_list li{ width: 50%; margin-top: 20px; height:auto;}
}
@media(max-width:320px){
.pro_list li{ width: 90%; margin:10% auto 0; float:none;}
}



/*产品中心-详细*/
.pro_info{margin: 57px 62px 72px;}
.pro_info .left{float: left;}
.pro_info .right{float: right;width: 49%;}
.pro_info .right .smallimg{ width:90%; margin:0 auto;}
.pro_info .bigimg {width: 49%;line-height:395px;background: rgb(255, 255, 255) !important;border:1px solid #e9e9e9;margin-bottom: 10px;overflow: hidden;text-align: center;}
.pro_info .bigimg img{width: 461px;max-height: 320px;display: inline-block;vertical-align: middle;}
.pro_info .picScroll-left{ width:472px;position:relative;}
.pro_info .picScroll-left .hd{ height:26px;position: absolute;top: 40%;width: 100%;  }
.pro_info .picScroll-left .hd .prev,
.pro_info .picScroll-left .hd .next{ display:block;width:26px; height:26px;cursor:pointer;position: absolute;}
.pro_info .picScroll-left .hd .prev{background: url(../images/l3.png) no-repeat center;left: -18px;}
.pro_info .picScroll-left .hd .next{background: url(../images/r3.png) no-repeat center;right: -16px;}
.pro_info .picScroll-left .bd{ margin:10px; overflow:hidden; padding-left:5px; }
.pro_info .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.pro_info .picScroll-left .bd ul li{ margin:0 6px 0 4px;float:left;width:140px; height:98px;line-height: 98px; _display:inline; overflow:hidden; text-align:center; cursor:pointer; border: 1px solid #ececec;}
.pro_info .picScroll-left .bd ul li .pic{ text-align:center; position:relative;}

.pro_info .prointro{clear: both;overflow: hidden;}
.pro_info .prointro .title,.pro_info .prointro .main{float: left;}
.pro_info .prointro .main{width: 445px;margin-left: 5px;}

.pro_info .picScroll-left .bd ul li .pic img{ width:120px; height:88px; display:inline-block;vertical-align: middle;padding:2px;}
.pro_info .picScroll-left .bd ul li.on{border: 1px solid #6ad1f4;}
.pro_info .right .intro{border-bottom: 1px solid #eaeaea;/*max-height: 260px;*/margin-bottom: 20px;clear: both;overflow: hidden;}
.pro_info .right .intro h3{font-size: 22px;color: #333;font-weight: normal;margin-bottom: 18px;}
.pro_info .right .intro p{font-size: 14px;color: #666;margin-bottom: 5px;}
.pro_info .right .intro .back{float: right;margin-top: 25px;font-size: 14px;color: #666;padding-right: 10px;}
.bdsharebuttonbox{margin-top: 25px;padding-bottom: 17px;width: auto;float: left;}
.bdsharebuttonbox span{float: left;font-size: 14px;color: #666;}
.intro_list{margin-top: 10%;}
.intro_list .title{background: #ededee;height: 44px;line-height: 44px;}
.intro_list .title ul{clear: both;overflow: hidden;}
.intro_list .title li{float: left;width: 137px;font-size: 14px;color: #333;text-align: center;cursor: pointer;}
.intro_list .title li.on{color: #fff;background: #54caf2;}
.intro_list .cont .SinglePage{display: none;min-height: 340px;padding: 25px 0 0;}
@media(max-width:1024px){
	 .pro_info .picScroll-left .bd ul li{ margin:0 6px 0 4px;float:left;width:140px; height:98px;line-height: 98px; _display:inline; overflow:hidden; text-align:center; cursor:pointer; border: 1px solid #ececec;}
	 .pro_info { margin: 6% 0 7%;}
	 .pro_info .picScroll-left{ width:100%;}
	 .pro_info .picScroll-left .bd ul li{ width:30.333333%;  _display:inline; overflow:hidden; text-align:center;border: 1px solid #ececec;  }
}

@media(max-width:768px){
	 .pro_info{ width:95%; margin:0 auto;}
	 .pro_info .picScroll-left .bd ul li{ margin:0 7px 0 5px}
	 .pro_info .picScroll-left .bd ul li .pic img{ width:auto; height:auto;}
	 .pro_info .right .intro { margin-bottom: 18px;}
	 .pro_info .bigimg { padding:35px 0; line-height:normal;}
	 .pro_info .picScroll-left .hd .next{ right: -16px;}
	 .pro_info .picScroll-left .hd .prev{left: -14px;}
	 .intro_list{margin-top: 5%;}
}
@media(max-width:640px){
	 .pro_info .right{float: none;width: 100%;}
	 .pro_info .bigimg {width: 100%; float:none; margin-top:40px; padding:0;}
	 /*.pro_info .right .smallimg{ display:none;}*/
	 .pro_info .bigimg img{width: 100%;max-height: auto;}

}


/*首页产品中心*/
.Floor000881{text-align: center;}
.homePro {overflow: hidden; display: inline-block; margin: 2% 0; padding-bottom: 30px;}
.homePro li{list-style: none; background: #ddd; float: left; cursor: pointer; width: 120px; height: 35px; margin-bottom: 10px; text-align: center; line-height: 35px; border-radius: 100px;  color: #666; margin: 0px 5px; font-size: 12px}
.homePro li:hover,.homePro li.on{background: #02b753; color: white;}
.homePro li a{ color: #333;}
.homePro li:hover a{
	color: #fff;
}
.homePro li img{width: 20px; height: 20px; text-align: center; padding-right: 5px;}
.homePro li img.img{display: inline-block;}
.homePro li img.imgHover{display: none;}
.homePro li:hover img.imgHover,.homePro li.on img.imgHover{display: inline-block;}
.homePro li:hover img.img,.homePro li.on img.img{display: none;}
.homeTab .info{display: none;}
.proline .homePro li a:hover{color: #fff !important;}

@media(max-width:768px){
.productheight{height:auto;}
}

@media(max-width:600px){
.homePro {display: block;}
.homePro li{width: 46%;margin: 2% 2%;}
	
	
.homePro li:hover{background: #ddd; color: inherit; }
.homePro li:hover img.img{display:inline-block;} 
.homePro li:hover img.imgHover{display: none; }
	
.homePro li.on { background: #02b753; color: white;}
.homePro li.on img.img {display: none; }	
.homePro li.on img.imgHover { display: inline-block;}

}
.stylepadding{padding-top: 0 !important}