@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body {
    margin:0 auto; 
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size: 12px;
	color:#333;
	}
ul{ list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color: #d23; text-decoration:none;}
.clear{ clear:both;}
img{ border:0;}


h1 {
	font-weight:bold;
	font-size:22px;
	line-height:1.2em;
	color:#d23;
}

h1.bv {
	font-weight:bold;
	font-size:22px;
	line-height:3.2em;
	color:#d23; 
	text-align:center;
}

input[type=text], select {
	border:solid 1px #ddd;
	/*padding:2px;*/
	padding:2px;
}

.button, a.button, input[type=submit] {
	background:#c32929 url(../images/button-bg.jpg) top repeat-x;
	-moz-border-radius: 6px 6px 6px 6px;
	border: medium none;
	color: #fff;
	padding: 2px 5px;
}
a.button:link, a.button:visited {			/* make a link look like a button */
	text-decoration:none;
	padding:4px 9px;
}
a.button:hover, input[type=submit]:hover {
	background:#ac0101 url(../images/button-bg-rol.jpg) top repeat-x;
}


.input_eleven{
	box-sizing: border-box;
    width: 90%;
    height: 39px;
    background: none;
    border: 1px solid #cdcdcd;
    line-height: 37px;
    text-indent: 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #000b05;
	background-color: white;
    margin-top: 20px;
	
	
}
.text_eleven{
	width: 90%;
    height: 100px;
    border: 1px solid #d0cfd0;
    border-radius: 5px;
    line-height: 39px;
    font-size: 16px;
    color: #000b05;
	background-color:#FFF;
}

.submit_eleven{
	width: 112px;
    height: 48px;
    border: 0;
    border-radius: 5px;
    line-height: 48px;
    font-size: 16px;
    cursor: pointer;
	margin-top: 20px;
}

@media screen and (min-width:726px){
.web_width{width:98%;margin:0px auto;}
.search_bar_tai{float:left; width:50%;}
#left_col {
	position:relative;
	float:left;
	width:30%;
	_border:solid 1px #ddd; 	/*hack for IE6 */
}
#content_right_double_col {
	position:relative;
	float: right;
	width:66%;
	padding:0px 10px 0px 10px;
	background:#fff;
}
#right_double_col {
	position:relative;
	float: right;
	width:66%;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}
#right_double_col_search {
	position:relative;
	float: right;
	width:66%;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}
#one_col li{border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; 	border-top:solid 1px #ddd;  float:left; width:24.7%; height:160px; text-align:center; padding-top:10px;  }
.index_top_content{ text-align:center; color: #FF0000; font-size: 22px;font-weight: bold;}
#nav_bar_wrapper {
	background:url(../images/nav_3.gif) top repeat-x;
}
#nav_bar {
	margin:0 auto;
	clear:both;
	position:relative;
	z-index:100;			/* necessary for IE6 if you want dropdowns  */
	height:35px;
	max-height:35px;
	padding:0;
}
#nav_bar ul {
	z-index:101;											/* necessary for IE6 if you want dropdowns  */
	display:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.4em;
	font-weight:normal;
}
/*---------- lists, levels 2+ ----------*/
#nav_bar ul ul {
	position:absolute;
	border:solid 1px #999999;
}


#nav_bar ul ul ul {
	margin:-2.25em 0 0 18.25em;
	_margin:-2em 0 0 19.25em;								
}


#nav_bar li {
	float:left;
}


#nav_bar li li {	
	clear:both;
	border:none;
}

#nav_bar a {
	display:block;
	text-decoration:none;
	padding:8px 22px;	
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;

}
#nav_bar a:hover, 											
#nav_bar li:hover > a {									
	color:#fff;
	background:#3e3e3e;
}


#nav_bar li li a {
	font-weight:bold;
	border-bottom:solid 1px #999999;
	width:18.25em;
	padding:0.35em 0.75em;
	color:#fff;
	background:#3e3e3e;
	text-transform:none;
	font-weight:normal;
}

#nav_bar li li a:hover,										
#nav_bar li li:hover > a {									
	color:#fff;
	background:#333333;
}

#nav_bar li ul,																		
#nav_bar li:active > ul																
{
	left:-999em;																	
}

#nav_bar li:hover > ul																
{	
	left:auto; 
}


#nav_bar li li a.submenu:link, #nav_bar li li a.submenu:visited, #nav_bar li li a.submenu:hover {
	background-image:url(../images/submenu-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	
}

#nav_bar li .nav_item_highlighted {
	font-variant:small-caps; 
	background-color:#3e3e3e; 
	border-top:solid 1px #999999;
}
.pcat-cell {
margin-top: 5px;
width: 30%;
left: 0px;
float: left;
margin-right: 10px;
height: 220px;
margin-bottom: 50px;
}
#product-description {
	padding-top: 20px;
}

#product-image-cart { 
    margin-top:20px;
	border-left:none; 
	border-top:#CCC solid 1px;
}
.tb1{ width:30.6%;}
.tb2{ width:51%;}
.yinang{ display:none;}
}
@media screen and (min-width:1000px){
#product-image-cart { 
    margin-top:20px;
	border-left:none; 
	border-top:none;
}
.web_width{width:1000px; margin:0 auto;}
.search_bar_tai{float:left; width:60%;}
#left_col {
	position:relative;
	float:left;
	width:23%;
	_border:solid 1px #ddd; 	/*hack for IE6 */
}
#content_right_double_col {
	position:relative;
	float: right;
	width:73%;
	padding:0px 10px 0px 10px;
	background:#fff;
}
#right_double_col {
	position:relative;
	float: right;
	width:73%;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}
#right_double_col_search {
	position:relative;
	float: right;
	width:72%;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}
#one_col li{border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; 	border-top:solid 1px #ddd;  float:left; width:16.5%; height:160px; text-align:center; padding-top:10px;  }
.index_top_content{ text-align:center; color: #FF0000; font-size: 24px;font-weight: bold;}
.pcat-cell {
margin-top: 5px;
width: 21%;
left: 0px;
float: left;
margin-right: 20px;
height: 220px;
margin-bottom: 50px;
}
#product-description {
	padding-top: 20px;
	float: left;
	padding-right: 20px;
	max-width: 380px;
}

#product-image-cart {
	min-width: 300px;
	padding-left: 20px;
	float:right;	
	border-left: 1px solid #CCC;
}
.tb1{ width:20.6%;}
.tb2{ width:40.8%;}
.tb3{ width:20.2%;} 
.yinang{ display:block;}
}


.head{ position:relative;}
.logo{ padding-top:10px; padding-bottom:10px; float:left;}
.basket{ float:right; padding-right:10px; padding-top:10px;}


#content_wrapper_outer {
	background:url('../images/bg-content-new.gif');
	background-repeat:repeat-x;
	min-height:500px;
}
#search_bar {
	padding:14px 0;
}
#search_bar_table {
	background:url(../images/bg-search-box.jpg) top repeat-x; height:30px;
	border:solid 1px #999999; 
	color:#333; 
	padding-top:10px;
}
.search_bar_tat{ float:left; padding-left:10px; font-weight:bold; line-height:20px; margin-right:5px;}
.search_bar_tai  input[type=text]{ width:100%;}
.search_bar_tas{float:left; margin-left:15px;}
.search_bar_tab{float:right; margin-right:5px;}

#search_bar input[type=text], #search_bar select {
	border:solid 1px #d2d2d2;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#666666;
	font-size:14px;
}
#search_bar input[type=submit] {
	padding:4px 6px;
	font-size:12px;
	font-weight:bold;
}
#new_search_row {
	display:none;
}

#footer {
	font-size:11px;
	line-height:1.6em;
	color:#666666;
	padding-top:15px;
	clear:both;
}
#footer a:link, #footer a:visited {
	color:#666666;
}
#footer a:hover {
	color:#d23;
}

#footer_top_wrapper {
	background:#ddd;
}
#footer_top {
	padding:15px 0;
	color:#777;
}
#footer_top a:link, #footer_top a:visited {
	text-decoration:none;
}
#footer_top a:hover {
	text-decoration:underline;
}
#footer_social_media_icons {
	float:right;
}
#footer_social_media_icons img {
	padding:0 2px;
	vertical-align:middle;
}
/*---- footer_bottom ----*/
#footer_bottom_wrapper {
	background:#eee;
}
#footer_bottom {
	padding:15px 0;
}
#footer_bottom div.column {
	float:left;
	width:16%;
	padding:0 2%;
}
#footer_bottom div.column h2 {
	text-transform:uppercase;
	font-size:13px;
	color:#777;
	border-bottom:dashed 1px #888;
	padding-bottom:5px;
	margin-bottom:5px;
}
#footer_bottom div.column ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer_bottom div.column li {
  font-size:13px;
}
#footer_bottom div.column a:link, #footer_bottom div.column a:visited {
	text-decoration:none;
	padding:3px 0;
	display:block;
	color:#888
}
#footer_bottom div.column a:hover {
	text-decoration:underline;
}

#footer_logos {
	text-align:center;
	padding-top:40px;
	clear:both;
}
#footer_logos img {
	padding:0 10px;
	vertical-align:middle;
}
.transcript {
	display: none;
}


#content_wrapper_inner {
	text-align:left;
	padding-bottom:10px;
	padding-top: 5px;
	background-color: #fff;

}

#content_area {
	margin:0;
	padding:0px 5px 0px 5px;
	_height:350px;				/* hack for IE6 */
	min-height:350px;
}

/*-------- columns --------*/
#one_col {
	border-left:solid 1px #ddd;

	background:#fff; 
}



#one_col p{	line-height:20px;  margin-bottom:8px;}


.col_box_bar {					/* Note: more specific CSS makes it so classes aren't offered in Dreamweaver */
	margin-bottom:3px;
	padding:3px 5px;
	background:url(../images/red-bar-bg.gif) top left repeat;
	max-width:100%;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
.col_box_bar1 {					/* Note: more specific CSS makes it so classes aren't offered in Dreamweaver */
	padding:3px 5px;
	background:url(../images/red-bar-bg.gif) top left repeat;
	max-width:100%;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
.col_box_bar a:link, .col_box_bar a:visited, .col_box_bar a:hover {
	color:#fff;
	text-decoration:none;
}

.column_box {
	padding:0px 5px 10px 0px;
	background:#fff;
	border-bottom:solid 1px #ddd;
	margin-bottom:10px;
}

expanding_list ul {
	margin:0;
	padding:0;
	list-style:none;
}

.expanding_list ul ul {
	background:url(../images/expanding-menu-dotted-line.gif) top left repeat-y;
	background-position:6px 0;
}

.expanding_list li {
	list-style:none;
	margin-left:0;
	padding:4px 0 0 16px;
}

.expanding_list li li {
	background:url(../images/expanding-menu-bullet.gif) top left no-repeat;
	background-position:2px 6px;
}

.expanding_list li.open {
	background:url(../images/expanding-menu-minus.gif) top left no-repeat;
	background-position:1px 7px;
}
.expanding_list li.closed {
	background:url(../images/expanding-menu-plus.gif) top left no-repeat;
	background-position:1px 7px;
}

.expanding_list a {
}
#feedback {
	padding:15px 5px 5px 15px;
}
#alert {
	padding:5px 5px 5px 7px;
}



#content_right_gb_col { 
    border-top:#CCCCCC solid 1px;
	padding:0px 10px 0px 10px;
	background:#fff;
}
#index_inner_top_content {
	<!--[if lt IE 8]> margin:0px 10px 0px 10px; <![endif]-->
	<!--[if !IE]>--> margin:-11px 10px 0px 10px; <![endif]-->
	<!--[if gte IE 8]> margin:-10px 10px 0px 10px; <![endif]-->
}


#pcat-grid {
	padding-top: 20px;
	margin-bottom: 400px;
}




.pcat-thumb-cell {
	padding-bottom:10px;
	width: 100%;
	text-align: center;
}
.pcat-thumb-cell  img{ max-width:100%;}

.pcat-thumb {
	padding-top:  0px;
	border: 0; 

}	
.pcat-text {
text-align: center;
vertical-align: top;
}



.transaction_table {
	border-collapse:collapse;
	}
	.transaction_table hr {
	width:100%;
	height:0px;
	border-bottom:solid 1px #777;
}

.transaction_table th{
	font-weight:bold;
	font-size:100%;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #cccccc;
}

.transaction_table td {
	border:0;
	border-top:solid 1px #cccccc;
	border-collapse: collapse;
	vertical-align: top;
	padding: 5px;
	}



#product-title {
	width: 100%;
}

.about-new{ margin-top:10px;}
.about-new li{ border-bottom:1px dotted #cfcfcf; line-height:35px; background:url(../images/ico_dot4.png) no-repeat 10px center; padding-left:30px; }
.about-new li span{ float:right; color: #666666; padding-right:10px;}

.t_page {
	clear: both;
	font-family: "微软雅黑";
	line-height: 28px; 
	margin-top:20px;
}
.t_page span {
	margin-left: 4px;
	color: #666;
}
.t_page a {
	font-size: 14px;
	background: #fff;
	border-radius: 3px;/* width:30px;*/
	height: 30px;
	margin: 0 3px;
	display: inline-block;
	text-decoration: none !important;
	text-align: center;
	padding: 0 12px;
}
.t_page a:hover {
	background: #00B6EE;
	color: #fff !important;
}
.t_page a.on {
	background: #00B6EE;
	color: #fff !important;
}
.pcon{ padding-top:15px; padding-bottom:15px;line-height:25px;}

.atxt{ color:#CCCCCC; text-align:center; line-height:25px; border-bottom:#CCCCCC solid 1px;}
.pnext{ line-height:25px;}

#content_right_gb_col{ padding-left:10px; padding-top:20px;}
#content_right_gb_col table{ line-height:30px;}

#content_right_gb_col .td_left{text-align:right; width:150px;}
.font_red {color:red;}
#submint_txt{color:#6d6d6d; font-weight:bold;}

#pagenav {clear:both;margin:0px 10px 5px 0px;padding:10px 2px 5px 5px;overflow:visible;border-top: 1px dashed #ccc;}
#pagenav A {BORDER: #ccc 1px solid; PADDING:2px 5px 2px 5px; TEXT-DECORATION: none! important}
#pagenav A:hover {COLOR: #203558! important; BACKGROUND-COLOR: #e5edf9}
#pagenav .nowpage {font-weight:bold;}

#inquire_class {}
#inquire_class table{BORDER: #999999 1px dashed;width:98%;padding:5px;line-height:150%;background-color: #F5F5F5;}
#inquire_class .td_left{text-align:right; line-height:30px;}
.font_red {color:red;}
#prod_cont1 {width:150px;height:190px;margin:2px 30px 5px 0px;float:left;overflow:hidden;}
#prod_cont1_1{width:140px;height:140px;text-align:center;padding-top:10px;}
#prod_cont1_1 img{width:140px;border:1px solid #ccc;}
#prod_cont1_2{width:140px;text-align:center;}
.wabout{ padding:15px; border:#CCCCCC solid 1px; border-top:none; line-height:20px;}
#Marquee_x { overflow:hidden; width:100%; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;} 
.mav{ display:none;}
@media screen and (max-width:725px){
.web_width{width:96%;;margin:0px auto;}
.mav{ position:absolute; top:40px; right:10px; width:40px;height:40px;background: url("../images/ico_menu.png") no-repeat;  display:block; cursor:pointer; }
.search_bar_tai{float:left; width:20%;}
.logo{ padding-top:10px; padding-bottom:10px; float:left; width:70%;}
.logo img{ max-width:100%;}
#left_col {
	width:100%;
	_border:solid 1px #ddd; 	/*hack for IE6 */
}
#content_right_double_col { 
    margin-top:15px;
	width:100%;
	background:#fff;
}
#right_double_col {
    margin-top:15px;
	width:100%;
	background:#fff;
}
.index_top_content{ text-align:center; color: #FF0000; font-size: 18px;font-weight: bold;}
#one_col li{border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; 	border-top:solid 1px #ddd;  float:left; width:49.5%; height:160px; text-align:center; padding-top:10px;  }
#footer_bottom div.column {
	float:left;
	width:100%; 
	margin-bottom:20px;
}
#nav_bar_wrapper { visibility:hidden; position:absolute; z-index:99; background:#db2032; top:69px; right:0; line-height:40px; font-weight: normal;width:100%;}
#nav_bar ul{margin:0;padding:0; font-size:13px; font-weight:bold;}
#nav_bar ul li{text-align:center;}
#nav_bar ul li a{display:block;line-height:2.5em;color:#FFF;}
#nav_bar ul li a:link,#nav_bar ul li a:visited{color:#FFF;}
#nav_bar ul li:hover{background-color:#ed3a4b;}
#nav_bar ul li ul{display:block;background-color:#ed3a4b;}


#search_bar_table {
	background:#e2e2e2 url(../images/bg-search-box.jpg) top repeat-x; height:30px;
	border:solid 1px #999999; 
	color:#333; 
	padding-top:10px;
}
.search_bar_tat{ float:left; font-weight:bold; line-height:20px;  }
.search_bar_tai{float:left; width:50%;  }
.search_bar_tai  input[type=text]{ width:100%;}
.search_bar_tas{float:left; width:100%;  text-align:center; margin-left:0px; line-height:30px; display:none;}
.search_bar_tab{ float:left; margin-left:10px;}

.pcat-cell {
margin-top: 5px;
width: 30%;
left: 0px;
float: left;
margin-right: 10px;
height: 220px;
margin-bottom: 30px;
}
#product-description {
	padding-top: 20px;
}

#product-image-cart { 
    margin-top:20px;
	border-left:none; 
	border-top:#CCC solid 1px;
}
.tb1{ width:30.6%;}
.tb2{ width:51%;}
.yinang{ display:none;}
}
@media screen and (max-width:510px){
.tb1{ width:40%;}
.tb2{ width:61%;}
.yinang{ display:none;}
.yinang2{ display:none;}
.pcat-cell {
margin-top: 5px;
width: 45%;
left: 0px;
float: left;
margin-right: 10px;
height: 220px;
margin-bottom: 30px;
}
}
@media screen and (max-width:425px){
.mav{ position:absolute; top:30px; right:10px; width:40px;height:40px;background: url("../images/ico_menu.png") no-repeat;  display:block; cursor:pointer; }
}


.video-container {
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap;
}

.video-item {
    width: 48%; 
    height: auto; 
    margin-bottom: 10px; 
    margin-left:10px;
    max-height:340px
}


@media (max-width: 600px) {
    .video-item {
        width: 100%;
        margin-bottom: 10px;
    }
｝