@import url("screen.css");
@import url("ie.css");


#test   
    {   
        width:300px;   
        height:300px;   
          
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/
    }  
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/


body,
button, input, select, textarea,p /* for ie */ {

	color:#333;
    font: 12px/1.75 font-family: Arial,HelveticaNeue, "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
body {background:#fff url(body-bg.jpg) no-repeat 0 0;}
input,textarea{
	margin:1px 0; padding-top:3px;padding-bottom:1px; overflow:visible;
	/* -webkit-border-radius: 3px;
	 -moz-border-radius:3px;
	 border-radius: 3px;
	 behavior: url(border-radius.htc);*/
}
input, input.text, input.title{ margin:0\9; height:20px;  line-height:1.5;}
input.button {padding:3px 2em 1px 2em; height:24px; line-height:1;}

.center {text-align:center;}
.debug { background:#fbe3e4; }


/* 閫氱敤鐨則abs绫�  */
	ul.tabs { margin: 0; padding: 0; }
	ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
	ul.tabs li a { float: none; display: block; }
/* 娓呯悊娴姩Clearing floats without extra markup  */
	ul.tabs { display: inline-block; }
	ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html ul.tabs { height: 1%; }
	ul.tabs { display: block; }

/* 瀵规鏋剁殑10px鍒犻櫎鍚庯紝鍏朵粬鎵╁睍绫� */
.row:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.row, .container {display:block;}
ul.unstyled,ol.unstyled{margin-left:0; padding-left:0; list-style:none;}

body {background-color: #fff;}
html{
	SCROLLBAR-ARROW-COLOR:#CCCCCC;
	SCROLLBAR-FACE-COLOR:#CCCCCC;
	SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#FFFFFF;
	SCROLLBAR-TRACK-COLOR:#FFFFFF;
}
::-webkit-scrollbar-track-piece{ background-color:#fff; } 
::-webkit-scrollbar{ width:11px; height:11px; } 
::-webkit-scrollbar-thumb{ height:50px; background-color:#cbcbcb; outline:0px solid #fff; } 
::-webkit-scrollbar-thumb:hover{ height:50px; background-color:#989898; }
.alert {padding:5px;color: #B94A48; border: 1px solid #B94A48;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.input-xlarge {border:1px solid #ccc; padding:5px;}

.page-main {background-color: #fff;}
a {text-decoration: none; color: #006DB0;}
a:hover {text-decoration: underline;color: #008CC9;}

table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.table{width:90%;margin:0 0 18px 5%;background-color:#fafafa; border:1px solid #ccc;}
.table th,.table td{padding:8px;line-height:18px;text-align:left;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.table th{font-weight:bold;}
.table thead th{vertical-align:bottom;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#fff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:transparent;}
tfoot {font-style:italic;}
caption {background:#eee;}





#header {background-color: #004588;  font-weight:bold; height:80px;overflow:hidden;}
#header-search { height:32px; padding:7px 15px 0 0; text-align:right;}
#header-search input { border:0; margin:0; padding:0 5px; height:19px; line-height:19px;}
#header-search input.btn {width:55px; position:relative; _top:0px; _overflow:hidden; }
/* :root #header-search input.btn {top:-1px\9;} */
#header-search a.mailto { display: block; padding-left:18px; text-align:left; height:20px; line-height:20px;
	background:#1090CD url(../img/ico-mailto.png) 0 50% no-repeat; color:#fff; text-align:center;
	margin-bottom:1px;
	}
:root #header-search a.mailto {margin-bottom:2px\9; top:-1px\9;}
#header-lang {height:42px; margin:0px; padding:7px;}
#header-lang .active{}
#header-lang li a {color:#fff; padding:0px 10px; height:20px; line-height:20px; margin:0 2px;}
#header-lang .active a,
#header-lang li a:hover {background-color:#0080BD; text-decoration: none; }

#header-menu {margin:0px; background-color:#006DB0;  text-transform:uppercase; }
#header-menu ul li {}
#header-menu ul li a {color:#fff; padding:0 0; width:150px; text-align:center; margin:0 0 0 0; height:24px; line-height:24px; }
#header-menu ul .active a{background-color:#0080BD; }
#header-menu ul li a:hover {background-color:#1090CD; text-decoration: none; }

#header-menu ul.tabs a {display:block;}
#header-menu ul.tabs ul.unstyled {display: none;}

#header-menu ul.tabs li:hover ul.unstyled {
	display:block; 
	position:absolute; 
	z-index:1000;
	top:80px;
	width:440px;
	padding:12px 8px 20px 8px;
	
} 
#header-menu ul.tabs li ul.unstyled {  padding:8px 0; background-color:#bca87e;}
#header-menu ul.tabs li ul.unstyled li a{ width:180px; padding:4px 16px; height:auto; line-height:16px; text-align:left; font-size:11px; background-color:#bca87e; color:#f8f8f8; background: url(../img/expandable_nav_2.gif) -4px 5px no-repeat;}
#header-menu ul.tabs li ul.unstyled li a:hover {background-color:#9C8452;}


#index-nav {border-top: 4px solid #002A57; height:250px;overflow:hidden;}
#index-nav .unstyled { margin:0;}
#index-nav .nav-list-1,
#index-nav .nav-list-2,
#index-nav .nav-list-3 {
						padding:5px 5px 5px 25px; font-weight:bold;
						background: url(../img/expandable_nav.gif) 0 2px no-repeat;
						line-height:20px;
}
#index-nav .nav-list-1 {background-color: #007CBD;}
#index-nav .nav-list-2 {background-color: #0165A6;}
#index-nav .nav-list-3 {background-color: #02569A;}
#index-nav a,
#index-nav {color:#e0e0e0;}
.index-main {border-top: 4px solid #002A57;background:#fff url(../img/tmb_indexbg.png) 0 0 repeat-y;}
.index-main .main {padding:5px 15px 0 15px ;}
.index-main .main .btn-more {background: url(../img/arrow_red.gif) 0 50% no-repeat; padding-left: 10px; font-weight: bold;}
.index-main .main .title {background: url(../img/arrow_blue.gif) 0 50% no-repeat; padding-left: 10px; margin-bottom:5px; }

.index-main h4 {font-weight: bold; color: #004587; padding:5px 0; margin:0;}
.index-main p {margin-bottom:1em;}
.index-main-a,
.index-main-b,
.index-main-c,
.index-main-d {padding-top:10px;}
.index-main-a {background:#EFE7CE url(../img/branchoffice_bg.gif) 50% 0 no-repeat;}
.index-main-b {background-color: #fff;}
.index-main-c {background-color: #fff;}
.index-main-d {background-color: #EEEEEE;}
.index-main-d .main {background-color: #E0EEEE;}
.index-main-d .main p {padding-left:10px;}
.index-main-d li {}

.index-products h4 { color:#004066; margin:0 0 3px 0; padding:0; font-weight:bold; font-size:12px; padding-left:0px; border-bottom:1px solid #ccc; height:24px; line-height:24px; }
.index-products .td-pic{margin-right:0px; width:360px;}
.index-products .td-more{margin-right:0px; width:170px;}
.index-products td {margin:0; padding:3px 5px 3px 0;}
.index-products td img {border:3px solid #ccc;}
.index-products td a:hover img {border:3px solid #008CC9;}

#footer {background-color: #036; text-transform:uppercase;}
#footer .main {color: #ccc;padding:5px 10px;}
#footer a {color: #ccc; padding-right:1em;}

.page-main {background: url(../img/tmb_mainbg.png) 0 0 repeat-y;}



#nav {background-color: #EFE7CF;}
#nav h3 {font-size:16px; color:#fff; font-weight:bold; background-color: #006DB0; padding:10px 10px 6px 10px; text-transform:uppercase;}
#nav h3 a {color:#fff; font-weight:bold; background-color: #006DB0;}
#nav ul {padding:0px 0 10px 0;}
#nav ul li {padding:0; margin:0;}
#nav ul li a { background: url(../img/arrow_red.gif) 10px 3px no-repeat; padding:0px 5px 0px 20px;font-weight: bold; color: #004587;}
#nav ul li a.active { background: url(../img/arrow_gold.gif) 10px 3px no-repeat; color: #9C8452;}
#nav a.btn-big {height:42px; line-height:42px; text-align:center; display: block; color:#fff; background-color: #004588;font-size: 24px; margin-bottom:5em;}
#nav a.btn {padding:5px 10px 5px 30px; text-align:left; height:20px; line-height:20px;
	background:#1090CD url(../img/ico-return.png) 7px 50% no-repeat; color:#fff; display:block; text-transform:uppercase;}
#nav .title {background-color:#006DB0}
#nav .td-1 {}
#nav .td-1 h4 {color:#999; font-weight:bold; font-size:12px; padding:0 0 3px 10px; margin:0; text-transform:uppercase;}
#nav .td-1 ul {padding:3px 0 10px 0px;}
#nav .td-1 ul li a {
			width:175px;
			display:block;/*鍐呰仈瀵硅薄闇€鍔�*/
			word-break:keep-all;/* 涓嶆崲琛� */
			white-space:nowrap;/* 涓嶆崲琛� */
			overflow:hidden;/* 鍐呭瓒呭嚭瀹藉害鏃堕殣钘忚秴鍑洪儴鍒嗙殑鍐呭 */
			text-overflow:ellipsis;/* 褰撳璞″唴鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ユ爣璁�(...) 锛涢渶涓巓verflow:hidden;涓€璧蜂娇鐢ㄣ€�*/
}

#section {}
#section {padding:16px 40px 29px 40px;}
#section .header h6 { color: #aaa; text-transform:uppercase;}
#section .header h6 a { color: #aaa;}
#section .header h1 {font-size:24px; color: #988157; text-transform:uppercase; font-weight: bold; padding:16px 0 16px 0; margin:0 0 10px 0;
	border-bottom:3px solid #006DB0;}

#section h3 {color:#f8f8f8; background-color:#005580;height:32px; line-height:32px; padding-left:6px; margin-bottom:30px;}
#section h3 a {color:#f8f8f8;}
#section h3 a:hover {color:#fff;}
#section .product-catalog h3 a {color:#004066; font-weight: bold;}



#article {min-height:260px;}
#article p {text-align:justify;}
#article a.btn {padding:5px 10px 5px 24px; text-align:left; height:20px; line-height:20px;
	background:#1090CD url(../img/ico-return.png) 0 50% no-repeat; color:#fff;}
/*#article a.btn:hover {background:#007eb5 url(../img/ico-return.png) 0 50% no-repeat;text-decoration: none;}*/
#article h3  {color:#666;background-color:#fff; border-bottom:3px solid #ddd; padding:0;}
#article h3 a { color:#666;}
#article h3 a:hover { color:#1090CD;}

#article .span-pic {width:180px; height:130px; float:left; border:0px solid #f0f0f0; /*margin-top:5px;*/ }
#article p.span-spec {line-height:18px; width:354px; min-height:120px; _height:120px; margin-left:190px; background-color:#f4f4f4; padding:5px 8px;}/* margin-top:-5px;*/
#article .table-spec {margin-top:-18px;}
#article .table-spec th {width:120px; text-align:left; padding-left:0;}
#article .table-spec th ,
#article .table-spec td {border:1px solid #e4e4e4; border-width: 1px 1px 1px 0px; }
#article .table-spec td , #article .table-spec th {border-right-width:0px;}
#article .table-spec th {border-right-width:1px; border-right-color:#006DB0;}
#article .table-spec td p {margin:0; padding:0;}
#article .table-empty {width:90%; margin:0 0 18px 5%; border-collapse:collapse;text-align:center;}
#article .table-empty th, #article .table-empty td {border:1px solid #ccc;border-right-width:0px;border-right:none;}
#article .table-empty thead tr td,  #article .table-empty thead tr th{border-bottom-color:#006DB0;}
#article .table thead tr td {border:1px solid #ccc; border-bottom-color:#006DB0;}
#article .table th, #article .table td { padding-left:0; padding-right:0; text-align:center; }
.products-table { margin-bottom:20px;}
.products-table .td-pic{padding:0; display: inline-block;}
.products-table .td-1,
.products-table .td-2,
.products-table .td-3 { float:left; border-left: 0px solid #ccc;padding:0; display: inline-block;}
.products-table .td-pic h4,
.products-table .td-1 h4,
.products-table .td-2 h4,
.products-table .td-3 h4 { color:#004066; margin:0 0 3px 0; padding:0; font-weight:bold; font-size:12px; padding-left:6px; background-color:#eee; height:24px; line-height:24px; }
.products-table .td-pic h4 {width:555px;}

.products-table .td-1{ width:186px;}
.products-table .td-last { width:185px;}
.products-table .td-2{ width:372px;}
.products-table .td-3{ width:558px;}
.products-table .tabs{ padding-bottom:10px; }
/*.products-table .tabs li { width:171px; display: inline-block; vertical-align:top;background: url(../img/arrow_blue.gif) 0px 5px no-repeat; margin:0; padding:0 5px 0 10px;}*/
.products-table .tabs li { width:180px; _width:179px; display: inline-block; vertical-align:top; margin:0; padding:0 0px 0 6px;}
.products-table .tabs li a {}

.products-table .tabs li a img { width:180px; margin:6px 0 -21px 0;}
.products-table .tabs li a span {height:21px; line-height:21px; background-color:#000; color:#fff; text-align: center; display: block; filter:alpha(opacity=80); /* IE */ 
			-moz-opacity:0.8; /* Moz + FF */
			opacity: 0.8;
			width:174px;
			padding:0 3px;
			display:block;/*鍐呰仈瀵硅薄闇€鍔�*/
			word-break:keep-all;/* 涓嶆崲琛� */
			white-space:nowrap;/* 涓嶆崲琛� */
			overflow:hidden;/* 鍐呭瓒呭嚭瀹藉害鏃堕殣钘忚秴鍑洪儴鍒嗙殑鍐呭 */
			text-overflow:ellipsis;/* 褰撳璞″唴鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ユ爣璁�(...) 锛涢渶涓巓verflow:hidden;涓€璧蜂娇鐢ㄣ€�*/
			
			}
.products-table .tabs li a:hover span {background-color:#005580; color:#fff;}


.products-table .td-pic .tabs {width:580px;}
.products-table .td-pic .tabs li {margin:0; padding:0 10px 0 0px;}





.contactinfo { padding:0; margin:0;}
.contactinfo li {width:260px;  padding:0; margin:0; padding-bottom:16px; float:left;}/**/
.contactinfo li:nth-child(1) {color:#DA0505;}
.contactinfo li:nth-child(1) a {color:#DA0505;}
.contactinfo li:nth-child(1) a:hover {color:#000;}
.contactinfo img {width:50px; height:50px; vertical-align:top; border:3px solid #ddd;}
.contactinfo .main { margin-left:23px; margin-top:-19px; padding-bottom:8px; padding-left:8px; border-left:1px solid #003f64; line-height:1.5;}
.contactinfo .main h4 { font-size:14px; font-weight:bold;}

.contactoffice .main h5 { font-size:12px; font-weight:bold; padding:0;margin:0; color:#003f64;}
.contactoffice .main { padding:0 0 0px 8px; margin-bottom:8px; margin-left:23px; border-left:1px solid #003f64; }
.contactoffice-news .main { margin:-20px 0 40px 70px;  }

#aside { background-color: #F8F8F8;}
#aside .main {min-height:50px; background-color: #E7E7E7; padding:0px 10px 10px 10px; margin-bottom:10px;}
#aside h6 {height:21px; line-height:21px; background-color:#000; color:#ccc; text-align:center; position:relative; top:-21px; filter:alpha(opacity=60); /* IE */ 
			-moz-opacity:0.6; /* Moz + FF */
			opacity: 0.6; }

#aside h3 {font-size:12px; color:#fff; background-color: #006DB0; padding:0 10px; margin:0; height:21px; line-height:21px; }

#aside ul {padding:10px 0;}
#aside ul li {padding:0; margin:0;background: url(../img/arrow_red.gif) 10px 6px no-repeat; padding:0px 5px 0px 20px;}
#aside ul li a { font-weight: bold; color: #004587;}
#aside ul li a.active { background: url(../img/arrow_gold.gif) 10px 3px no-repeat; color: #9C8452;}
#aside h4 a{height:42px; line-height:42px; text-align:center; display: block; color:#fff; background-color: #004588;font-size: 24px; margin-bottom:5em;}



.form-inquiry {border: 0px solid #FCF4CD;}
#section .form-inquiry h3 {font: bold 16px/32px Arial; height:32px; background-color: #FCF4CD; background-color: #41507c; color: #fff; border:0; padding:0 10px;}
.form-inquiry th {vertical-align:top; width:80px; padding-top:10px; text-align:right;}
.form-inquiry legend {border:none;}
.form-inquiry .form-actions {margin-bottom:0px;}
.form-inquiry .usersinfo {border-bottom:2px solid #eee;}
.form-inquiry .usersinfo img {border:5px solid #20abff;}
.form-inquiry .usersinfo th {padding-top:13px;}
.form-inquiry .usersinfo td {padding-top:8px;}
.form-inquiry .usersinfo .main {padding:0 0 0px 5px; margin-bottom:8px; border-left:1px solid #ccc;}

.form-inquiry input,textarea{
	margin:1px 0; padding-top:3px;padding-bottom:1px; overflow:visible;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	 -moz-border-radius:3px;
	 border-radius: 3px;
	/* behavior: url(/css/border-radius.htc);*/
}

.form-inquiry .backdrop-sending {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255,255,255, 0.7);
}
.form-inquiry .backdrop-sending div.text {
	position: fixed;
	top:40%;
	right: 0;
	bottom: 0;
	left: 0;
	color:#000;
	font-size:36px;
	text-align:center;
 	animation: backdrop-sending-text 1s infinite ease-in-out;
}
@keyframes backdrop-sending-text {
	0%{ color:rgba(0,0,0, 1);} 50%{ color:rgba(0,0,0, 0);}100%{ color:rgba(0,0,0, 1);}
}


.btn-primary {color:#fff; border:5px solid #008de1; border-width:0 0 0 5px; height:28px; line-height:28px; padding:0 15px; background-color:#20abff; }

@media (max-width: 1200px) {


}