/* 图文列表 23~25 */
dl.Itemlist div.Zoom { width:100%; height:220px; float:left; position:relative; }
dl.Itemlist div.Zoom img { width:100%; height:100%; position:absolute; transform: scale(1); -webkit-transform: scale(1); transition:all .5s ease; }
dl.Itemlist:hover div.Zoom img { transform: scale(1.3); -webkit-transform: scale(1.3); transition:all .5s ease; }

ol.Item-Alist div.Zoom { width:100px; height:100px; position:absolute; top:50px; left:0; }
ol.Item-Blist div.Zoom { width:100px; height:100px; position:absolute; top:0; right:0; }

dl.Itemlist dt { width:100%; height:35px; white-space:nowrap; border-bottom:1px solid #DDD; font-size:12pt; line-height:35px; position:relative; }
dl.Itemlist dt:before { content:""; width:0; position:absolute; left:0; text-indent:0; font-weight:bold; z-index:0; }

dl.Itemlist dd.Remarks { width:100%; height:80px; font-size:11pt; line-height:22px; text-align:justify; float:left; }
ol.Item-Alist dd.Remarks { width:calc(95% - 110px); padding:15px 2.5%; float:right; }


ol.Item-Alist dl,ol.Item-Blist dl { width:calc(97%/3); position:relative; float:left; }
ol.Item-Alist dl + dl,ol.Item-Blist dl + dl { margin-left:1.5%; }
ol.Item-Alist dl + dl:nth-child(n+3),ol.Item-Blist dl + dl:nth-child(n+3) { margin-top:1%; }
ol.Item-Alist dl + dl:nth-child(-n+3),ol.Item-Blist dl + dl:nth-child(-n+3) { margin-top:0; }
ol.Item-Alist dl + dl:nth-child(3n+1),ol.Item-Blist dl + dl:nth-child(3n+1) { margin-left:0; }

ol.Item-Alist dl dt { width:100%; text-indent:12px; }
ol.Item-Alist dl dt:before { content:"+"; width:22px; text-align:center; top:-3px; }
ol.Item-Alist dl span.Readlink { width:calc(95% - 110px); position:absolute; left:120px; bottom:3px; }

ol.Item-Blist dl dt { width:calc(100% - 115px); padding-top:35px; }
ol.Item-Blist dl dt:before { content:"》"; width:22px; top:5px; left:auto; right:-3px; }
ol.Item-Blist dl dd.Remarks { width:90%; height:66px; padding-top:35px; }
ol.Item-Blist dl span.Readlink { width:calc(100% - 110px); position:absolute; left:0; top:75px; }


ol.Item-Clist dl { width:calc(98%/4); position:relative; float:left; }
ol.Item-Clist dl + dl { margin-left:calc(2%/3); }
ol.Item-Clist dl + dl:nth-child(4n+1) { margin-left:0; clear:both; }
ol.Item-Clist dl + dl:nth-child(n+5) { margin-top:calc(2%/3); }
ol.Item-Clist dl + dl:nth-child(-n+4) { margin-top:0; }

ol.Item-Clist dl dt { width:100%; height:35px; text-align:center; border:0; }
ol.Item-Clist dl dd.Remarks { width:90%; height:0; background:rgba(0,0,0,.6); color:#FFF; padding:0 5%; position:absolute; left:0; top:0; transition:all .5s ease; }
ol.Item-Clist dl span.Readlink { width:90%; position:absolute; left:5%; bottom:-80px; }

ol.Item-Clist dl:hover dd.Remarks { height:180px; padding:25px 5% 15px; text-align:justify; transition:all .5s ease; }
ol.Item-Clist dl:hover span.Readlink { bottom:15px; }


/* 图文列表 26~29 */
div.KE_IMG_Show div.IMGShow { height:225px; position:relative; transition:all .5s ease; }
div.KE_IMG_Show div.IMGShow img { width:100%; height:100%; position:absolute; transform: scale(1); -webkit-transform: scale(1); transition:all .5s ease; }
div.KE_IMG_Show dl:hover div.IMGShow img { transform: scale(1.3); -webkit-transform: scale(1.3); transition:all .5s ease; }

div.KE_IMG_Show div.IMGShow:before,div.KE_IMG_Show div.IMGShow:after { width:20px; height:20px; content:""; position:absolute; z-index:1; transition:all .5s ease; }
div.KE_IMG_Show div.IMGShow:before,div.KE_IMG_Show div.IMGShow:after {
	background-color:#FFF;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
}


ol.Item-Dlist div.IMGShow { width:50%; float:left; }
ol.Item-Dlist dt.Title,ol.Item-Dlist dd.Remarks { width:45%; height:50px; padding:0 2.5%; }
ol.Item-Dlist dd.Remarks { height:150px; padding:10px 2.5%; }


ol.Item-Dlist .D-Two:nth-child(4n-1) div.IMGShow,ol.Item-Dlist .D-Two:nth-child(4n) div.IMGShow { float:right; }
ol.Item-Dlist div.IMGShow:before,ol.Item-Dlist div.IMGShow:after
{ top:50%; margin-top:-10px; left:auto; margin-left:auto; right:0; margin-right:-12.5px; }
ol.Item-Dlist .D-Two:nth-child(4n-1) div.IMGShow:before,ol.Item-Dlist .D-Two:nth-child(4n-1) div.IMGShow:after,
ol.Item-Dlist .D-Two:nth-child(4n) div.IMGShow:before,ol.Item-Dlist .D-Two:nth-child(4n) div.IMGShow:after
{ right:auto; margin-right:auto; left:0; margin-left:-12.5px; }




ol.Item-Elist .D-Four { height:450px; position:relative; }
ol.Item-Elist .D-Four dt.Title { display:none; }
ol.Item-Elist .D-Four dd.Remarks { width:90%; height:185px; padding:20px 5%; float:right; background-color:rgba(0,0,0,.1); }
ol.Item-Elist .D-Four div.IMGShow { width:100%; height:225px; }

ol.Item-Elist .D-Four:nth-child(2n) div.IMGShow { position:absolute; top:auto; bottom:0; }

ol.Item-Elist .D-Four div.IMGShow:before,ol.Item-Elist .D-Four div.IMGShow:after
{ top:auto; bottom:-10px; margin-top:0; left:50%; margin-left:-10px; }

ol.Item-Elist .D-Four:nth-child(2n) div.IMGShow:before,ol.Item-Elist .D-Four:nth-child(2n) div.IMGShow:after
{ top:0; bottom:auto; margin-top:-10px; left:50%; margin-left:-10px; }



ol.Item-Flist .D-Four { height:450px; position:relative; }
ol.Item-Flist .D-Four dt.Title { display:none; }
ol.Item-Flist .D-Four dd.Remarks { width:87.5%; height:185px; padding:20px 5%; float:right; background-color:rgba(0,0,0,.1); }
ol.Item-Flist .D-Four div.IMGShow { width:97.5%; height:225px; margin-left:2.5%; }
ol.Item-Flist .D-Four:nth-child(1) div.IMGShow { width:100%; height:450px; margin:0; top:0; }
ol.Item-Flist .D-Four:nth-child(1) dd.Remarks { width:90%; position:absolute; top:auto; bottom:0; background-color:rgba(0,0,0,.5); color:#FFF; }

ol.Item-Flist .D-Four:nth-child(4n-1) div.IMGShow,ol.Item-Flist .D-Four:nth-child(5) div.IMGShow
{ position:absolute; top:auto; bottom:0; }

ol.Item-Flist .D-Four div.IMGShow:before,ol.Item-Flist .D-Four div.IMGShow:after
{ top:auto; bottom:-10px; margin-top:0; left:50%; margin-left:-10px; }

ol.Item-Flist .D-Four:nth-child(4n-1) div.IMGShow:before,ol.Item-Flist .D-Four:nth-child(5) div.IMGShow:before,
ol.Item-Flist .D-Four:nth-child(4n-1) div.IMGShow:after,ol.Item-Flist .D-Four:nth-child(5) div.IMGShow:after
{ top:0; bottom:auto; margin-top:-10px; left:50%; margin-left:-10px; }



/* 图文列表 26~29 */
#IMGText_Box div,#IMGText_Box div:hover { background-color:rgba(255,255,255,1); position:relative; transition:all .5s ease; }

#IMGText_Box div.IMGShow { height:200px; position:relative; transition:all .5s ease; }
#IMGText_Box div.IMGShow img { width:100%; height:100%; position:relative; transition:all .5s ease; }
#IMGText_Box div:hover div.IMGShow img { width:120%; height:120%; margin-top:-10%; margin-left:-10%; transition:all .5s ease; }
#IMGText_Box div.IMGShow p.Title { width:90%; height:0; padding:0 5%; text-align:center; position:absolute; left:0; bottom:-30px; }

#IMGText_Box ul.Remarks { width:90%; height:160px; padding:20px 5%; text-align:justify; position:relative; transition:all .5s ease; }
#IMGText_Box ul.Remarks p.Title { width:90%; height:0; padding:0 5%; text-align:center; position:absolute; left:0; bottom:-30px; }

#IMGText_Box label.Readlink { width:100%; height:0; text-align:center; position:absolute; left:0; top:200px; }
#IMGText_Box div.D-Four,#IMGText_Box div.D-Three { width:100%; height:400px; float:left; position:relative; }

#IMGText_Box div.IMGShow:before,#IMGText_Box div.IMGShow:after { content:""; width:20px; height:20px; position:absolute; z-index:1; transition:all .5s ease; }
#IMGText_Box div.IMGShow:before,#IMGText_Box div.IMGShow:after {
	left:50%; margin-left:-10px; bottom:-10px; background-color:#FFF;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
}

#IMGText_Box.Doption ul.Remarks { width:45%; height:160px; padding:20px 2.5%; }
#IMGText_Box.Doption div.IMGShow { width:50%; height:200px; float:left; }

#IMGText_Box.Doption div.IMGShow:before,#IMGText_Box.Doption div.IMGShow:after
{ top:50%; margin-top:-10px; left:auto; margin-left:auto; right:0; margin-right:-12.5px; }

#IMGText_Box.Doption div.D-Two:nth-child(4n-1) div.IMGShow,#IMGText_Box.Doption div.D-Two:nth-child(4n) div.IMGShow
{ float:right; }

#IMGText_Box.Doption div.D-Two:nth-child(4n-1) div.IMGShow:before,#IMGText_Box.Doption div.D-Two:nth-child(4n) div.IMGShow:before,
#IMGText_Box.Doption div.D-Two:nth-child(4n-1) div.IMGShow:after,#IMGText_Box.Doption div.D-Two:nth-child(4n) div.IMGShow:after
{ right:auto; margin-right:auto; left:0; margin-left:-12.5px; }

#IMGText_Box.Doption div.D-Two:hover div.IMGShow:before { width:30px; height:30px; margin-top:-15px; margin-right:-15px; }
#IMGText_Box.Doption div.D-Two:hover:nth-child(4n-1) div.IMGShow:before,#IMGText_Box.Doption div.D-Two:hover:nth-child(4n) div.IMGShow:before
{ margin-left:-15px; }



#IMGText_Box.Eoption div.D-Four:nth-child(n+5) { margin-top:.65%; }
#IMGText_Box.Eoption div.D-Four:nth-child(1) ul.Remarks { position:absolute; top:auto; bottom:0; background-color:rgba(0,0,0,.5); color:#FFF; }

#IMGText_Box.Eoption div.D-Four div.IMGShow { width:97.5%; height:200px; margin-left:2.5%; }
#IMGText_Box.Eoption div.D-Four:nth-child(1) div.IMGShow { width:100%; height:400px; margin:0; top:0; }

#IMGText_Box div.D-Three:nth-child(3n+1) div.IMGShow,#IMGText_Box div.D-Three:nth-child(3n) div.IMGShow,
#IMGText_Box.Eoption div.D-Four:nth-child(4n-1) div.IMGShow,#IMGText_Box.Eoption div.D-Four:nth-child(5) div.IMGShow,
#IMGText_Box.Foption div.D-Four:nth-child(2n) div.IMGShow
{ position:absolute; bottom:0; }

#IMGText_Box div.D-Three:nth-child(3n+1) div.IMGShow:before,#IMGText_Box div.D-Three:nth-child(3n) div.IMGShow:before,
#IMGText_Box div.D-Three:nth-child(3n+1) div.IMGShow:after,#IMGText_Box div.D-Three:nth-child(3n) div.IMGShow:after,
#IMGText_Box.Eoption div.D-Four:nth-child(4n-1) div.IMGShow:before,#IMGText_Box.Eoption div.D-Four:nth-child(5) div.IMGShow:before,
#IMGText_Box.Eoption div.D-Four:nth-child(4n-1) div.IMGShow:after,#IMGText_Box.Eoption div.D-Four:nth-child(5) div.IMGShow:after,
#IMGText_Box.Foption div.D-Four:nth-child(2n) div.IMGShow:before,
#IMGText_Box.Foption div.D-Four:nth-child(2n) div.IMGShow:after
{ bottom:auto; top:0; margin-top:-10px; left:50%; margin-left:-10px; }

#IMGText_Box div.D-Three:hover div.IMGShow:before,#IMGText_Box div.D-Four:hover div.IMGShow:before
{ width:30px; height:30px; top:auto; margin-top:auto; bottom:0; margin-bottom:-15px; margin-left:-15px; }

#IMGText_Box div.D-Three:hover:nth-child(3n+1) div.IMGShow:before,#IMGText_Box div.D-Three:hover:nth-child(3n) div.IMGShow:before,
#IMGText_Box.Eoption div.D-Four:hover:nth-child(4n-1) div.IMGShow:before,#IMGText_Box.Eoption div.D-Four:hover:nth-child(5) div.IMGShow:before,
#IMGText_Box.Foption div.D-Four:hover:nth-child(2n) div.IMGShow:before
{ top:0; margin-top:-15px; bottom:auto; margin-bottom:auto; margin-left:-15px; }




/* 框架式层设置 */
#Frame_Overflow { width:1050px; height:auto; float:left; text-align:left; }
#Body_Main #Body_Right #Frame_Overflow { width:760px; height:auto; float:left; text-align:left; }


#Frame_List { position:relative; margin-bottom:12px; }
#Frame_List dl.Two { width:48.3%; height:118px; line-height:18px; float:left; position:relative; margin-bottom:12px; padding:0.5%; border:1px solid #DDD; }
#Frame_List dl.Two a.More,#Frame_List dl.Two a.More:hover { font:normal normal 8.5pt/18px "宋体"; position:absolute; left:32%; bottom:7px; color:#CCC; }
#Frame_List dl.Two dt a { height:35px; font:normal bold 11.5pt/32px "微软雅黑", "宋体"; }
#Frame_List dl.Two dd { width:68%; height:52px; float:right; font-size:10.5pt; line-height:20px; position:relative; }
#Frame_List dl.Two dt { width:68%; height:35px; float:right; position:relative; }
#Frame_List dl.Two img { width:30%; height:118px; float:left; }
#Frame_List dl.Two dd a.More:hover { color:#333; }

#Frame_List dl.Thr { width:31.45%; height:118px; line-height:18px; float:left; position:relative; margin:0 1% 12px 0; padding:0.5%; border:1px solid #DDD; }
#Frame_List dl.Thr a.More { font:normal normal 8.5pt/18px "宋体"; position:absolute; left:32%; bottom:7px; color:#CCC; }
#Frame_List dl.Thr dt a { height:30px; font:normal bold 11.5pt/32px "微软雅黑", "宋体"; }
#Frame_List dl.Thr dd { width:61%; height:52px; float:right; font-size:10.5pt; line-height:20px; position:relative; }
#Frame_List dl.Thr dt { width:61%; height:30px; float:right; position:relative; }
#Frame_List dl.Thr img { width:36%; height:118px; float:left; }
#Frame_List dl.Thr dd a.More:hover { color:#333; }

#Frame_List dl.Four { width:23%; height:258px; line-height:18px; float:left; position:relative; margin:0 1% 12px 0; padding:0.52%; border:1px solid #DDD; }
#Frame_List dl.Four a.More,#Frame_List dl.Four a.More:hover { font:normal normal 8.5pt/18px "宋体"; position:absolute; left:32%; bottom:7px; color:#CCC; }
#Frame_List dl.Four dt a { height:30px; font:normal bold 11.5pt/32px "微软雅黑", "宋体"; }
#Frame_List dl.Four dd { width:100%; height:52px; float:right; font-size:10.5pt; line-height:20px; position:relative; }
#Frame_List dl.Four dt { width:100%; height:30px; float:right; position:relative; }
#Frame_List dl.Four img { width:100%; height:158px; float:left; }
#Frame_List dl.Four dd a.More:hover { color:#333; }






/* 首页栏目分类列表样式 */
#Home_Grouping { height:auto; min-height:50px; margin:0 auto; position:relative; clear:both; z-index:100; }
#Home_Grouping dl.MTypes { width:100%; height:100%; position:relative; text-align:center; clear:both; }
#Home_Grouping div.MenuItem { height:100%; min-height:50px; float:left; position:relative; }
#Home_Grouping div.MenuItem.Item1 { margin-left:0!important; }

#Home_Grouping div.PicBoxs { height:100%; text-align:center; background:#333; position:relative; transform-style:preserve-3d; box-sizing:border-box; }
#Home_Grouping div.PicBoxs img { width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; transition:all .5s ease; }
#Home_Grouping div.PicBoxs:hover img { width:120%; height:110%; margin-left:-10%; margin-top:-5%; transition:all .5s ease; }

#Home_Grouping div.Textbox { width:100%; height:100%; position:absolute; left:0; top:0; z-index:20; }
#Home_Grouping div.Textbox pre { width:100%; text-align:center; }

#Home_Grouping div.Textbox i.icon { width:39px; height:39px; text-align:center; font-size:13pt; font-weight:normal; line-height:39px; color:#FFF; }
#Home_Grouping div i.icon { background:rgba(0,0,0,.6); position: absolute; right:-100%; top:1.5%; z-index:20; transition:all .5s ease; }
#Home_Grouping div:hover i.icon { border-radius:50%; right:1.5%; transition:all .5s ease; }


#Home_Grouping dt.Title { width:95%; height:39px; padding:0 2.5%; text-align:center; background:rgba(0,0,0,.6); position:absolute; left:0; bottom:0; z-index:15; }
#Home_Grouping dt.Title,#Home_Grouping dt.Title a { line-height:2.5; color:#FFF; transition: all .5s; }

#Home_Grouping div:hover dt.Title { padding:3% 2.5%; font-weight:bold; transition: all .5s; }
#Home_Grouping div.Briefly:hover dt.Title { height:80%; padding:12% 2.5% 8%; line-height:4.5; }
#Home_Grouping div.MRotate:hover dt.Title { height:0; padding:0 2.5%; }

#Home_Grouping dd.Briefly { width:90%; height:0; padding:0 5%; text-align:left; line-height:1.8; color:#FFF; position:absolute; left:0; bottom:0; z-index:15; transition: all .5s; }
#Home_Grouping div:hover dd.Briefly { transition: all .5s; }

#Home_Grouping div.Briefly:hover dd.Briefly { height:62%; margin-top:38%; }
#Home_Grouping div.MRotate:hover dd.Briefly { height:55%; padding:30% 5% 15%; background:rgba(0,0,0,.6); }


div.MRotate img {
	backface-visibility:hidden;
	transform: perspective(900px) rotateY(0deg);
}
div.MRotate:hover img {
	width:100%; height:100%; margin-left:0; margin-top:0;
    transform: perspective(900px) rotateY(360deg);
}


#Home_Grouping div.Cutting dt.Title {
	text-transform: uppercase;
	transform: rotateY(360deg) scale(0);
	background-color:transparent;
	height:50px; top:50%; margin-top:-12%; bottom:auto;
	font-size:18pt;
}
#Home_Grouping div.Cutting:hover dt.Title {
	background-color:transparent;
	transform: rotateY(0) scale(1);
	 line-height:2;
}

#Home_Grouping div.Cutting dd.Briefly { text-align:center; height:0; }
#Home_Grouping div.Cutting:hover dd.Briefly { text-align:center; height:38%; }

div.Cutting:before,div.Cutting:after,div.Cutting div.Textbox:before,div.Cutting div.Textbox:after {
	width: 100%; height: 50%; background: rgba(0,0,0,.6); opacity: 0.6;
	content: ""; position: absolute; top: -50%; left: 50%;
	transform: translateX(-50%) translateY(0%);
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	transition: all .3s;
	z-index:10;
}
div.Cutting:after {
	top: auto; bottom: -50%;
	transform: translateX(-50%) translateY(0%);
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
div.Cutting div.Textbox:before {
	width: 50%; height: 100%; top: 50%; left: auto; right: -50%;
	transform: translateX(0%) translateY(-50%);
	-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
div.Cutting div.Textbox:after {
	width: 50%; height: 100%;
	top: 50%; right: auto; left: -50%;
	transform: translateX(0%) translateY(-50%);
	-webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
	clip-path: polygon(0 100%, 100% 50%, 0 0);
}

div.Cutting:hover:before { top:0; }
div.Cutting:hover:after { bottom:0; }
div.Cutting:hover div.Textbox:before { right:0; }
div.Cutting:hover div.Textbox:after { left:0; }

#Home_Grouping div.Shades dt.Title {
	text-transform: uppercase;
	transform: rotateY(360deg) scale(0);
	background-color:transparent;
	height:50px; top:50%; margin-top:-12%; bottom:auto;
	font-size:18pt;
}
#Home_Grouping div.Shades:hover dt.Title {
	background-color:transparent;
	transform: rotateY(0) scale(1);
	 line-height:2;
}

#Home_Grouping div.Shades dd.Briefly { text-align:center; height:0; }
#Home_Grouping div.Shades:hover dd.Briefly { text-align:center; height:38%; }

div.Shades:before,div.Shades:after,div.Shades div.Textbox:before,div.Shades div.Textbox:after {
	width:25%; height:100%; background:linear-gradient(transparent,rgba(0,0,0,.6));
	content: ''; position: absolute; left: 0; top: 0;
	transform: translateY(-100%);
	transition: all 0.3s;
	z-index:10;
}
div.Shades:hover:before,div.Shades:hover:after,div.Shades:hover div.Textbox:before,div.Shades:hover div.Textbox:after { transform: translateY(0); }
div.Shades:after{ left: 25%; }
div.Shades div.Textbox:before{ left: 50%; }
div.Shades div.Textbox:after{ left: 75%; }
div.Shades:hover:before{ transition-delay: 0.225s; }
div.Shades:hover:after{ transition-delay: 0.075s; }
div.Shades:hover div.Textbox:before{ transition-delay: 0.15s; }
div.Shades:hover div.Textbox:after{ transition-delay: 0s; }


#Home_Grouping dd.Briefly,#Home_Grouping div:hover dd.Briefly,
div.MoreBox ul.Remarks img,div.MoreBox:hover ul.Remarks img
{
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}