#Product_list{
	margin-top: 71px;
}
#Product_list .bannar img{
	width: 100%;
}
.sidebar_nav li.active span i{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* Internet Explorer */
	-moz-transform:rotate(90deg); /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); /* Opera */
}
/*主要内容*/
.main{
	padding-top: 20px;
	padding-bottom: 60px;
}
.mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 121, 226, 0.7);
    display: none;
}
.mask-inner{
	display: block;
    width: 140px;
    height: 140px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -70px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: -webkit-transform 0.6s ease;
    -moz-transition: -moz-transform 0.6s ease;
    transition: transform .6s ease;
    overflow: hidden;
    z-index: 100;
}
.line-out::before {
  width: 1px;
  height: 70px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  background: #fff;
  -webkit-transition: margin 0.2s ease-in-out 0.2s;
  -moz-transition: margin 0.2s ease-in-out 0.2s;
  transition: margin 0.2s ease-in-out 0.2s;
}
.line-out::after {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  background: #fff;
  -webkit-transition: margin 0.2s ease-in-out 0.2s;
  -moz-transition: margin 0.2s ease-in-out 0.2s;
  transition: margin 0.2s ease-in-out 0.2s;
  background: #ffffff;
}
.line-come::before {
  width: 1px;
  height: 70px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 70px;
  background: #fff;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.line-come::after {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: -70px;
  background: #fff;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.mask-inner:hover .line-out::before{
  margin-top: -140px;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.mask-inner:hover .line-out::after {
  margin-left: 70px;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.mask-inner:hover .line-come:before {
  margin-top: -35px;
  -webkit-transition: margin 0.2s ease-in-out 0.2s;
  -moz-transition: margin 0.2s ease-in-out 0.2s;
  transition: margin 0.2s ease-in-out 0.2s;
}
.mask-inner:hover .line-come:after {
  margin-left: 35px;
  -webkit-transition: margin 0.2s ease-in-out 0.2s;
  -moz-transition: margin 0.2s ease-in-out 0.2s;
  transition: margin 0.2s ease-in-out 0.2s;
}

/*分页*/
#page{
	text-align: center;
}


.Cont{ margin-top: -20px;
    width: 833px;
    display: block;
    float: right;}



li{list-style:none; }
.Cont > .caseList{ padding-top:20px;}
.caseList .list li a{ display:block; line-height:35px; border-bottom:1px dotted #ddd; font-size:14px; padding-left:10px; background:url(../images/button_prodList3.png) left center no-repeat;}
.caseList .list li span{ float:right; padding-left:30px; font-size:12px;}
	


.prodTop{ width:833px; height:240px; background:url(../images/pic_soludBg.png); margin-top:20px; overflow:hidden; color:#fff; margin-bottom:40px;}


 


/*.prodTop .pic{ float:left;    margin-top: 5px;    margin-left: 5px;}*/
 
/*.prodTop .pic img{ width: 380px;    height: 228px;}*/



.prodTop .pic{ float:left;      padding: 30px;width: 240px;
    height: 180px;}
 
.prodTop .pic img{ width:240px; height:180px;}


 


.prodTop .info{float:right; width:435px; padding:40px 70px 40px 0;}
.prodTop .dot{ font-size:16px; font-weight:bold; line-height:40px; padding-top:10px;}
.prodTop .txt{ font-size:14px; white-space:pre-line; line-height:24px; height:96px; overflow:hidden;}

.prodSearch{ overflow:hidden; margin-top:8px; position:relative; z-index:2; float:right; width:238px;}
.prodSearch .button{ float:right; display:block; width:38px; height:32px; background:url(../images/button_prodSearch.png); -webkit-appearance: none; cursor:pointer;}
.prodSearch .text{ width:200px; height:31px; line-height:31px; border-bottom:1px solid #e7e7e7; font-size:12px; color:#999; float:right;}

.pordList1 .ul li{ border-bottom:1px dotted #cfe0e8; padding-bottom:30px; margin-bottom:30px; overflow:hidden;}
.pordList1 .ul .pic{ float:left;}
.pordList1 .ul .pic{ width:180px; height:170px; overflow:hidden;}

.pordList1 .ul .pic img{ width:100%; display:block;}


.pordList1 .ul .info{ width:650px; float:right; overflow:hidden;}
.pordList1 .ul .dot{ display:block; font-size:14px; color:#555; font-weight:bold; line-height:16px; margin-bottom:9px;}
.pordList1 .ul .dot:hover{ color:#002870;}
.pordList1 .ul .txt{ font-size:12px; line-height:20px; max-height:60px; overflow:hidden; white-space:pre-line; margin-bottom:20px;}
.pordList1 .ul .sub{ margin-right:-50px;}
.pordList1 .ul .sub .ico{float:left; overflow:hidden; margin:5px 50px 0 0;}
.pordList1 .ul .sub .ico a{ display:block; float:left;}
.pordList1 .ul .sub .ico img{ width:30px; height:30px; display:block;}
.pordList1 .ul .sub .ico .title{ padding:10px 0 0 3px; line-height:20px;}
.pordList1 .ul .sub2{ margin-right:-125px;}
.pordList1 .ul .sub2 a{ display:block; float:left; padding-left:10px; width:236px; margin-right:125px; background:url(../images/button_prodList3.png) left center no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:32px; font-size:14px;}
.pordList1.soluList{/* padding-top:50px;*/}
.pordList1.soluList .dot{ margin-top:20px;}
.pordList1.soluIndex li{ padding-bottom:5px; min-height:145px;}
.pordList1.soluIndex .more{ overflow:hidden; padding-top:15px;}
.pordList1.soluIndex .more a{ display:block; float:right; background:url(../images/button_soluMore.png) right center no-repeat; padding-right:12px; font-size:14px; color:#555;}

.pordList2{ overflow:hidden; padding-top:20px;}
.pordList2 .ul li{ float:left; width:200px; margin-right:53px; padding-bottom:30px;}
.pordList2 .ul li.last{ margin-right:0;}
.pordList2 .ul li a{ display:block;}
.pordList2 .ul li .pic,
.pordList2 .ul li .pic img{ display:block; width:198px; height:148px;}
.pordList2 .ul li .pic{ border:1px solid #e7f0f4;}
.pordList2 .ul li .title{ height:40px; line-height:20px; overflow:hidden; text-align:center; margin-top:10px;}

.prodInfo{ padding-top:20px;}
.prodInfo .fl{ float:left; width:402px;}
.prodInfo .fl .bigPic{ border:1px solid #e7f0f4;}
.prodInfo .fl .bigPic,
.prodInfo .fl .bigPic img{ display:block; width:400px; height:300px;}
.prodInfo .fl .list{ position:relative; height:80px; width:342px; margin:8px auto 0 auto;}
.prodInfo .fl .list li{ float:left; width:106px; height:80px; margin-right:8px; cursor:pointer;}
.prodInfo .fl .list li img{ width:104px; height:78px; border:1px solid #e7f0f4; display:block;}
.prodInfo .fl .list .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/button_hover.png); cursor:pointer;}
.prodInfo .fl .list .prev{ left:-30px; background-position:left top;}
.prodInfo .fl .list .prev:hover{ background-position:left bottom;}
.prodInfo .fl .list .next{ right:-30px; background-position:right top;}
.prodInfo .fl .list .next:hover{ background-position:right bottom;}
.prodInfo .fr{ float:right; width:520px;}
.prodInfo .fr .title{ background:url(../images/button_prodList3.png) left center no-repeat; border-bottom:1px dotted #cfe0e8; padding:10px 0 10px 15px; font-size:16px; color:#333; font-weight:bold;}
.prodInfo .fr .info{ min-height:286px; border-bottom:1px dotted #cfe0e8; padding-top:15px;}
.prodInfo .fr .info .txtbox{ padding:20px 0;}
.prodInfo .fr .btn{ overflow:hidden; padding-top:10px;}
.prodInfo .fr .btn .consult,
.prodInfo .fr .btn .share{ display:block; float:right; width:120px; height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold;}
.prodInfo .fr .btn .share a{ display:block; padding:0; margin:0; background:none; line-height:36px; color:#fff; font-size:14px; opacity:1;}
.prodInfo .fr .btn .consult{ text-indent:45px; background:url(../images/button_pordConsult.png);}
.prodInfo .fr .btn .share{ text-indent:56px; background:url(../images/button_pordShare.png);}
.prodInfo .showTab{ padding-top:40px;}
.prodInfo .showTab .tab{ overflow:hidden; padding-left:12px;}
.prodInfo .showTab .tab li{ float:left; width:140px; text-align:center; line-height:30px; height:30px; background:url(../images/button_pordTab.png) left bottom; padding-left:3px; margin-left:-15px; color:#555; font-size:14px; font-weight:bold; cursor:pointer;}
.prodInfo .showTab .tab li:hover,
.prodInfo .showTab .tab li.on{ background-position:left top; color:#fff;}
.prodInfo .showTab .list{ margin-top:-1px;}
.prodInfo .showTab .list > li{ border:1px solid #e7f0f4; padding:25px;}
.prodInfo .downList .list span.s1{ width:368px;}

.prodLabel{ overflow:hidden; position:relative; top:-25px; border-bottom:1px solid #e7f0f4; padding:0 320px 5px 70px;}
.prodLabel .ul{ overflow:hidden; height:30px;}
.prodLabel .ul li{ float:left; margin-left:25px; padding-bottom:5px;}
.prodLabel .ul li a{ display:block; font-size:15px; font-weight:bold; padding:0 20px; float:left; max-width:300px; position:relative; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.prodLabel .ul li a span{ position:absolute; height:30px; width:10px; right:0; top:0;}
.prodLabel .ul li a:hover,
.prodLabel .ul li.on a{ color:#fff; background:url(../images/button_prodlabel.png);}
.prodLabel .ul li a:hover span,
.prodLabel .ul li.on a span{ background:url(../images/button_prodlabel.png) right;}
.prodLabel .more{ position: absolute;right: 268px;color: #f58221;line-height: 30px;padding: 0px 10px;cursor: pointer;border-radius: 4px;font-size: 15px;}
.prodLabel.on ul{ height:auto;}
.prodLabel #PLid0{ position:absolute; left:0; margin-left:0;}

.GoList{ margin:20px 0; text-align:center; line-height:0;}
.GoList a{ display:inline-block; width:120px; height:36px; line-height:36px; margin:0 auto; background:url(../images/button_golist.png); text-align:center; font-size:14px; font-weight:bold; color:#fff;}