﻿
/*------------all start-----------------------*/
body { color: black; font-size: 12px; background-color: white; text-align: center; margin: 0; padding: 0; }

p {  }

td {font-size: 12px;}

a:link { color: #000001 ; text-decoration: none; }

a:visited { color: #070007 ; text-decoration: none; }

a:hover { color: #010001 ; text-decoration: none; }

a:active { color: #010000 ; text-decoration: none; }

img { border-width: 0; }

img {vertical-align:bottom;}

.f {float: left;}
.c {clear: both;}
.newscontent A,.newscontent a:visited {text-decoration:underline; }
/*==================sub all start=================================*/
.sub_body { background-color: #708aa1; background-image: url(../images/sub_body_bg.gif); background-repeat: repeat-y; text-align: left; width: 1003px; }

.sub_left { text-align: right; margin-left: -2px !important; margin-left: 0px; width: 185px; float: left; }
.sub_right { background-color: #fff; width: 716px; overflow: hidden; float: right; margin-right: 103px !important; margin-right: 51px; padding-bottom: 20px;}
/*==================sub all end==============================*/

/*------------all end -----------------------*/

/*------------header start-----------------------*/
.header { background-color: #2c516c; text-align: left; width: 1003px; height: 78px; }
.logo { text-align: left; margin-left: 22px !important; margin-top: 20px; margin-left: 12px; }


.WebSiteName a { color: #fff; word-spacing: 2px; display: block; width: 320px; overflow: hidden;/*注意不要写在最后了*/margin-top: 32px; margin-left: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
/* firefox only */
.WebSiteName:not(p) {clear: both;}
.WebSiteName:not(p) a {max-width: 320px;float: left;}
.WebSiteName:not(p):after {content: "...";float: left;width: 25px;padding-left: 5px;color: #000;}
.websitename a:visited {color: #fff}

.WebSiteInfor { color: #fff; margin-top: 32px; margin-left: 330px !important; margin-left: 327px; }

.nav { background-image: url(../images/nav_bg.gif); position: absolute; width: 300px; height: 24px; margin-top: -7px; margin-left: 601px; }
.nav a, .nav a:visited { display: block; color: #050505; float: left; margin-top: 4px; margin-right: 10px; margin-left: 10px; }
.nav a:hover { color: #fff; text-decoration: underline; }

/*------------header end-----------------------*/

/*------------middle start-----------------------*/
.middle { background-color: #708aa1; background-image: url(../images/middle_bg.gif); background-repeat: repeat-y; text-align: left; width: 1003px; }
.line { font-size: 3px; background-color: #f29901; text-align: left; width: 901px; height: 3px; }

/*==================index left content start===========================*/
.left { text-align: right; width: 185px; }
.left .left_title { color: #fff; font-size: 20px; font-weight: 700; text-align: left; width: 175px; margin-top: 20px; margin-bottom: 20px; border-bottom: 2px solid #ededed; }
.left ul{ text-align: left; width: 175px; margin: 0; padding: 0; list-style-type: none; }
.left li { margin: 0; padding: 0; }
.left li a { color: #100f0f; font-size: 14px; line-height: 26px; display: block; width: 174px; overflow: hidden;/*注意不要写在最后了*/margin-top: 2px; padding-left: 2px; border-bottom: 1px solid #e4e2e2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.left li a:hover { color: #fff; font-weight: 700; background-color: #f29901; border-bottom: 1px solid #f29901; }
/* firefox only */
.left li:not(p) {clear: both;}
.left li:not(p) a {max-width: 174px;float: left;}
.left li:not(p):after {content: "...";float: left;width: 25px;padding-left: 5px;color: #000;}


/*==================index right content start===========================*/
.right { background-color: #fff; width: 715px; padding-bottom: 20px; }

.index_news { margin-top: 10px; margin-left: 7px; float: left; }
.index_news img { float: left; margin-right: 20px; }
.index_news marquee { width: 300px;}
.index_news marquee a, .index_news marquee a:visited { color: #2c516c; text-decoration: underline; margin-left:10px; }
.index_news marquee a:hover { color: #1a1919; }

.search { margin-left: 10px; float: right; margin-top: 8px; margin-right: 5px; }
.search input {margin-left: 2px !important; margin-right: 6px !important; margin-right: 0px; margin-left: 0px; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; float: left; border: solid 1px #bddcfd; }
.search img { float: left; }

/*==================index product content start===========================*/
.product_content_title { clear: both; margin-top: 5px; margin-bottom: 15px; margin-left: 15px; }


.I_pl { FLOAT: left; WIDTH: 122px; TEXT-ALIGN: center
; margin-left: 14px !important;  margin: 10px 5px 10px 11px; }
.I_pl IMG {
	MARGIN-TOP: 2px; WIDTH: 120px; HEIGHT: 70px
}
A.Ip {
	MARGIN-TOP: 10px
}
A.Ip:hover {
	BORDER-RIGHT: #d45a03 1px solid; BORDER-TOP: #d45a03 1px solid; BORDER-LEFT: #d45a03 1px solid; BORDER-BOTTOM: #d45a03 1px solid
}
A.It {
	DISPLAY: block; MARGIN-BOTTOM: 4px;  OVERFLOW: hidden; WIDTH: 120px; LINE-HEIGHT: 23px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
A.It:hover {
	COLOR: #f71e1e; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}

/* firefox only */
.It:not(p) {clear: both;}
A.It:not(p){max-width: 174px;float: left;}
.It:not(p):after {content: "...";float: left;width: 25px;padding-left: 5px;color: #000;}

/*------------middle end-----------------------*/

/*------------footer start-----------------------*/
.footer { background-color: #2c516c; text-align: left; width: 903px !important; width: 1003px; clear: both; padding: 10px 50px !important; padding: 10px 50px; }
.footer img { float: left; margin-top: 13px; }
.footer_infor { color: #fff; word-spacing: 4px; float: left; margin-left: 10px; margin-bottom:10px;}
.footer_infor a, .footer_infor a:visited { color: #fff; }
.footer_infor a:hover { color: #fff; text-decoration: underline; }

.frendlinks { clear: both; border-top: 1px solid #fff; }
.frendlinks a, .frendlinks a:visited { color: #fff; margin-left: 5px; }
.frendlinks a:hover { color: #fff; text-decoration: underline; }
.frendlinks span { color: #e0a210; font-size: 14px; font-weight: 700; }
/*------------footer end-----------------------*/
/*==================================================================*/
/*=================index end===========================*/
/*==================================================================*/


/*==================================================================*/
/*=================product index start===========================*/
/*==================================================================*/

/*==================sub product content start===========================*/
.sub_content_title { background-image: url(../images/product_title.gif); background-repeat: no-repeat; text-align: right; word-spacing: 5px; width: 687px; height: 25px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.sub_content_title a:hover { text-decoration: underline; }

.title_h1 { color: #ce7b06; MARGIN-TOP: 10px; PADDING-TOP: 5px; HEIGHT: 20px; BACKGROUND-COLOR: #f6f6f4; TEXT-ALIGN: center
; margin-right: 17px; margin-left: 10px; padding-bottom: 5px; border: solid 1px #ffcf72; }
.title_h1 H1 {
	DISPLAY: inline; FONT-SIZE: 12px; COLOR: #f80101
}
.product_list { width: 690px; MARGIN-TOP: 10px; margin-left: 10px; PADDING-BOTTOM: 10px; }
.p_l { FLOAT: left; WIDTH: 154px; BACKGROUND-COLOR: #f5f2f2; TEXT-ALIGN: center; height: 154px; overflow:hidden; margin-top: 10px !important; margin-right: 6px !important; margin-bottom: 10px !important; margin-left: 7px; }
.p_l IMG {
	MARGIN-TOP: 4px; MARGIN-LEFT: 1px; WIDTH: 145px; HEIGHT: 120px
}
A.p {
	BORDER-RIGHT: #dad7d7 1px solid; BORDER-TOP: #dad7d7 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #dad7d7 1px solid; BORDER-BOTTOM: #dad7d7 1px solid
}
A.p:hover {
	BORDER-RIGHT: #d45a03 1px solid; BORDER-TOP: #d45a03 1px solid; BORDER-LEFT: #d45a03 1px solid; BORDER-BOTTOM: #d45a03 1px solid
}
A.t {
	DISPLAY: block; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 1px;  WIDTH: 145px; LINE-HEIGHT: 23px; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
A.t:hover {
	FONT-WEIGHT: 700; COLOR: #f71e1e; BACKGROUND-COLOR: #fff
}
.Flip { MARGIN-TOP: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #f4f4f4
; text-align: center; margin-right: 17px; margin-left: 10px; border: solid 1px #e7e7e5; }
.Flip SELECT {
	MARGIN-TOP: 2px; FONT-SIZE: 12px; MARGIN-LEFT: 10px
}
.Flip SPAN {
	COLOR: #f84141
}
/*==================sub product content end===========================*/




/*==================sub left start===========================*/
.sub_left .left_title { color: #fff; font-size: 20px; font-weight: 700; text-align: left; width: 175px; margin-top: 20px; margin-bottom: 20px; border-bottom: 2px solid #ededed; }
.sub_left ul{ text-align: left; width: 175px; margin: 0; padding: 0; list-style-type: none; }
.sub_left li { margin: 0; padding: 0; }
.sub_left li a { color: #100f0f; font-size: 14px; line-height: 26px; display: block; width: 174px; overflow: hidden;/*注意不要写在最后了*/margin-top: 2px; padding-left: 2px; border-bottom: 1px solid #e4e2e2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.sub_left li a:hover { color: #fff; font-weight: 700; background-color: #f29901; border-bottom: 1px solid #f29901; }
/* firefox only */
.sub_left li:not(p) {clear: both;}
.sub_left li:not(p) a {max-width: 174px;float: left;}
.sub_left li:not(p):after {content: "...";float: left;width: 25px;padding-left: 5px;color: #000;}
/*==================sub left end===========================*/

/*==================================================================*/
/*=================index product end===========================*/
/*==================================================================*/


/*==================================================================*/
/*=================productshow start===========================*/
/*==================================================================*/

.content_title { background-color: #ebebeb; word-spacing: 2px; margin: 10px 19px 10px 10px; padding: 5px; border: solid 1px #e3d990; }
.content_title h1 { color: #e60000; font-size: 18px; display: inline; }
.content_title h2, .content_title h2 a, .content_title a:visited { color: #ef0505; font-size: 14px; display: inline; }
.content_title h2 a:hover { color: #f20808; text-decoration: underline; }
.content_title span { color: #a27e06; font-size: 14px; font-weight: 700; margin-right: 5px; }
.content_center { font-size: 13px; width: 686px; overflow: hidden; margin-left: 10px; }
.content_end { line-height: 20px; background-color: #e8e8e8; margin-top: 30px; margin-right: 19px; margin-left: 10px; padding: 5px; border: solid 1px #b5b5b5; }
.content_end a { color: #f07f07; }
.content_end a:hover { color: #f07f07; text-decoration: underline; }


.content_center p, .content_center table, .content_center tr, .content_center td, .content_center a, .content_center h1, .content_center h2, .content_center a:visited, .content_center a:hover{ color: #202020; font-size: 13px; word-spacing: 2px; }


/*==================================================================*/
/*=================newsshow start===========================*/
/*==================================================================*/
.news_body { background-color: #f4f4f4; width: 800px; margin-top: 50px; margin-bottom: 50px; border: solid 1px #e4e2e2; }
.news_title { color: #ef8104; font-size: 15px; font-weight: 700; margin: 10px; border-bottom: 1px solid #c6c5c5; }
.news_content { text-align: left; word-spacing: 2px; margin: 10px; }
.news_end { text-align: left; word-spacing: 3px; margin: 10px; border-top: 1px solid #b1b1b1; }
.news_end a, .news_end a:visited { color: #cc7a08; margin-left: 10px; }


hr {
border:1px solid #999999; height:1px;}