@charset "utf-8";

/*~~ 濡絾鐗犻妴澶嬬瑜嶉幖褔宕氬Δ鍕┾偓锟� ~~*/
.products_list {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	
}

.products_listTabGroup {
	margin-top:5px;;
	margin-bottom:-25px;
	padding: 0px;
	overflow:hidden;
}


.products_listTab {
	width:10%;
	position: relative;
	top:6px;
	float:left;
	padding:8px;
	margin-left:5px;
	margin-bottom:10px;
	font-weight:600;
	font-size:1.6em;
	color:#888;
	text-align:center;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
   background: rgba(5,5,5,.035);
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-web-border-radius:3px;
	border-radius:5px;
	border:1px solid white;
	box-shadow: 3px 2px 0px #ddd;
}


.products_listTabHover {
	background: url(../images/tite_list1.gif) no-repeat;
	color:#ffffff;
}


.products_listTabSelected {
	background: url(../images/tite_list1.gif) no-repeat;;
	border-bottom: 8px solid #EEE;
}

.products_listTab a:link{
	color: #c00 !important;
	text-decoration: none;
}


.products_listContentGroup {
	padding-top:10px;
	clear: both;
	border-top:1px #e1e1e1 dashed;
	overflow:hidden;			
}


.products_listContent {	
	width:100%;
	height:auto;
	padding: 4px;
	overflow:hidden;
}


.products_listContentVisible {
}


.Vproducts_list .products_listTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #eee;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.Vproducts_list .products_listTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.Vproducts_list .products_listTabSelected {
	background-color: #eee;
	border-bottom: solid 1px #999;
}


.Vproducts_list .products_listContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*- 濡絾鐗犻妴澶嬬瑜嶉幖褏浠﹂弴鐘粵 -*/

.chanpin .word { width:99%;height:auto;margin:0 auto;margin-top:2px;float:left;}
.chanpin .title {
	width:99%;
	line-height: 30px;
	float:left;
	border-bottom:1px solid #edd;
	border-radius:5px;
	margin-top:1px;
	padding-bottom:10px;
	overflow: hidden;
}
.chanpin .title h3{
	width:80px;
	float:left;
	text-align:center;
	font-family:"Microsoft yahei";
	border-bottom:3px solid #fed101;
	margin-top:-2px;
	font-size:15px;
	color:red;
}

.chanpin .title .caini{float:left;color:#888;overflow:hidden;	margin:0 0 5px 0;font-size:0.9rem;}/**闁绘碍绮堢紞姗€宕板⿰鍕靛仺**/
.chanpin .title .caini sup{
	display: block;
	float:left;
	background:rgba(125,55,50,0.15);
	padding:5px 10px 5px;
	border: 1px dashed #fff;

}
.chanpin .title .caini sup:first-child{
	background:rgba(105,115,150,0.15);
}
.chanpin .title .caini sup:nth-last-child(2){
	background:rgba(15,105,50,0.15);
}
.chanpin .title .caini sup:nth-last-child(3){
	background:rgba(15,15,50,0.15);
}
.chanpin .title .caini sup:nth-last-child(4){
	background:rgba(105,15,50,0.15);
}
.chanpin .title .caini sup:last-child(5){
	background:rgba(15,15,150,0.15);
}
.chanpin .title .caini a{
	margin: 0 5px;
	font-size: 1.1em;
	color: #555;
}
/*-/濞存籂鍐╂儌閻忕偞娲滈妵锟� -*/
.cp_1 {	PADDING-RIGHT: 0px;  PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; OVERFLOW: hidden;  PADDING-TOP: 1px;  ZOOM: 1; POSITION: relative;}
.cp_1 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP:35px;font-weight:bold;font-family: "鐎甸偊鍠涢拏瀣⒖閸涘鎷�", "閻庣懓顑勭紞锟�";font-size:13px;}
.cp_1 .box {	
	FLOAT: left; 
	width: 11.333333333333333333%;
	TEXT-ALIGN: center;
	margin:2% 1% 0.2% 0;
	padding:15px;
	border: 10px solid rgba(50,0,155,0.15);
	background: rgba(255,255,225,0.235);
	box-shadow: 2px 4px 4px #999;
}
.cp_1 .box:nth-last-child(2n){
	border: 10px solid #efefef;
}
.cp_1 .box IMG { 
	width: 85%;
	height: 120px;
	BORDER: #eee 1px solid; 
	PADDING-RIGHT: 1px;  
	DISPLAY: block; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px auto; 
	BORDER-LEFT: #eee 1px dashed; 
	BORDER-right: #eee 1px dashed; 
	PADDING-TOP: 3px;
  padding:4px;
	border-radius:3px;
}
.cp_1 .box A:hover IMG {
	border-bottom:1px solid #555;
	filter:alpha(opacity=70); /*IE婵犲ǹ鍊濋弳鍛存晬瀹€鍕ㄥ亾韫囨梹顫栭幖杈炬嫹50%*/
    -moz-opacity:0.7; /*Firefox缂佸鐒﹀﹢渚€鏁嶅畝鍕ㄥ亾韫囨梹顫栭幖杈炬嫹50%*/
    opacity:0.7;/*闁稿繑婀圭划顒勬晬瀹€鍕ㄥ亾韫囨梹顫栭幖杈炬嫹50%*/
}
.cp_1 .box P {	MARGIN: 6px auto 0px; WIDTH: 158px; LINE-HEIGHT: 30px;}
.cp_1 .box .name{
	display:block;
	text-align:center;
	font-size:13px;
	height: 24px;
	line-height: 24px;
	margin-top:5px;
	border-bottom:#f64 1px solid; 
	-web-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	border-radius:2px;
	font-family:"Microsoft YAHEI" !important;
	background: rgba(5,5,5,0.05);
	color:brown;
	font-weight: 600;
	filter:alpha(opacity=80); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
	overflow: hidden;
}
.cp_1 .box ol{
	color: #666;
}
.cp_1 .box .info{
	background: #fee;
	display: block;
	overflow: hidden;
	padding:5px 10px;
	margin: 5px 0;
	height: 43px;
}
/* ~  ALL PRODUCTS LIST ~*/
.products_place{
	margin-top:10px;
	margin-bottom: 5px; 
	height:40px;
	line-height:40px;
	color:white;
	background-color:#294;
	text-indent:25px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	font-family:"Microsoft Yahei";
	font-size:1.2em;
	-moz-border-radius:5px; 
	-khtml-border-radius:5px;
	-web-border-radius:5px; 
	border-radius:5px;
}
.products_place a{
	color:white;
	margin-left:5px;
}

.products_list_all{
	margin-top:10px;
	line-height:35px;
	padding-right:20px;
}
.products_list_all li{
	font-family:"Microsoft Yahei";
	float:left;
	margin-right:10px;
	text-align:center;
	padding:0 10px;
	background-color:#eee;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-web-border-radius:4px;
	border-radius:4px;
}
/* -- 閻熸瑱绲介崰鍛村棘鐟欏嫷鏀冲☉鎾冲椤㈠秵绗熺€ｎ亞娼旂紒鈧敓锟� -- */
#products_list_all .plan_list li{
	float:left;
	width:383px;
	margin:10px 5px 10px 5px;
	text-align:center;
	line-height:100px;
	background-color:#eee;
    -web-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	border-radius:5px;
	font-size:3em;
	box-shadow: 1.2px 1.2px 5px #ddd;
    background-size: 3em 3em;
	
}
#products_list_all .plan_list a,#products_list_all .plan_list li{
	color:666;
}
#products_list_all .plan_list a:hover,#products_list_all .plan_list li:hover{
	color:white;
	background-color:#49d05c;
}
/* -- 濞存籂鍐╂儌ad -- */

.products_ad{
	width:100%;
    overflow:hidden;
}
.products_ad .left_g,.products_ad .left_s{
	margin-top:10px;
	cursor:pointer;
}
.products_ad .left{
	float:left;
}
.products_ad_img{
	float:right;
	width:928px;
	height:188px;
	margin:10px 0;
	background: url(../images/products_ad.jpg) no-repeat;
	background-color:#000;
}

/* -- 濞存籂鍐╂儌闁诡剝宕电悮顐﹀礆濡ゅ嫨鈧拷 -- */
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	overflow:hidden;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 10px 15px;
	margin: 0px 5px 0px 0px;
	font: bold 1.1em sans-serif;
	color:#a88;
	background-color: #efefef;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-radius:4px;
	font-family:"Microsoft Yahei";
	letter-spacing:1px;	
}

.TabbedPanelsTabHover {
	color:#ffe403;
	background-color: #294daa;
}

.TabbedPanelsTabSelected {
	color:#ffe403;
	background-color: #294daa;
	border-bottom: 2px dashed white;
	letter-spacing:1px;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
	border-right: solid 1px #efefef;
	/*background-color: #EEE;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-web-border-radius:5px;
	border-radius:5px;
	box-shadow:1px 2px 2px #ddd; 
}


.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}
.TabbedPanelsContent li{
	width:275PX;
	float:left;
	margin:5px;
	padding-left:5px;
	list-style-type:none;
}
.TabbedPanelsContent li img{
	width:270px;
	height:245px;
	border:1px dashed white;
	padding:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-web-border-radius:4px;
	border-radius:4px;
}
.TabbedPanelsContent li img:hover{
	border:1px dashed #229944;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7; 
}
.TabbedPanelsContent li .info{
	width:279.5px;
	background-color: white;
	border-radius:4px;
	color: #666;
	overflow: hidden;
}
.TabbedPanelsContent li .title{
	display:block;
	width:279.5px;
	height:30px;
	margin:10px 0 5px 0;
	line-height:30px;
	text-indent:10px;
	font-family:"Microsoft Yahei";
	font-size:1.3em;
	background-color:#229944;
	color:white;
	overflow:hidden;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-web-border-radius:4px;
	border-bottom: 1px dashed #eee;
	box-shadow:2px 2px 0px #dedede;
}
.TabbedPanelsContent li .info .left{
	width:55%;
}
.TabbedPanelsContent li .info .right{
	width:45%;
}
.TabbedPanelsContent li .info .left{
	float: left;
}
.TabbedPanelsContent li .info .right{
	float: right;
}
.TabbedPanelsContent li .info p{
	text-indent:15px;
	color: #888;
	height:65px;
	overflow:hidden;
	margin-right: 6px;
	margin-bottom: 5px;
}
.TabbedPanelsContent li .info ol{
	text-indent: 15px;
	line-height: 25px;
}
.TabbedPanelsContentVisible {
}


.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

/*-- video start--*/
.video-list{
	width: 100%;
	overflow: hidden;
}
.video-list>ul>li{
	width: 24.33333333333%;
	float: left;
	margin:0 0.666666666666666666% 0 0;
}
video{
	cursor: pointer;
}
.video-list video{
	width: 100%;
}
.video-list>ul>li>.video-title{
	overflow: hidden;
	
}
.video-list>ul>li>.video-title>span{
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 35px;
	font-size: 1.2em;
	font-weight: 550;
}
.video-title small{
		color: gray;
}
.video-list>ul>li>.video-title>small:nth-last-child(2){
	margin-right: 2%;
}
.video-list-info{
	display: block;
	margin: 3% 0;
	padding: 3%;
	background: rgba(255,105,105,.12);
	color: #666;
	text-indent: 15px;
}