/* CSS Document */
body
{
	margin:0;
	font-size:13px;
	color:#696969;
	font-style:normal; font-variant:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
}
.title-banner, .title-banner img { width:100%; height:auto; }
widgets.col-md-3, widgets.col-lg-3, .col-lg-9.main-content, .col-lg-9.main-content { padding-left:0; padding-right:0;}
.ah img:hover{ border:#333 1px solid; }
.ah img{ border:#ccc 1px solid; }
a
{
font-size:13px;
color:#696969;
text-decoration:none;
}
#nav {
  list-style-type: none;	padding-left:0px; margin-left:0px;
    overflow:hidden;font-size:16px; color:#FFF; margin-left:12px;
		font-weight:bold;
}
#nav a {
    width: 180px; text-align:center; color:#FFF; padding:4px;
}
#nav a:link  {
   text-decoration:none; color:#FFF;
}
#nav a:visited  {
 color:#FFF;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
 float: left; width: 80px;
}


#nav li ul {
 line-height: 24px;  
 list-style-type: none;
 text-align:right;
 left: -1200px;
 width: 800px; //ע��,����һ��Ҫ���ÿ���;
 position: absolute;
 background:#fff;
 font-size:12px;
}

#nav li ul li{
  float: left;width: 80px; //float�����Ӳ˵�����Ĺؼ�,���Լ̳и��˵���ʡ��float
}


#nav li ul a{
 display: block; width: 85px;text-align:left;padding-left:15px; padding-right:15px;
}

#nav li ul a:link  {
 color:#000; text-decoration:none;
}
#nav li ul a:visited  {
 color:#000;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;background:#f96b21;
}

#nav li:hover ul {
 left:25%;
}

#nav li.sfhover ul {
 left:25%;
}

#content {
 clear: left; 
}

#home{
	background: #d3d3d3;
	max-width: 1920px;
    margin: 0 auto;
}

.navbar-nav a{
	/* font-size: 16px; */
}

.line { }
.word {padding-top:5px;}

.fontcolor_aaa
{
color:#FFFFFF;
font-size:12px;

}
/* .fontcolor_aaa li:first-child{
	display: none;
} */
.cn-navbar-nav li{
	padding: 0 3.1em;
}
.nav-link{
	font-size: 16px;
	font-weight: 700;
}
.cn-navbar-nav .nav-link{
	padding-right:.2rem !important;
	padding-left:.2rem !important;
}
.two_nav_link{
	font-size: 14px;
	display: block;
}
.three_nav_link{
	font-size: 12px;
}
.fontcolor_aaa a{
	/* font-size:12px; */
	color:#fff;
	text-decoration:none;
	line-height:300%; 
	padding:0 .2rem;}
.footstyle
{
 font-size:12px;
 line-height:14px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #2071C9;
color: #fff;
padding: 10px;
}
.footstyle a{
	color: #fff;
}

.letter_news a 
{
 font-size:12px;
 color:#696969;
}
.letter_news ul{text-align:left; margin-left:11px;;}
.letter_news ul li
{
font-size:12px;
list-style-type:none;
text-align:left;
}
.letter_news ul a
{
text-decoration:none;
}
#container{
	margin:0 auto;
	position:relative;
	margin-top:1px;
	width:190px;
	height:82px;
	overflow:hidden;
}
#message,
#message_copymsgid{
	margin:0;
	width:190px;
	overflow:hidden;
	margin-left:0;
}
#container ul{
	float:left;
	width:190px;
	height:71px;
	overflow:hidden;
	clear:both;
	margin-left:0;
}
#container li{
	float:left;
	text-align:center;
	width:190px;
	height:71px;
	line-height:75px;
	overflow:hidden;
	padding:0;
	margin-left:0;
}
#container li img{
	width:190px;
	height:71px;
	margin-left:0;
	margin-bottom:10px;
	padding:1px;
	border:1px solid #999;
}

#container2{
	margin:0 auto;
	position:relative;
	margin-top:0px;
	width:220px;
	height:235px;
	overflow:hidden;
		padding-left:10px;

	
}

#message2
{
	margin:0;
	width:220px;
	overflow:hidden;
	margin-top:0px;
		padding-left:0px;
		
		
	
}

#message2_copymsgid{
	margin:0;
	width:220px;
	overflow:hidden;
	margin-top:150px;
	padding-top:150px;
	background-color:#FF0000;
		padding-left:5px;
		
	
}
#container2 table{
	float:left;
	width:220px;
	height:179px;
	overflow:hidden;
	clear:both;
	margin-top:10px;
	text-align:left;
	vertical-align:top;
		padding-left:30px;
	
}
#container2 table tr td
{
   vertical-align:top;
}
#container2 table tr td img{
	float:left;
	text-align:center;
	width:50px;
	height:67px;
	line-height:68px;
	overflow:hidden;
	border:0;
	padding:0;
}
#container2 table tr td a{
	
	font-size:12px;
	border:0;
	
}

#leftstyle
{
  margin-top:6px;
  margin-left:6px;
  margin-right:6px;
		text-align:left;
}
.leftstyle tr 
{
height:20px;
}
.leftstyle tr td
{
text-align:left;
}
.leftstyle a
{
 color:#696969;
}



.NewList
{
color:#696969;
}
.NewList ul
{
		margin-left:0;
}
.NewList ul li
{   
		margin-left:0;
   list-style-type:none;
	 height:30px;
	 color:#696969;
}
.NewList ul li a
{
  text-decoration:none;
	color:#696969;
}
.Main_Class
{
color:#0476C8;
font-size:14px;
font-weight:bold;
}
.tablestyle
{
 color:#696969;
 font-weight:bold;
}
.tablestyle a
{ 
	clear:both;
  color:#696969;
  font-weight:bold;
	text-decoration:none;
}
.tablestyle p
{
 font-weight:100;
}
.Class_list_style
{
color:#0476C8;
font-size:22px;
font-weight:bold;
}
.tablestyle font a
{
font-weight:100;
line-height:16px;
}
.new_title
{ 
  padding-left:30px;
	color:#0476C8;
	font-family:Arial;
	font-size:16px;
	text-align:left;
}
.new_contain
{
 font-size:12px;
 font-family:Arial;
  line-height:18px;
	padding-left:30px;
	text-align:left;
}
.new_a
{
   text-align:left;
	 padding-left:30px;
	 height:30px;
	 vertical-align:top;
	
}
.new_a  a
{
 color:#0476C8;
 margin-bottom:130px;
}
.new_paging
{
 padding-left:30px;
}
.new_paging a
{
  text-align:left;
	color:#0476C8;
	text-decoration:none;
}
.banner
{
  font-family:Arial;
	font-size:16px;
	 color:#FFFFFF;
	 padding-left:27px;
}
.banner_title
{
color:#696969;
	font-family:Arial;
	font-size:16px;
	text-align:left;
	font-weight:700;
}

.sliderbanner{overflow:hidden; position:relative;
	margin-top:15px;
	}

.sliderbanner .bd ul{
	margin:0;
	padding:0;
	}
.sliderbanner .hd{
	width:100%;
	height:12px;
	position:absolute;
	left:0;
	bottom:18px;
	text-align:center;

	}
.sliderbanner .hd li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:8px; 
	height:8px;
	background-color:#ccc;
	margin:0 3px;
	}
	
.sliderbanner .hd li.on{background-color:#09C;}	

.Table_spacing
{
margin-top:14px;
}
.ShowNew_Title
{
font-family:Arial;
font-size:16px;
color:#696969;
text-align:center;
font-weight:600;
}
.logo-wrapper{max-width:1200px;margin:0 auto;height: 80px;}
.logo-wrapper .col-12 { padding-top: 10px;color:#000000;min-height:60px;}
.logo-wrapper .right{position: relative;}
.rightImg {background:url(../images/Tindex_03.gif) no-repeat 100% center;position: absolute;top: 0px; height: 80px; width: 100%;z-index: -1;background-size: auto 100%;}
.footer-nav { background:#2071C9; }
/* .footer-nav { margin:10px 0;} */
.tableP2
{
 background-image:url(../images/Tablep_03.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.TbaleSelect{
	width:25px;
	float:right;
	text-align:center;
	border-right:1px solid white;
}
.TbaleSelect a
{
	color:red;
	text-decoration:none;	
}
.TbaleUnSelect{
	width:25px;
	float:right;
	text-align:center;
	color:white;
	border-right:1px solid white;
	}
	.TbaleUnSelect a{
	color:#FFFFFF;
	text-decoration:none;	
	}
.TbaleUnSelect a:hover{
	color:red;
	text-decoration:none;	
	}
.TbaleUnSelect a:active
{
	color:red;
	text-decoration:none;	
}
#ProductList a
	{
	 color:#696969; 
	}
	#ProductList a:hover
	{
color:#0476C8;
	font-weight:bold;
	}
	.leftLink a
	{
	 
	}
.leftLink a:hover
	{
	 clear:both;
	 font-weight:bold;
	 color:#3366CC;
	}
	
.SetLink a{}
.SetLink a:hover
{
	 clear:both;
	 font-weight:bold;
	 color:#3366CC;
}
	
.STYLE2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

/*==============================2019.11.16 ��Ʒ�б��޸�===============================*/

.products-wrapper h3 { color:#0066cc; font-size:16px; font-weight:bold; margin:18px 0;}
ul.grids.products {padding-left:0; list-style:none;}
ul.grids.products li.grid.product .wrapper { display:flex; margin-bottom:18px;}
ul.grids.products .product .wrapper .product-image { flex:0 0 40%; padding-right:8px;}
ul.grids.products .product .wrapper .product-name { flex:0 0 60%;}
	
}

.sidebox .list-group-item a.first-level { font-weight:bold; padding:0.3em 0; display:block;}
.sidebox .list-group-item a span {
    transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
    transition: .3s transform ease-in-out;
}

.sidebox .list-group-item a.collapsed span {
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transition: .3s transform ease-in-out;
}

.sidebox .list-group-item span {
    border: solid #222;
    border-width: 0 1px 1px 0;
    display: inline;
    cursor: pointer;
    padding: 3px;
    position: absolute;
    right: 0;
    margin-top: 5px;
}
.sidebox .list-group-item ul {padding-left:0; margin:1em 0 0 0;}
.sidebox .list-group-item ul li.list-group-item { padding :0.4em 1.2em;}


/*==============================2019.11.16 ��Ʒ�б��޸�===============================*/

.category-description { margin-bottom:30px;padding-bottom: 30px;}
.productListBox ul li {
	margin-bottom:15px
}
.productListBox ul li dl { display:flex; height:100%; border-bottom:1px solid #fff; padding-bottom:15px;}
.productListBox ul li dl dt { flex:0 0 40%; padding-right:10px;}
.productListBox ul li dl dd { flex:0 0 60%}


.productListBox ul li dl dt a{display: block; border: 1px solid #cccccc;}
.productListBox ul li dl dt a:hover{border:1px solid #000;}
.productListBox ul li dl dd .name { margin-bottom:10px;}
.productListBox ul li dl dd .name a {font-weight:bold; font-size:14px;  color:#0476C8; line-height:125%; }
/*.productListBox ul li dl dd .name a:hover{text-decoration: underline;}*/
.productListBox ul li dl dd .category{ line-height: 20px; margin-bottom: 3px;  font-size:12px; display:none;}
.productListBox ul li dl dd .category a{ color: #696969;}
.productListBox ul li dl dd .introduction{ line-height: 14px; font-size:12px;}
.productListBox ul li dl dd .introduction a{ color: #696969;}
.productListBox ul li dl dd .more{position:absolute; width:50px; height: 17px; right: 0px; bottom: 0px;}
.productListBox ul li dl dd .more a{display: block; width:50px; height: 17px;  background: url(../Images/prdoucts_more.gif) no-repeat center center;}

nav[aria-label="Page navigation"] { margin:1em 0;}
.pagination-wrapper .pagination {align-items: center; justify-content: center; flex-direction: row;}

/*==============================2019.11.16 ��Ʒ�޸�===============================*/
.product-summary-wrapper .product-image { margin-bottom:20px;}
#ProductName h1.title { display:none;}
.product-summary-wrapper .product-name { color:#0066cc; }
.product-short-description { font-size:14px;}
.product-detail-wrapper h4 { background: #ddd; line-height:150%;font-size:20px;}

/*==============================2019.11.16 ����===============================*/
.show_news h2.title { font-size: 18px; text-align:center;}
ul.news-info { list-style:none; align-items: center; justify-content: center; flex-direction: row;}
ul.news-info li { padding:0 1em;}

/*==============================2019.11.16 ��ҳҳ��===============================*/
#footer-columns { background:#d3d3d3;}
.footer-column { padding-top:22px; padding-bottom:30px;}

.lastestnews a { display:block; line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 22px;letter-spacing: 0.8px;}
.newslist a:before { content:"> ";}
.footer-column-news a.heading, 
.partners a.heading, 
.footer-column-product a.heading {  
	font-size: 16px; font-weight:bold; text-transform: uppercase; color:#000; line-height:150%; 
	display: block; padding-left:1em; margin-bottom:20px; 
	background:url("../images/arrow-blue.jpg") 0 50% no-repeat; }
.lastestnews a.heading { 
	color:#0066cc; 
	background:url(../images/arrow-red.jpg) 0 50% no-repeat; 
	margin-bottom:10px; }
#lastestnews1 { margin-bottom:1em;}
 .partners a.heading { margin:0.8em 0;}
 	
.flex { display:flex;}
.flex .item { flex-grow: 1; flex-shrink: 1; flex-basis: auto; justify-content: center;}
.flex .item img{transform: scale(1.2);}
.flex-verticl-justify {flex-direction: column; align-items: stretch;}
.flex-horizontal-justify {flex-direction: row; align-items: stretch;}
.footer-column-banners .flex { height:100%;padding-top: 10px;margin-left: 20px;}
.footer-column-login {padding-top:25px;background: #adadad;}
.footer-column-login form { 
	display:block;
	background:#023B72;
	margin-bottom: 30px;
}

.footer-column-login form h4 { 
	color:#fff; text-align:center; 
	font-size:14px; line-height:250%;
	margin:0;}
.footer-column-login form .wrapper { padding:10px;}
.footer-column-login form .btn { margin:0 0.6em;}
.footer-column-banners .iem { padding-bottom:0;}

	/* .navbar-nav .nav-link {
		padding-right: .2em !important;
		padding-left: .2em !important;
	} */
	.product-detail{
		padding-bottom: 20px;
	}
	.paging{
		display: flex;
		justify-content: center;
	}
	.Sitemap ul{
		display: flex;
		flex-direction: column;
	}
	.Sitemap .two_nav{
		display: flex;
	}
	.Sitemap li:nth-child(4) .two_nav{
		display: block;
	}

	.Sitemap .three_nav{
		display: flex;
		flex-wrap: wrap;
	}
	.Sitemap ul li{
		padding: 0 10px;
		margin-bottom: 0;
	}
	.Sitemap li h3 a{
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}
	.Sitemap li .two_nav h4 a{
		margin-right: 10px;
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}
	.Sitemap li .three_nav h5 a{
		margin-right: 10px;
	}

@media (max-width: 768px) { 
	.logo-wrapper{height: 50px;}
	.footer-column-login form {margin-left:-15px;margin-right:-15px;}
	.footer-column-banners .item { margin-bottom:1em; text-align:center;}
	.two_nav{display: none;}
	.nav-link{font-weight: 100;}
	.navbar-nav{
		flex-direction:row;
		flex-wrap: wrap;
	}
	.cn-navbar-nav li{
		padding:0 .5rem
	}
	.nav-link{
		font-size: 13px;
	}
}
.partners .wrapper .item { margin-bottom:10px;}
ul.tab-pane {list-style:none; padding-left:0;}
 
 #latestTabContent li { margin-bottom:8px; border-bottom:1px solid #fff; padding-bottom:8px;line-height: 22px;}
 #latestTabContent ul li:nth-child(3) {border-bottom:none;}
 #latestTabContent li:after { content:" ";clear:both;display:block;}
 #latestTabContent li .product-image { display:block; float:left; margin-right:6px;}
 #latestTabContent li .product-image img { width:80px; height:auto;}
 .footer-column-product {padding-bottom:0;letter-spacing: 0.8px;}
 #latest .nav-link {padding:.2rem 0.6rem;}
 #latest {justify-content:flex-end;flex-direction: row;}

footer nav.navbar {padding:0;}

/*==============================2019.11.16 ��ҳҳ�Ŵ�ֱ�ֲ�===============================*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

#latest { background:#ddd;} 
#latestTabContent ul { margin-bottom:0;}

/** ҳü�˵� **/
/* #collapsibleNavbar a { font-weight:bold;} */
#horiz-menu .navbar-toggler-icon {
	border-color:#fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.product-search-results .product { margin-bottom:1em;}
.product .product-image img { width:100%; height:auto;}
.product-search-results .product .product-name { color:#0066cc; font-size:18px;font-weight:bold;}
.product-search-results .product .product-name label { display:none;}
.product-search-results .product label { margin-right:0.3em;}

	.dropdown-menu .dropdown-toggle::after {
	    position:absolute; right:5px; top:0; bottom:0; margin:auto;
	}
	#horiz-menu .navbar .level1 ul { padding-top:0; padding-bottom:0;}
	#horiz-menu li.level1 .dropdown-menu a { 
		position:relative;
		font-size: 14px;
	}
	.footer-column-login{position: relative;left: 20px;}
@media (max-width: 767px) {
	.logo-wrapper .left { display:none;}
	.logo-wrapper .right { right: 0;}
	#horiz-menu { padding-left:0; padding-right:0;}
	#collapsibleNavbar { background:#4287D3; border-radius:8px; font-size:14px; padding-top:10px; padding-bottom:10px;}
	#collapsibleNavbar a { padding: 8px 15px; border-top:1px solid #2071C9; line-height:200%; }
	#collapsibleNavbar a.level-1{ border-bottom:none;}
	.dropdown-toggle::after {
	    position:absolute; right:10px; top:0; bottom:0; margin:auto;
	    border-left: 5px solid;
	    border-bottom: 5px solid transparent;
	    border-top: 5px solid transparent;
	}
	a#navCompany { border-top:none;}
	a.level-1 { font-weight:bold;}
	#collapsibleNavbar .dropdown-menu .dropdown-menu { background:#777;margin:0;}
	#collapsibleNavbar .dropdown-menu .dropdown-menu li:first-child a {border:none;}
	#collapsibleNavbar .dropdown-menu a { border-color:#999;}
	.footer-column-login{position: static;}
}

@media (min-width: 768px) {
	#horiz-menu { border-top:1px solid #fff; border-bottom:1px solid #fff;}
	#horiz-menu .navbar { padding:0 2em;}
	#horiz-menu .navbar .level-1 { line-height:200%;}

	#horiz-menu .navbar .level1 li { border-bottom:1px solid #ccc; line-height:200%;}
	#horiz-menu .navbar .level1 li:last-child { border-bottom:none;}
	#horiz-menu .navbar .navbar-nav { width:100%; display:flex; justify-content:space-around;}
	.dropdown-toggle::after {
	    margin-left: 1em;
	    vertical-align: middle;
	    margin-top:-2px;
	    border-top: .4em solid;
	    border-right: .4em solid transparent;
	    border-left: .4em solid transparent;
	}
	.dropdown-menu .dropdown-toggle::after {
	    border-left: 5px solid;
	    border-bottom: 5px solid transparent;
	    border-top: 5px solid transparent;
	    position:absolute; right:5px; top:0; bottom:0; margin:auto;
	}
	.level-1 { padding-left:2em !important;}
}

#form10 { position:relative;}
#form10 button { position: absolute;right:10px;top:50%; margin-top:-5px;
	  border: solid #000;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    padding: 5px;
    border-radius:0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: .3s transform ease-in-out;
	}
	
	.formsub ul { list-style:none;}
	
@media (max-width: 375px) {
	.products-wrapper .products .wrapper, 
	.products-wrapper .products .wrapper div { display:block !important; padding-right:0}
	.products-wrapper .products .wrapper .product-image { padding-bottom:10px;}
	
}

ul.newlist li { line-height:200%;}