@charset "utf-8";

.IMG_List_3 .list { width:calc(90%/3); display:inline; float:left; position:relative; }
.IMG_List_3 .list + .list { margin-left:5%; }
.IMG_List_3 .list + .list:nth-child(3n+1) { margin-left:0; clear:both; }
.IMG_List_3 .list + .list:nth-child(n+3) { margin-top:1.5%; }
.IMG_List_3 .list + .list:nth-child(-n+3) { margin-top:0; }

.IMG_List_3 .Item { width:calc(90%/3); display:inline; float:left; position:relative; }
.IMG_List_3 .Item + .Item { margin-left:5%; }
.IMG_List_3 .Item + .Item:nth-child(3n+1) { margin-left:0; clear:both; }
.IMG_List_3 .Item + .Item:nth-child(n+3) { margin-top:2.5%; }
.IMG_List_3 .Item + .Item:nth-child(-n+3) { margin-top:0; }

.IMG_List_3 .Item dl { width:80%; background-color:#FFF; padding:5% 10%; }
.IMG_List_3 .Item dt.Title { height:50px; }
.IMG_List_3 .Item dt.Title a { font-size:20px; line-height:25px; }
.IMG_List_3 .Item dd.Remarks { padding-top:15px; padding-bottom:58px; }
.IMG_List_3 .Item .But_More { width:auto; padding:0; position:absolute; left:10%; bottom:15px; clear:both; }
.IMG_List_3 .Item .But_More:hover { background-color:transparent !important; border-color:#FFF; border-bottom-color:#566246; }


.IMG_List_4 .list { width:calc(92%/4); display:inline; float:left; position:relative; }
.IMG_List_4 .list + .list { margin-left:calc(8%/3); }
.IMG_List_4 .list + .list:nth-child(4n+1) { margin-left:0; clear:both; }
.IMG_List_4 .list + .list:nth-child(n+5) { margin-top:.8%; }
.IMG_List_4 .list + .list:nth-child(-n+4) { margin-top:0; }


.IMG_List_5 .list { width:calc(98%/5); display:inline; float:left; position:relative; }
.IMG_List_5 .list + .list { margin-left:.5%; }
.IMG_List_5 .list + .list:nth-child(5n+1) { margin-left:0; clear:both; }
.IMG_List_5 .list + .list:nth-child(15n+1) { margin-left:0; }
.IMG_List_5 .list + .list:nth-child(n+6) { margin-top:.5%; }
.IMG_List_5 .list + .list:nth-child(-n+5) { margin-top:0; }



/* 产品列表样式设置 */
div.mask {
	width:100%; height:100%; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; z-index:88;
	background:#000; background-repeat:no-repeat; background-position:center -50%;
}

.KE_IMG_Show div label.Title,.KE_IMG_Show div label.Title a { line-height:22px; }
.KE_IMG_Show div label.Title { width:100%; height:48px; padding-top:12px; text-align:center; position:relative; }


.KE_IMG_Show div.show,.KE_StarScroll div.show
{ width:100%; height:0; margin:0; padding:0; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.KE_IMG_Show div.show img,.KE_StarScroll div.show img { width:100%; height:100%; position:absolute; top:0; left:0; }



/* 正方形 5:5 */
.AStyle div.show,.AStyle figure,.AStyle figcaption { padding-bottom:100%; }
.AStyle div.Mold_L div.show,.AStyle div.Mold_R div.show { padding-bottom:calc(100% + 50px); }
#Body_Main .AStyle div.Zoom_A div.show {  padding-bottom:99.9%; }


/* 宽横屏 4:3 */
.BStyle div.show,.BStyle figure,.BStyle figcaption { padding-bottom:75%; }
.BStyle div.Mold_L div.show,.BStyle div.Mold_R div.show { padding-bottom:calc(75% + 54px); }
.BStyle div.Zoom_B div.show,.BStyle div.Zoom_C div.show { padding-bottom:75.4%; }
.BStyle div.Zoom_D div.show,.BStyle div.Zoom_E div.show,.BStyle div.Zoom_F div.show { padding-bottom:75%; }
.BStyle div.Zoom_A div.show,.BStyle div.Mini4.IMG4 div.show,.BStyle div.Mini4.IMG9 div.show { padding-bottom:75.4%; }


/* 横竖默认比例 9:6 */
.DStyle div.show,.DStyle figure,.DStyle figcaption { padding-bottom:66.66%; }
.DStyle div.Mold_L div.show,.DStyle div.Mold_R div.show { padding-bottom:calc(65.8% + 60px); }
.DStyle div.Zoom_D div.show,.DStyle div.Zoom_E div.show,.DStyle div.Zoom_F div.show { padding-bottom:66.8%; }
.DStyle div.Zoom_A div.show,.DStyle div.Mini4.IMG4 div.show,.DStyle div.Mini4.IMG9 div.show { padding-bottom:67%; }
.DStyle div.Zoom_B div.show,.DStyle div.Zoom_C div.show { padding-bottom:67.2%; }


.KE_IMG_Show div img.imgsty,.KE_IMG_Show div:hover img.imgsty,.KE_IMG_Show div ul.Zfloat,.KE_IMG_Show div:hover ul.Zfloat,
div.marker,div.show:hover div.marker
{ transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
/* .KE_IMG_Show div.Zoom_A div.marker,.KE_IMG_Show div.Zoom_D div.marker { background-size:50% auto; } */



/* 图文摘要列表样式 */
div.ShowRemarks { width:92%; height:auto; margin:38px auto; padding:8px 1%; position:relative; clear:both; }
div.ShowRemarks div.PicBox { width:32%; float:left; text-align:center; position:relative; background-color:#CCC }
div.ShowRemarks div.Remarks { width:60%; line-height:22px; text-align:justify; float:right; position:relative; }

div.ShowRemarks dt.Title { width:100%; height:35px; line-height:38px; text-align:left; text-overflow:ellipsis; white-space:nowrap; padding-top:0; margin-bottom:5px; position:relative; }
div.ShowRemarks dt.Title:after { width:28px; border-bottom:1px solid #333; z-index:1; }
div.ShowRemarks dt.Title:before { width:100%; border-bottom:1px solid #DDD; z-index:0; }
div.ShowRemarks dt.Title:after,div.ShowRemarks dt.Title:before { content:""; position:absolute; left:0; bottom:0; }
div.ShowRemarks:hover dt.Title:after,div.ShowRemarks dt.Title:before { width:100%; transition:all .5s; }
div.ShowRemarks dt.Title a { font-size:12pt; line-height:38px; display:inline-block; }

div.ShowRemarks div.Remarks p.HistDays { width:100%; height:72px; text-align:left; font-size:12px; }
div.ShowRemarks div.Remarks span.Hist,div.ShowRemarks div.Remarks span.Hist a { font-family:Arial, "宋体"; font-size:10px; line-height:35px; font-style:italic; float:right; color:#EEE; }

div.ShowRemarks div.PicBox img.imgsty { width:100%; height:100%; position:absolute; left:0; top:0; transition:all .5s ease; }
div.ShowRemarks:hover div.PicBox img.imgsty {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

div.ShowRemarks div.But_More { display:none; position:absolute; }
div.ShowRemarks div.But_More a:after { content:">"; width:32px; height:32px; font-family:"宋体"; line-height:30px; position:absolute; top:0; right:0; background-color:#F5F5F5; }
div.ShowRemarks div.But_More:hover span { color:#FFF; }


#Body_Frame div.ShowRemarks div.But_More { display:block; bottom:15px; left:39%; padding-right:48px; }


#Pros_List div.ShowStyle { width:100%; height:200px; }
#Pros_List div.ShowStyle ol { width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; }
#Pros_List div.ShowStyle img { width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; }


/* + 列表伪类 */
#ShowDiv_List div.show,#ShowDiv_List div.show:hover,#ShowDiv_List div.show div.PicBox img,#ShowDiv_List div.show:hover div.PicBox img,
#ShowDiv_List div.show span.More a,#ShowDiv_List div.show:hover span.More a,#News_List li,#News_List li:hover
{
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


/*
Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear
when -webkit-visibility:hidden
*/

.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	animation-name: flipintoleft;
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}


.item-list { min-height:120px; float:left; z-index:9; position:relative; }
.item-list dl,.item-list div.first { width:100%; height:100%; float:left; position:relative; }

.item-list dl dt { width:100%; min-height:50px; font-size:15pt; line-height:50px; }
.item-list dl dt.TypeName { font-size:12pt; line-height:39px; margin-top:52px; }

.item-list dl dd { width:90%; min-height:44px; line-height:22px; text-align:justify; padding:3% 5%; }
.item-list dl dd pre,.item-list dd.Remarks pre,.item-list div.Remarks pre { text-align:center; }

.item-list p.History { text-align:center; margin-top:18px; }
.item-list span.SHUZIH5 { padding:0 2%; font-family:Verdana, Geneva, Arial; font-size:30pt; font-weight:bold; line-height:72px; }

.item-list div.first:not(.last):after{ content:""; position:absolute; width:2px; height:2px; right:-2px; }
.item-list div.first dl.flip-box { width:100%; height:100%; position:absolute; left:0; top:0; }

.item-list div.PicShow,.item-list div.PicZoom { width:100%; height:130px; text-align:center; margin:0 auto; }
.item-list div.PicShow img,.item-list div.PicZoom img { width:100%; height:100%; }

.item-list:hover div.PicZoom img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.item-list:hover div.PicZoom img.Circle {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.item-list:hover img.Circle {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}

.item-list div.TypeShow,.item-list div.TypeShow img { width:100%; height:100%; margin:0 auto; background-size:auto 100%; }
.item-list dl:hover,.item-list dl.out,.item-list dl:hover.out { background-color:rgba(0,0,0,0); }

.item-list tt.More { width:100%; margin:12px auto; display:inline-block; }
.item-list tt.More,.item-list tt.More span { font:normal normal 9pt/32px Arial; }

.item-list dl,.item-list dl:hover,.item-list tt.More span,.item-list:hover tt.More span,.item-list div img,.item-list div:hover img
{ transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }