@charset "utf-8";
@import url(../../Style/Reset.css);

/* Common Style */
html, body {overflow-x: hidden}
body, td, th, p, input, button, textarea, select {font: 12px "Times New Roman", Tahoma ; color: #555}

.input, textarea {padding: 2px; border: solid 1px #bdbdbd}

a {color: #555; text-decoration: none; outline: none}
a:hover {color: #c51200; text-decoration: underline}
a:active {color: #000}

.light, .light a {color: #c51200}
.light:hover, .light a:hover {color: #ec4800}

.nodata {width: auto; padding: 0 !important; margin: 0 !important; text-align: left !important; background: none !important; border: none !important}

.page {margin: 20px 15px 10px; text-align: right}

#header {height: 85px; background: url(../../Images/Header_Bg.gif) repeat-x}
	#header .logo {padding-left: 40px; width: 350px}
	#header .link {position: relative; text-align: right; background: url(../../Images/Header_Right.gif) right bottom no-repeat}
		#header .link .case {position: absolute; width: 350px; top: 35px; right: 15px}
		#header .link img {float: left; margin-right: 10px}
		#header .link a.quick {float: left; width: 85px; height: 22px; line-height: 22px; margin-right: 10px; text-align: center; background: url(../../Images/Header_LinkBg.gif)}
		#header .lng {float: left; width: 85px; margin-right: 25px;  background: url(../../Images/Header_LngBg.gif)}
			#header .lng dt a {display: block; width: height: 22px; line-height: 22px; padding-right: 20px; text-align: center; color: #820300}
			#header .lng dd {padding: 5px 0; background: url(../../Images/Lng_Selector.gif) bottom no-repeat}
			#header .lng dd a {display: block; padding-left: 10px; text-align: left; height: 20px; line-height: 20px}

#menu {height: 33px; margin-top: 1px; background: url(../../Images/Menu.gif) repeat-x}
	#menu a {display: block; height: 33px; line-height: 33px; text-align: center; color: #fff}
	#menu a:hover {color: #ffff00}
	#menu .sel a {font-weight: bold; background: url(../../Images/Menu.gif) 0 -40px repeat-x}
	#menu .split {width: 1px; background: url(../../Images/Menu.gif) right -80px}

#banner {height: 210px}
	#banner td {text-align: center; overflow: hidden}
	#banner img {width: 100%; height: 210px}

#footer {height: 55px; border-top: solid 1px #cdcdcd; background: #f8f8f8}
	#footer .logo {padding-left: 30px; width: 300px}
	#footer .copyright {text-align: right; line-height: 20px; color: #9a9a9a; padding-right: 10px}

#main {height: 1%; overflow: hidden; padding: 10px 5px; background: url(../../Images/Main_Shadow.gif) repeat-x}
	/* 首页 */
	#main .col_left {float: none; margin-right: 280px; height: 1%; overflow: hidden}
		#main .col_1 {float: left; width: 285px}
		#main .col_2 {float: none; margin-left: 305px}
		#main .row_2 {clear: left}
	#main .col_right {float: right; width: 260px}

	.m_news {}
		.m_news h1 {height: 25px; background: url(../Images/News_Title.gif)}
		.m_news h1 a {float: right; margin: 10px 10px 0 0}
		.m_news dl {height: 185px; padding-top: 15px; overflow: hidden; background: url(../../Images/News_Box.gif) left bottom no-repeat}
			.m_news dt {padding-left: 20px; color: #808080; background: url(../../Images/Icon_Arrow_Red.gif) 10px center no-repeat}
			.m_news dd {padding-left: 20px; margin: 5px 0 13px 0}
	
	.m_about {}
		.m_about h1 {height: 25px; background: url(../../Images/Title_Line_Gray.gif) repeat-x}
		.m_about h1 a {float: right; margin: 10px 10px 0 0}
		.m_about p {padding: 15px 10px 10px; height: 150px; line-height: 23px; overflow: hidden}
		.m_about .picture {float: left; margin: 0 1em 0 0}
		.m_about .link {height: 25px; line-height: 25px; padding-right: 10px; text-align: right}
	
	.m_product {margin-top: 14px; background: url(../../Images/Product_Bg.gif) repeat-x}
		.m_product h1 {float:left; width: 39px; height:120px}
		.m_product .cont {float: none; height:109px; padding: 11px 10px 0 10px; margin-left: 40px; background: url(../../Images/Product_Right.gif) right no-repeat}
		.m_product .case {width: 100%; overflow: hidden}
		.m_product .case table {width: 100%}
		.m_product .case td {width: 20%}
		.m_product .case a {display: block; width: 152px; margin: 0 auto 0 auto; position: relative}
		.m_product .icon_case {position: absolute; top: 7px; right: 31px}
		.m_product .icon_case img {margin-left: 3px}
		.m_product .case img.img_picture {width: 120px; height: 90px; padding: 4px 28px 4px 4px; background: url(../../Images/Product_Box.gif)}

	.m_service {}
	
	.m_leaveword {margin-top: 10px}
	
	.m_msn {margin-top: 10px; height: 65px; padding: 5px 10px 0 70px; background: url(../../Images/Msn_Bg.gif) no-repeat}
		.m_msn a {display: block; height: 20px; line-height: 20px; color: #fff; padding-left: 15px; background: url(../../Images/Icon_Arrow_White.gif) 5px center no-repeat}
		.m_msn a:hover {color: #ffff00}

	/* 内页 */
	#main .col_nav {float: left; width: 220px}
	#main .col_cont {float: none; margin-left: 240px}

	.navigation {}
		.navigation h1 {height: 25px; background: url(../Images/Nav_Title.gif)}
		.navigation	ul {height: 125px; padding: 5px 10px; background: url(../../Images/Nav_Box_Bg.gif) repeat-y}
			.navigation	li {border-bottom: solid 1px #d2d2d2}
			.navigation	a {display: block; height: 30px; line-height: 30px; padding-left: 22px; font-weight: bold; color: #333; background: url(../../Images/Icon_Dot_Gray.gif) 8px center no-repeat}
			.navigation	a:hover {color: #c51200; text-decoration: none}
			.navigation	i {display: none; margin-left: 1em; font-weight: normal; margin-left: 1em; color: #8b8a8a}
			.navigation	.sel {background: url(../../Images/Nav_Bg.gif) 0 5px no-repeat}
			.navigation	.sel a {color: #bf1417; background: url(../../Images/Icon_Dot_Red.gif) 8px center no-repeat}
			.navigation	.sel i {color: #8b8a8a}
		.navigation	.foot {height: 5px; background: url(../../Images/Nav_Box_Foot.gif); overflow: hidden}
			
	.productsort {}
		.productsort h1 {height: 25px; background: url(../Images/Sort_Title.gif)}
		.productsort .items {padding: 5px 10px; background: url(../../Images/Nav_Box_Bg.gif) repeat-y}
			.productsort a {display: block; height: 26px; line-height: 26px; font-weight: bold; color:#333; padding-left: 22px; text-decoration:none; background: url(../../Images/Icon_Dot_Gray.gif) 8px center no-repeat}
			.productsort a:hover {color: #bf1417; background: url(../../Images/Icon_Dot_Red.gif) 8px center no-repeat}
			.productsort .sub {padding-left: 20px; border-bottom: solid 1px #d2d2d2}
			.productsort .sub a {font-weight: normal}
		.productsort .foot {height: 5px; background: url(../../Images/Nav_Box_Foot.gif); overflow: hidden}
				
	.n_service {margin-top: 15px}
	
	.n_leaveword {margin-top: 15px}
	
	.n_msn {margin-top: 15px; height: 65px; padding: 5px 10px 0 50px; background: url(../../Images/Nav_Msn_Bg.gif) no-repeat}
		.n_msn a {display: block; height: 20px; line-height: 20px; color: #fff; padding-left: 15px; background: url(../../Images/Icon_Arrow_White.gif) 5px center no-repeat}
		.n_msn a:hover {color: #ffff00}

	.col_cont h1 {height: 25px; color: #333; font-size: 14px; font-weight: bold; background: url(../../Images/Title_Line_Gray.gif) repeat-x}
		.col_cont h1 em {float: left; height: 25px; line-height: 25px; padding-right: 1.5em; background: url(../../Images/Title_Line_Red.gif) repeat-x}
		.col_cont h1 i {color: #ca0004}
		.col_cont h1 img {margin: 6px 10px 0 15px}
	
	.information {padding: 25px 15px 10px 15px}
		.information p {margin-bottom: 1em}
		.information, .information p {line-height: 200%}
	
	.picture {margin: 15px 15px 10px 15px; height: 1%; overflow: hidden}
		.picture li {float: left; width: 33.3%; height: 235px; overflow: hidden}
		.picture a {display: block; font-weight: bold; padding: 10px 0; text-align: center}
		.picture a:hover {text-decoration: none}
		.picture img {height: 160px; margin-bottom: 10px; padding: 3px; border: solid 1px #ccc}
	
	.product {margin: 15px 15px 10px 15px; height: 1%; overflow: hidden}
		.product li {float: left; width: 33.3%; padding: 10px 0; text-align: center}
		.product .pic_case {position: relative; display: block; width: 210px; margin: 0 auto 0 auto}
		.product .icon_case {position: absolute; top: 7px; right: 7px}
		.product .icon_case img {margin-left: 3px}
		.product img.img_picture {width: 200px; height: 150px; margin-bottom: 10px; padding: 3px; border: solid 1px #ccc}
		.product .text_case {display: block; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden}
	
	.product_view {margin: 15px 15px 10px 15px}
		.product_view h3 {font-weight: bold; font-size: 15px; text-align: center; padding: 1em 0}
		.product_view .proimage {width: 508px; margin: 10px auto 15px auto; position: relative}
		.product_view .proimage .icon_case {position: absolute; width: 22px; top: 10px; right: -40px}
		.product_view .proimage .icon_case img {margin-bottom: 10px}
		.product_view .proimage img.img_picture {width: 500px; padding: 4px; border: solid 1px #ccc}
		.product_view .detailed {padding: 10px 1.5em; background: #f8f8f8; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5}
		.product_view .password {padding: 10px 1.5em; margin-top: 20px; background: #f8f8f8; border: solid 1px #e5e5e5}
		.product_view .video {padding: 20px; text-align: center}
		.product_view .downvideo {font-weight: bold; padding-top: 10px; text-align: center}
	
	.news {margin: 15px 15px 10px 15px}
		.news li {height: 28px; line-height: 28px; padding: 0 1em 0 20px; border-bottom: dashed 1px #d7d7d7; background: url(../../Images/Icon_Arrow_Red.gif) 10px center no-repeat}
		.news li i {float: right; color: #a6a6a6}
	
	.article_view {margin: 15px 15px 10px 15px}
		.article_view h3 {font-weight: bold; font-size: 15px; text-align: center; padding: 1em 0}
		.article_view .info {height: 25px; line-height: 25px; text-align: center; background: #f8f8f8; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5}
		.article_view .cont {margin-top: 2em}
		
	.leaveword {margin: 15px 15px 10px 15px}
		.leaveword .nav {margin-top: 20px}
			.leaveword .nav a {font-size: 14px; font-weight: bold; color:#000}
			.leaveword .nav img {margin-right: 8px}
		.leaveword .nodata {margin-top: 20px !important}
		.leaveword td {padding: 2px 5px}